Archive

Archive for the ‘User Interface (UI)’ Category

RIA Screen Layouts, par Theresa Neil

Theresa Neil est l’auteure, avec Bill Scott, de l’excellent Designing Web Interfaces disponible chez O’Reilly.   Sur ce slide, elle aborde 15 patrons de conception utiles à vos applications Internet.

Source :

  1. RIA Screen Layouts, par Theresa Neil, via theresaneil.wordpress.com.

Silent Speech Interfaces, par Tanja Schultz et Michael Wand

How people really use the iPhone, par Bill Westerman

…a brand new interface probably wonʼt be intuitive at the beginning. – Aza Raskin

Continuons avec l’iPhone grâce à ce slide  qui pointe les défauts (et les réussites) de l’ergonomie de son interface logicielle.

Source :

  1. How people really use the iPhone, par Bill Westerman, via slideshare.net, 2008.

Sur le même sujet :

  1. 10 iPhone UX Anti-Patterns, par Toby Joe Boudreaux, via oreilly.com, 2009.

Plus d’infos :

  1. http://createwithcontext.com/
  2. http://www.tobyjoe.com/

Sur twitter :

  1. @tobyjoe

Bill Scott – Designing for Interesting Moments

Source :

SixthSense, l’interface du futur ?

Source :

Petite introduction au wireframing

Designer une Wireframe, ou Maquette conceptuelle ou encore Maquette ergonomique, est un passage obligé de la création d’interface utilisateur. Son but est de spécifier l’interface d’un site d’un point de vue fonctionnel et ergonomique et doit être optimisé pour faciliter son utilisation par vos personas. Il existe différent type de Wireframes, le plus souvent classées en terme de détails et de fidélité. Ainsi une maquette papier ou écran des plus basique sera décrite comme étant de Basse fidélité (Low fidelity). A l’inverse, une maquette présentant de nombreux détails ou intégrant des éléments graphiques sera décrite comme étant de Haute fidélité (High fidelity).

Illustration tirée de la présentation Wireframes for the Wicked de Michael Angeles, Nick Finck & Donna Spencer.

Sources :

Notes & références :

  • Ergonomie Web, Pour des sites web efficaces, par Amélie Boucher, Eyrolles, Novembre 2007.

Sur le Web :

  1. 50 Free UI and Web Design Wireframing Kits, Resources and Source Files, par Paul Andrew, Février 2010, smashingmagazine.com ;
  2. Guidelines, Tools and Resources For Web Wireframing, par Saud Khan, Février 2010, w3avenue.com.

iPad User interface

When the Drop Pin item is tapped, the curl falls back into place.

Quelques liens à connaître sur l’interface de l’iPad :

Crédit photographique : © Fraser Speirs – All rights reserved

Catégories :iPad, Tablet, User Interface (UI) Étiquettes : , ,