Derniers articles
Pour prototyper, concevoir, maquetter, implémenter une interface graphique Android, toutes les ressources nécessaires à travers cette sélection de stencils pour différents outils (Omnigraffle, Keynote, Visio) et de PSD. Concevoir et prototyper une interface Android Le guide de style de l’interface graphique d’Android (User Interface Guidelines) Un stencil « haute résolution » Android 1.6 pour Omnigraffle [...]
Microsoft a publié en ligne de nombreuses ressources pour faciliter la création d’interfaces graphiques destinées à son Windows Phone 7. L’article « Designing Windows Phone 7 Applications » propose ainsi un ensemble de conseils pratiques et des liens vers ces ressources. Voici quelques liens utiles : Le guide de style de l’interface Metro Des gabarits [...]
L’application Review permet de passer en revue le design d’interface d’une application iPhone sur le terminal lui-même, pour un affichage en contexte. Review permet, par un drag and drop ou un raccourci clavier à partir de Photoshop, d’envoyer une maquette directement sur l’iPhone pour un test de rendu. www.getreviewapp.com
Le service iTunes U, qui s’appuie sur la plateforme de contenus numériques d’iTunes Store, permet aux établissements d’enseignement de distribuer en ligne des contenus audio et vidéos de leurs cours. L’université de Stanford, située aux États-Unis, a mis en ligne à travers la plateforme un grand nombre de vidéos de ses séminaires sur les Interaction [...]
Dirk Weber, designer et développeur web allemand, a déposé en téléchargement gratuit sur son site un kit de prototype, Sqtech, pour Illustrator. Ce kit de conception comprend notamment un navigateur web, une interface iPad (en portrait et en paysage), une interface de smartphone, des éléments d’interface graphique et des éléments de formulaire. Dirk Weber motive [...]
Le site Keynotopia offre en téléchargement gratuit un kit d’éléments d’interface pour Keynote. Baptisé Keynote Wireframe Templates, il permet de réaliser des interfaces filaires (wireframes, story-boards) dotées d’un rendu « tracé à la main ». Les éléments sont modifiables et personnalisables (taille, couleur, libellés). Rapide, cette méthode de prototypage permet de capitaliser sur des schémas [...]
Le guide de style d’interface, la charte graphique web ou la charte ergonomique sont des livrables clés d’un projet de design interactif. Contrairement à une idée répandue, la charte graphique n’est pas à proprement parler « le design d’une interface » mais le document de synthèse et de référence qui décrit l’ensemble des principes et [...]
En architecture de l’information, l’interface filaire (ou communément appelée story-board) est une méthodologie de prototypage rapide qui permet de déterminer la structure d’un site web ou d’une application logicielle. Elle consiste à représenter les unités d’information, leur hiérarchie de façon schématique et à formaliser les interactions au niveau d’un gabarit d’une page-écran. Voici une sélection [...]
Morten Just a réalisé un kit complet pour réaliser des interfaces filaires sans logiciel dédié tel qu’Omnigraffle, à partir de l’outil en ligne Google Drawings. Morten a réalisé également des gabarits de page réutilisables. A ce premier kit d’interface web, il a ajouté des stencils pour l’iPhone, tout aussi élégants et lisibles. Cette ressource est [...]
