background preloader

10 petits conseils pour le Responsive Web Design !

Aujourd’hui, rendre son site internet utilisable à tous ses utilisateurs ressemble parfois à un challenge ! En effet, on trouve tout type d’utilisateurs qui navigueront : sur Chromesur FirefoxSur Internet Explorersur Safarietc.Mais aussi :sur iPhonesur iPhone 5 (pas la même taille)sur Androidsur BlackBerrysur Windows Phoneetc.Mais aussi :sur iPadsur Galaxy tabsur Galaxy Notesur iPad Minisur les tablettes Archossur Kindle FireMais aussi :sur la télévisionsur le frigo connectésur l’Amstrad CPC de mamie zinzin.. De nombreux outils, de nombreux supports et des tailles qui ne cessent de changer ! C’est dans cette évolution que l’on parle de « responsive web design » et c’est aussi dans cette pensée que j’ai réalisé la fameuse Responsive Museum Week où j’invitais les utilisateurs, les développeurs, les designers à « hacker » les sites internet des musées. Aujourd’hui, ce sont dix conseils pour le Responsive Web Design que l’agence Splio nous propose : source | source

http://graphism.fr/10-petits-conseils-pour-le-responsive-web-design/

Related:  Graphisme & Ergonomie / UX & UI

10 conseils d’utilisabilité avant de concevoir l’UX L’expérience utilisateur d’un site web, vaste sujet que nous avons déjà traité dans de nombreux articles : Chaque éditeur souhaite que les visiteurs prennent du plaisir quand ils visitent leur site, qu’ils gardent un bon souvenir, qu’ils reviennent et qu’ils recommandent le site à leur entourage. L’expérience offerte sur un site web prend de plus en plus d’importance avec la richesse des offres disponibles sur les différents supports : Web, mobile ou tablette. Le marché du commerce en ligne oblige donc à se démarquer des concurrents en offrant aux utilisateurs plus qu’une plate-forme fonctionnelle en ligne. Il n’est plus possible de rendre public un nouveau service ni préparé ni testé et penser créer des expériences extraordinaires. Il est nécessaire de s’assurer que le site web satisfait les attentes les plus simples des utilisateurs.

Emotional Interface Design: The Gateway to Passionate Users We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No longer do you simply tell your best friend that you’ve broken up with your boyfriend. Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out.

Le Flat Design - Principe et utilité En design web, comme dans la mode, les tendances vont et viennent. Hier on découvrait le responsive web design, aujourd’hui on nous parle de flat design. C’est LE trend topic du moment… Mais intéressons-nous à ce qui existe déjà : le flat design, ou le « design plat » en bon françois, est la nouvelle corde à l’arc des designers d’interfaces. Zoning, wireframe, maquettage, prototype ... : les meilleures pratiques Zoning, wireframe, maquette, prototype, voici des termes qui ne vous sont pas anodins, puisque nous les rencontrons de plus en plus dans le monde du Web, notamment dans les phases d’initialisation des projets. Mais savez-vous réellement ce qui se cache derrière chacun de ces termes, qui désignent l’ensemble des techniques et des outils qui permettent de maquetter graphiquement, fonctionnellement, ergonomiquement un site Web ? Tout d’abord utilisée dans la création de logiciels lourds avant la phase de développement, cette technique de conception a progressivement été adoptée, et est aujourd’hui conseillée par les professionnels du Web. ceci dit, il arrive encore couramment que l’on fasse l’amalgame entre les différents termes. Parallèlement, le nombre d’applications permettant de réaliser des wireframes ou des prototypes ne cesse d’augmenter, avec à chaque fois de nouvelles spécialisations. Les différentes notions derrière ces termes

Tendances Web Design 2015 Présenter les tendances web design n'est pas une chose aisée. Il faut tout d’abord analyser les raisons qui poussent les designers à faire un choix plutôt qu'un autre : par mimétisme, par mode ou pour répondre à une problématique spécifique ? Aujourd'hui, il est inimaginable de concevoir une charte graphique sans y intégrer les supports dématérialisés. Les arts appliqués comptent une nouvelle discipline : le web design, avec ses codes, ses possibilités et ses limites. Il n'est plus question d'imiter le support papier, mais d'envisager le web design dans sa globalité, avec ses spécificités techniques, ergonomiques, d'accessibilité… et dans le respect des standards. Navigation horizontale : une nouvelle alternative graphique à l’ère du tout-mobile ? Ces derniers mois ont vu naître de nombreux sites web à navigation horizontale, à la manière de MySpace ou de USA Today. C’est grâce à l’évolution des portfolios, des sites personnalisés et des désirs d’innovation des webdesigners que la navigation horizontale est née. Les sites utilisant cette variation graphique se multiplient et offrent des nouvelles alternatives au design. Souvent considérés comme une aberration d’un point de vue ergonomique, ces sites offrent sans conteste une grande liberté artistique et surtout correspondent à une nouvelle habitude de lecture des internautes devenus mobinautes. Pour mieux comprendre ce phénomène, laissez-nous répondre à trois questions afin d’appréhender la navigation horizontale et comprendre que finalement elle n’est pas si inhabituelle que ça …

Le responsive web design : la réponse à tous vos problèmes ? Avec la multiplication des écrans et l’accroissement du nombre de mobinautes, il est désormais quasi indispensable de proposer une version mobile de votre site web. Vous rendre accessible n’importe où, n’importe quand et depuis n’importe quel appareil facilite la vie de « vos » internautes chéris. Si développer une application mobile peut être une option, concevoir un site web en responsive design apparait aussi comme l’une des solutions des plus tendance.

Webdesign : 18 des plus beaux sites de conférences L’année 2014 promet d’être riche en conférence webdesign, social média et nouvelles technologies. Webdesigner Trends a sélectionné pour vous 18 des plus beaux sites de conférences web qui se tiendront ces prochains mois à travers le monde. Avec des intervenants de choix, des thèmes phares et sans aucun doutes quelques innovations à venir, le programme 2014 est alléchant et plus que prometteur. Sites événementiels par excellence, les conférences webdesign se doivent de proposer des sites innovants, efficaces et représentatifs du domaine. En toute objectivité, je vous invite à découvrir ces 18 sites bien réalisés aussi bien au niveau graphique que technique. En avant l’inspiration !

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.

Les sites web incontournables (janvier 2014) L’année 2014 commence sur les chapeaux de roues niveau webdesign. Retour sur les sites et concepts à garder sous le coude pour votre inspiration. Je suis heureux de commencer cette 5ème année d’activité du blog avec toujours autant de beaux webdesign à partager avec vous. Je sais que vous êtes nombreux chaque mois à suivre la série, vous pouvez d’ailleurs compter sur les incontournables qui seront encore au rendez-vous chaque fin de mois en 2014. En attendant, la refonte de Webdesigner Trends se profile en tâche fond (lentement certes, mais elle est toujours sur le feu). Je vous donne rendez-vous ces prochains mois pour de l’inspiration webdesign mieux présentée, avec de plus belles images et bien d’autres surprises à venir…

Responsive design, quels bénéfices pour les éditeurs de site web ? Pourquoi adopter le responsive design. Quels bénéfices apporte cette nouvelle technologie aux éditeurs de site web ? État des lieux et perspectives. Article rédigé par Stéphane Cholet. Directeur technique de l’agence web CLAP40, il accompagne ses clients dansleur stratégie web, mobile, sociales et CRM (acquisition, fidélisation, notoriété… ). Stéphane est également photographe à ses heures, et édite le site bokeh.fr. Ergonomie et référencement : les meilleures pratiques pour 2013 Vous avez été plus de 300 à nous suivre lors de la conférence du salon e-Commerce Paris 2012. C’est avec un grand plaisir que nous vous livrons ici les Best Practices 2013 en matière d’optimisation du référencement et de l’ergonomie. Tout d’abord, un bref rappel des conventions et règles ergonomiques déjà en vigueur… 1. Conventions et règles en ergonomie

12 règles de base pour optimiser lergonomie dun site internet Expressions : Optimiser l’ergonomie web, 12 règles de base, Ergonomie web, cohérence d’une page web 12 règles de base pour optimiser lergonomie dun site internet Un site bien rangé permet aux internautes de localiser rapidement ce qu’ils recherchent ainsi les visiteurs arrivent facilement à leurs objectifs.

Related: