background preloader

Résolution, tablettes & smartphones

Résolution, tablettes & smartphones
Avec une troisième génération d’iPad, Apple a semé le trouble dans les résolutions d’écrans. En effet l’iPad 3 présente un nombre plus élevé de pixels que la majorité des PC avec une taille d’écran divisé par deux. Je propose donc un petit tableau pour essayer de faire le point sur le parc des résolutions d’écrans. Les smartphones convergent vers une taille physique de l’écran de 3,5 pouces. Cela correspond simplement à la taille d’un objet que peut saisir la main d’un adulte. Les tablettes convergent aussi vers un format « livre » entre 7 et 10 pouces, avec une bordure autour de l’écran permettant de le tenir, pendant qu’on le manipule de l’autre mains. Il est probable que les prochains supports à bénéficier d’un écran « rétina » soit les ordinateurs portables avec des écrans de 11 à 15 pouces et une distance d’usage un peu supérieur à 40 cm. [MAJ] c’est le cas maintenant avec le MacbookPro Retina. Quelques ressources pour se dépatouiller avec la technique

Neuro Web Design: Tips and Techniques Does your website have a stickiness factor? While most websites are built to attract customers to a business – providing the information necessary to do business with them – many may or may not contain an underlying strategy necessary to convert more sales. A recent phenomenon in human factors has emerged called 'Neuro Web Design'. This methodology borrows from research on motivation, decision-making, and neuroscience in the creation of websites that are more engaging and effective overall. Just what is this concept of Neuro Web Design? What is Neuro Web Design? Neuro Web Design is a technique that explores how human behavior and motivation have a role in the design of websites. This idea merges these different fields of psychology, neuroscience, and user experience in understanding how and why we react to things we may not fully realize. Principles of Persuasion So how does science play into designing websites? 7 Principles That Make Your Website More Engaging Dr. Emotion Logic Instinct Mint

Plus de 80 apps pour vos classes La tablette numérique est une source quasi inépuisable d'outils et de ressources pour l'éducation. Le magasin d'applications Google Play comporte aujourd'hui des centaines de milliers d'applications. Toutefois la sélection des apps les plus appropriées pour nos activités en classe n'est pas toujours facile, surtout si l'on recherche des applications en français. Aussi, Eti-Education vous propose ici une sélection de quelques apps Android qui nous ont semblé mériter l'attention des enseignants. Cette sélection, régulièrement enrichie, est cependant faite sans autre engagement de notre part que celui de faire apercevoir l'étendue des possibilités des tablettes et ce d'autant plus que toutes ces apps évoluent constamment et peuvent donc avoir changé entre le moment où nous les avons examinées et celui où vous les testerez. * Signale une interface en anglais mais tous les menus sont avec des icônes donc non problématique pour un usage avec des élèves francophones.

jQuery Mobile | jQuery Mobile 5 ressources incontournables pour tester et améliorer un blog « SEO, temps de chargement, référencement, testes ». Si tous ces mots ne vous sont pas indifférents, alors ce qui suit va vous plaire ! En effet, chaque Webmaster se doit d’améliorer son blog de la meilleure manière qu’il soit. 1. Déjà présenté sur Autour du Web, Woorank permet de tester votre site Web ou blog en terme de SEO. 2. GTmetrix est une application en ligne gratuite qui offre aux utilisateurs la possibilité d’exécuter un test sur la vitesse de chargement des pages. 3. Un service Web facile à utiliser dont la fonction principale est de vous faire essayer toutes les résolutions d’écran d’ordinateur et d’appareils mobiles avec un simple clic de souris. 4. SEO Grader est un puissant outil qui vous permet d’évaluer le niveau d’optimisation de votre site pour le référencement naturel et d’obtenir une note globale (que vous pouvez afficher sur votre blog). 5. Le JavaScript est un langage de programmation de scripts qui peut facilement vous faire tourner en bourique.

Des applications Android pour le professeur E.P.S. - Mise à jour du 23 février 2013 - [EPS Académie de Lyon] Ceci est une première proposition d’applications utiles à l’enseignant qui veut utiliser son smartphone ou sa tablette Android pendant ses cours et plus spécifiquement à l’enseignant d’E.P.S. Mise à jour du 23/02/2013 : Instant Heart Rate Pro : Application permettant de mesurer son rythme cardiaque. LancerPerf (Pdagogie) SautPerf (Pdagogie) TwonkyBeam : permet de lancer une vidéo, d’afficher des photos ou de lire de la musique sur l’appareil de votre choix. Swf Player : permet de lire les applications flash Stick It : Permet de lire 2 vidéos en même temps IP Webcam : Transformez votre téléphone en une caméra sans fil avec de multiples options d’affichage. Catch Notes : bloc-notes, listes de choses à faire, journal photo, enregistrements vocaux, rappels et bien plus encore Mise à jour du 28/01/2013 : Cardiograph(e) : permet de déterminer le rythme cardiaque par courriel à l’adresse : IA-RT-eps@ac-lyon.fr Ce document s’enrichira de vos propositions.

960 Grid System Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration. Entrons dans le vif du sujet. Les sites Web sont aujourd’hui consultés sur une multitude d’appareils ayant des résolutions différentes Proposer une seule version du site Web censée s’adapter à tous ces terminaux est utopique. Le site ifttt n’est pas adaptable. Responsive ou versions séparées ?

6 Examples Of Successful Classroom Tablet Integration In an unplanned series of sorts, we’re showcasing a couple of posts about the 2013 NMC/EDUCAUSE Learning Initiative Horizon Report for Higher Education . We’ve already talked about the key trends in the report and some challenges we face in implementing education technology , so we’re ready to take a look at the six technologies highlighted in the report as being game-changers for education. Along with MOOCs, tablet computing rounded out the ‘first horizon’ (identified as entering mainstream use in a year or less), we’ll address them next. Y’all know that we like iPads here at Edudemic and we talk about them a lot, and the Horizon Report showcases a number of different examples of institutions using tablets of all kinds to supplement learning in a variety of subjects. We’ve linked to each of them below (along with the description provided in the report) so you can check out some of what the investigators saw as great examples. Chinese Language Classes Experiment with iPads MobiLearn

Design d’interface et critère ergonomique 8: Adaptabilité Ma liste de critères ergonomiques pour la conception d’interface contient 11 critères. C’est une liste personnelle, établie au départ sur la base des normes & standards existants (ISO 9241, AFNOR Z67 133, Bastien & Scapin, Heuristiques US …), que je m’efforce de partager au quotidien avec les équipes de développement tout en sensibilisant le métier sur la question. Critère n°1 : Incitation Critère n°2 : Lisibilité Critère n°3 :Groupement-Distinction entre items Critère n°4 : Feedback Direct Critère n°5: Contrôle Utilisateur Critère n°6 : ConcisionCritère n°7 : Gestion des erreursCritère n°8: AdaptabilitéCritère n°9: CohérenceCritère n°10: SignifianceCritère n°11: Compatibilité Adaptabilité : en quoi ça consiste ? C’est S’ADAPTER aux caractéristiques des utilisateurs (vues, perspectives, raccourcis…) Portail personnalisé Ce critère concerne la capacité du système à réagir selon le contexte, mais aussi selon les besoins, préférences et niveaux d’expertise des utilisateurs. Bonne pratique :

The Art of Color Coordination Colors affect us in countless ways—mentally and physically, consciously and subconsciously. Psychologists have suggested that color impression can account for 60% of the acceptance or rejection of a product or service. Good color choices should never be neglected in web design. Click on the infographic below to view a larger image: View an enlarged version of this Infographic » Click here to download a .pdf version of this infographic. Want to display this infographic on your site? Simply copy and paste the code below into the html of your website to display the infographic presented above: <b>++ Click Image to Enlarge ++</b><br /><a href=" src=" alt="The Art of Color Coordination"></a><br />Source: <a href=" Art of Color Coordination</a> Website Color Scheme Examples

BlueStacks : Lancer des applications Android sur PC 1. Installation de BlueStacks Avant de commencer l'installation, pour certains utilisateurs notamment Windows Vista, 7 et 8, vous devrez cliquer avec le bouton droit sur le fichier téléchargé et choisir de l'exécuter en tant qu'administrateur : Faites la même chose chaque fois que vous lancerez BlueStacks sinon il ne fonctionnera pas correctement. Au lancement de l'installation de BlueStacks, vous aurez la fenêtre ci-dessous, cliquez sur "Continue" : Décochez "Suscribe to Spotlight..." si vous ne souhaitez pas cette application. Il ne vous reste plus qu'à patienter pendant le téléchargement et l'installation : L'installation crée deux icônes sur votre bureau : "Apps" contient la liste des applications Android installées sur votre PC que vous pouvez exécuter directement en cliquant sur l'une d'entre elles." 2. Une fois l'installation terminée, vous arrivez devant l'interface principale de BlueStacks : Notez que le logiciel s'ouvre en plein écran par défaut. 3. Ajoutez votre compte Google : 4.

Ergonomie web : les mythes et légendes ont la vie dure... Malgré le travail acharné de grands ergonomes Web reconnus (Amélie Boucher et Jean-François Nogier chez nous, ou Steve Krug et Jakob Nielsen aux USA, pour ne citer qu’eux), des mythes perdurent en donnant des réponses à l’apparence facile et pratique aux profanes, tout en dépréciant notre démarche au passage. Grâce aux ouvrages de Steve et Amélie dont je me suis inspiré pour cet article, et en y ajoutant mon expérience personnelle, je vous livre ici une courte liste de 12 légendes qui sont encore colportées régulièrement sur l’Ergonomie Web… 1. La règle des 3 clics Ergonomie web : la règle des trois clics Vous avez déjà tous entendu cette phrase : “Pour que ton site web soit facile à utiliser, l’internaute doit trouver ce qu’il veut en moins de 3 clics, sinon il se barre” ou du style… C’est l’exemple typique d’un argument vrai sur le fond mais complètement idiot sur la forme. 2. « Les clients sont stupides » Ergonomie web : “les clients sont stupides” 3. “Round One, Fight !”

IZISOFTWARE™ - Catalogue des produits et services

Related: