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

Tumblr Tumblr. Pure effervescent enrichment. Old internet energy. Home of the Reblogs. Oh, and influencers? Now picture all of the above, but on the go. Chances are if you’ve seen it elsewhere, it probably started here. Your dashboard will become the place to see what you want to see: a chronological tapestry of all the wonderful, nonsensical, fantastical things you like. When you have something to say—a hot take on the finer points of a Virgo moon, an image of your turtle Harold that you simply *have* to share with the world, F1 fanfic that your mutuals need to see—you have so many options. The reblog starts conversations in which anyone can join. Tumblr is the home of fandom. It’s a whole world out here. So.

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.

Ruzzle Free Up to 50% off a Pocket Full of Gems during the Google Spring Sale. On now! This app offers in-app purchases. You may disable in-app purchasing using your device settings. Consult the bill payer before making any in-app purchases. Parents see "Best Games of 2013" Collection on Google Play The zombies are coming… back. Best Mobile Game at E3 – Game InformerBest Mobile Game 2013 – MashableGame of the Year 2013 – Slide to Play “Plants vs. Language Support: English, French, Italian, German, Spanish, Brazilian Portuguese Requirements: • Requires Android 2.3 (Gingerbread); ARMv7 1.0 Ghz or higher; 1 GB of RAM• Features may vary by mobile device Follow us on twitter.com/PlantsvsZombiesFind us on www.facebook.com/PlantsversusZombiesVisit the Plants vs. EA may retire online features and services after 30 days’ notice posted on www.ea.com/1/service-updates. Important Consumer Information. ©2013 Electronic Arts Inc.

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 ?

Jetez-vous à l'eau ! Gratuit 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

GifBoom: Animated GIF Camera Introducing Pro HDR Camera, the world's first real HDR app for Android! From the team that created Pro HDR for iOS, now you can automatically create stunning full-resolution HDR images with just a single tap on your Android phone. Please note that this app has been tested to work properly on Motorola, HTC and most Samsung phones. However, if you have a LG, Sony, or other device, the HDR capability may not function properly. Full functionality has been verified on the following phones:* HTC: Thunderbolt, EVO 4G, MyTouch 4G, G2, Incredible, Desire, Legend, Bravo* Motorola: Droid, Droid 2, Droid X* Samsung: Galaxy S, Epic 4G, Galaxy Nexus Here are a few professional reviews of our iPhone app Pro HDR: "If you ever take photos using your iPhone, this app is a must-have." - Gizmodo "Pro HDR leaps ahead of the pack... Thanks to Pro HDR Camera, you no longer have to choose between a blown-out sky or a hopelessly dark foreground. Check out our gallery here:

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: