ergonomie prototypage

TwitterFacebook
Get flash to fully experience Pearltrees
La première cause de lenteur d'un site web est liée au volume de données chargées. http://www.journaldunet.com/developpeur/expert/52971/optimiser-l-utilisation-des-images-d-une-page-web----traiter-les-images.shtml

Optimiser l'utilisation des images d'une page web : traiter les images - JDN Web & Tech

expos

http://www.ergonomie-interface.com/mobile-tactile-nomade/ipad-conception-ergonomie-application/ Dans un article précédent nous avons étudié les secteurs d'activité où l'iPad s'est rapidement implanté et les usages qu'il permet. Allons un peu plus loin aujourd'hui. Pour replacer le contexte, une étude de comScore de juin 2011 montrait que l'iPad représentait 89% du trafic mondial de données sur tablette.

iPad : conception et ergonomie de l’interface

Responsive webdesign : adapter un site à toutes les résolutions

http://www.ergonomie-interface.com/conception-maquettage/responsive-webdesign-adapter-resolutions/ Le Responsive Web design (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.
Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “ responsive web design ”. Cette avancée technologique est également une nouvelle philosophie de création de site.

Responsive design : définition, fonctionnement, ressources et tutoriels

http://designspartan.com/info_generale/responsive-design-definition-fonctionnement-ressources-et-tutoriels/
En 320px ton webdesign, tu commenceras http://www.lunaweb.fr/labs/dix-commandements-du-web-design-adaptatif/

Les 10 commandements du web adaptatif

UX

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 2013

http://blog.academy-ecommerce.com/ergonomie-et-referencement-les-meilleures-pratiques-pour-2013
Posté le 29 novembre 2011 dans CSS , Design , HTML par Jérôme. http://www.lije-creative.com/les-grilles-css-ou-css-grid-et-le-responsive-web-design/

Les grilles CSS ou CSS grid et le Responsive Web Design

Webdesign

responsive design

Webdesign Mag

Réalisez un bouton en fausse 3D en quelques étapes avec Photoshop ! http://ww3.advancedcreation.fr/webdesignmag/

Web design et processus : entretien avec Raphaël Bastide

http://www.lesintegristes.net/2011/07/01/web-design-et-processus-entretien-avec-raphael-bastide/ Raphaël Bastide a une approche singulière de la conception Web.
http://psdvibe.com/2009/02/22/design-studio-layout/

Design Studio Layout

Design Studio Layout
<center><a href="//social.ebuzzing.com/rdro/65083_14898_970482_11762_6475_212626/ad.doubleclick.net%2Fclk%3B269698621%3B95814723%3Bb/{referer}/{origin}"><img src="//social.ebuzzing.fr/datavid/img267/65083_14898.jpg" alt="Les ateliers Orange de la création" /></a></center> 20 Packs de ressources Web UI 9 mars 2011 · par Olybop · catégories : Graphisme , Ressources

20 Packs de ressources Web UI

Outils de prototyping / wireframes | Ergonomie web

Voici une liste de logiciels, gratuits (freeware) ou non, qui permettent de faire des mockups, prototypes et/ou wireframes. Si vous en avez testé l’un ou l’autre, n’hésitez pas à partager vos impressions via les commentaires.
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.

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