UX

TwitterFacebook
Get flash to fully experience Pearltrees

Les bonnes pratiques pour la conception (zoning, wireframe, prototype)

Avant de se lancer dans la réalisation du design et le développement du site, il faut se pencher sur sa structure, son architecture et son organisation. On retrouve une suite de documents à produire pour aider ceux qui participent au développement du site : la réalisation d’un zoning, son évolution vers le wireframe puis vers la finition avec le prototypage. Ces phases sont très importantes lors de la conception d’un site. Elles feront en sorte que l’architecture et l’organisation des éléments soient claires pour tous, depuis les phases de réflexion jusqu’au développement. En temps normal, une fois que ces documents sont terminés ils sont définitifs et permettent d’aller à l’étape suivante : réalisation du design final, développement de toutes les fonctionnalités. http://www.ergognome.com/conception/bonnes-pratiques-conception-zoning-wireframe-prototype/
Voici quelques caractéristiques d’un web design fourni en PSD simple à intégrer , permettant d’éviter certains soucis chronophages. Cette liste n’est pas exhaustive, et je n’oblige évidemment personne à la suivre Organisation http://darklg.me/2012/08/composantes-web-design-facile-integrer/

LIEN VERS Responsive WD

mobile

Zoning, wireframe, maquettage, prototype ... : les meilleures pratiques

http://fr.clever-age.com/veille/blog/maquettage-et-prototypage-le-tour-des-notions-et-des-outils.html 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.
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…

Ergonomie et référencement : les meilleures pratiques pour 2013

http://blog.academy-ecommerce.com/ergonomie-et-referencement-les-meilleures-pratiques-pour-2013

10 conseils d’ergonomie basés sur des études de recherche | Kryzalid

http://www.kryzalid.net/blog/2010/09/23/10-conseils-d-ergonomie-bases-sur-des-etudes-de-recherche/ Internet abonde de conseils utiles sur l’ergonomie de sites Internet . Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design. Beaucoup de ces conseils, tel que mentionné précédemment, semblent de mise, mais ils sont enfin soutenus par des statistiques. D’autres, par contre, vous surprendront peut-être et changeront votre opinion sur certaines coutumes actuelles.
Mock-up

bao javascript

La publicité est un élément omniprésent sur internet. La plupart des sites fournissant du contenu en affiche car c’est le meilleur moyen de se financer sans renoncer à un accès gratuit à l’information. Les plus gros sites francophones et internationaux font un usage intensif des publicités : nytimes.com, Facebook, lemonde.fr, youtube. C’est aussi la principale méthode de financement des moteurs de recherche comme Google et Bing. Il est clair cependant que la publicité sur internet dégrade fortement l’expérience utilisateur. http://blog.appili.com/2012/01/02/lexperience-utilisateur-publicites/

L’expérience utilisateur des publicités sur le web

http://www.conduitedeprojetweb.com/article/ergonomie-design/ergonomie-pourquoi-un-scroll-vaut-dix-clics Par Stéphane Bordage - 04/02/2012 Le clic est la meilleure solution pour les marketers. Le scroll est la meilleure solution pour l'internaute.

Ergonomie & design, Ergonomie : pourquoi un scroll vaut dix clics - Conduite de projet web

[Infographie] Quels boutons de partage pour quels sites ? :

Bonjour ! Première visite ? Vous pouvez souscrire au fil RSS pour suivre les futurs articles de Consonaute Le terrain de jeu du social media est tellement vaste et, bien que Facebook soit le plus en vue aujourd’hui – on verra dans 5 ans -, il n’en reste pas moins qu’il est stratégique de se poser les bonnes questions avant d’intégrer sur son site pléthores de réseaux sociaux. http://www.consonaute.fr/2012/06/07/infographie-quels-boutons-de-partage-pour-quels-sites/
Expérience utilisateur

Bonnes Pratiques

responsive