Outils pour concevoir des wireframes iPhone

iPhone Mockup

Actuellement en Alpha, iPhone Mockup risque de devenir un service indispensable dans les versions à  venir.
Ce service est gratuit, simple et rapide d’utilisation (drag & drop) pour :

  • Concevoir des prototypes sous 2 styles graphiques différents
  • Télécharger des images ou éditer du texte directement dans votre maquette
  • Travailler en collaboration avec différents utilisateurs vos prototypes via l’URL (synchronisation des modifications grâce à  sa conception en Ajax)

Malheureusement, vous ne pouvez pas encore enregistrer les prototypes sous différents formats… Bientà´t, peut-être ? !

Un service similaire mais payant : Pidoco .
Pidoco est un outil Web qui vous permet de créer des prototypes et collaborer avec des utilisateurs distants sur différents projets.


Toolkit iPhone pour Fireworks, Photoshop, Omnigraffle, PowerPoint ou Keynote.

Pour Fireworks & Photoshop

Un « Toolkit » d’éléments vector/png de l’interface d’iPhone pour Fireworks CS3 et CS4.

Un « Toolkit » pour Photoshop CS4 :

Source : blog.metaspark.com


Pour Fireworks CS4

Ce plug-in vous permet d’avoir un prototype interactif : non seulement vous pouvez interagir mais vous pouvez consulter directement sur votre iPhone votre prototype comme si cela était une véritable application.
Tutorial : Unitid.nl


Pour Omnigraffle

Une collection d’éléments pour prototyper votre idée dans Omnigraffle : Graffletopia.com


Pour PowerPoint ou Keynot

MockApp est un ensemble de modèle pour une utilisation dans PowerPoint ou Keynote.

A lire aussi sur iPhone :

Outils pour concevoir des wireframes iPhone

Etude d’Eye Tracking sur les sites de Prêt-à -Porter

Après l’étude Newsletters e-commerce et Eye tracking sur l’E-Pub dans la presse online, Altics sort sa nouvelle étude sur les site de Prêt-à -porter » (Gratuit pendant 3 jours seulement) :

Télécharger le PDF

A lire aussi :

Etude d’Eye Tracking sur les sites de Prêt-à -Porter

Netlife Research et son calendrier 2010

Depuis 2005, l’agence web norvégienne Netlife Research s’amuse à  créer un calendrier sur les 12 erreurs d’ergonomie à  éviter. En 12 exemples humoristique, ce calendrier nous donne de bon conseils pour améliorer l’utilisabilité au quotidien.

Le calendrier 2010 est à  télécharger en différentes langues et formats sur badusability.com
Pour découvrir les calendriers des années précédentes, voir les archives.

A voir aussi :

Netlife Research et son calendrier 2010

Design itératif pour Dailymotion (Paris Web 2009)

Mieux vaut tard que jamais pour revenir sur une conférence qui a eu lieu à  Paris Web l’an dernier. Je vous invite à  regarder cette vidéo o๠Hervé Mischler, directeur de création chez Dailymotion, explique les méthodes agiles qu’il exerce au sein de son équipe.

« Nous aborderons les principes du design en itération au travers d’exemples concrets. Wireframes, prototypages, développements et tests utilisateurs sont autant de processus à  renouveler afin de délivrer la meilleure expérience utilisateur tout en ayant des contraintes techniques extrêmes. Avec 38 millions de vues par jours, la page du lecteur de Dailymotion nous montre à  quel point le processus d’itération est nécessaire dans le cadre d’un redesign complet et quâ€™à  cette échelle un changement radical de design n’est pas envisageable. Nous aborderons les différentes étapes de ce projet et les conclusions que nous pouvons en tirer. »


Design itératif pour un site web de grande échelle

A voir ou lire aussi :

Design itératif pour Dailymotion (Paris Web 2009)

Amélie Boucher : Ergonomie & e-commerce

Tweeté aujourd’hui par @analyse_web, voici une présentation d’Amélie Boucher sur l’ergonomie et le e-commerce.

Vidéo de la conférence

A lire aussi :

Amélie Boucher : Ergonomie & e-commerce

Etude Eye tracking sur l’E-Pub dans la presse online

Après l’étude Newsletters e-commerce, Altics sort sa nouvelle étude Eye tracking sur l’E-Pub dans la presse online :

A télécherger sur le site d’Altics : www.altics.fr

A lire aussi :

Etude Eye tracking sur l’E-Pub dans la presse online

Paris-Web 2009, j’y serai et vous ?

paris_web_2009
Comme chaque année, Paris-Web est le rendez-vous à  ne pas manquer. En 2009, cela se passe le 8, 9 et 10 octobre. Je serais seulement présente aux ateliers du samedi 10 qui ont lieu à  l’Ecole Française d’Electronique et d’Informatique (EFREI).
Plus d’infos : www.paris-web.fr/2009

Programme du samedi 10 octobre

Ci-dessous vous trouverez le programme de la journée du 10 oct. Je suis assez « verte » car il y a des conférences qui m’ont l’air très intéressantes mais aux même horaires ! Ahhhh ! Le choix va être difficile !

Le programme en détail est disponible ici

  • Wikipédia accessible ? C’est possible !
  • Gérer la sécurité de vos applications web
  • Faut-il maîtriser son code HTML ?
  • Eye Tracking ou comment mon client regarde mon site Internet et les nouvelles interactions Homme-Machine de demain
  • Webdesign et dyslexie
  • Technologies riches sur mobile : tour d’horizon et perspectives
  • Le Web en Offline avec Gears et HTML 5
  • Accessibilité, on rase gratis
  • Bien tester ses sites web
  • Portabilité des données : danger ou opportunité ?
  • ReNo sur la vague des WCAG 2.0 : « Maman au secours, dois-je réapprendre à  nager ?
  • La trousse de survie en milieu web hostile
  • Test automatisé d’applications JavaScript avec Qunit et Selenium

A lire aussi :

Paris-Web 2009, j’y serai et vous ?