//
you're reading...
Architecture, Design, Interface, Utilisateur

Les éléments du développement d’interface utilisateur


dualite

dualité

La dualité : Le Web a été originalement conçu comme étant un espace de diffusion d’informations sous forme de liens hypertextes, mais le développement de technologies de plus en plus sophistiquées a encouragé l’utilisation en tant qu’interface d’applications distantes (remote software interface, RSI). Cette dualité a créé une certaine confusion lorsque les experts en développement d’interface utilisateur ont tenté d’adapter leur terminologie à la nouvelle réalité du Web. Le but de ce document est de définir certains termes dans un contexte approprié et de clarifier les relations entre les différents éléments.

Le Web comme interface logicielle

  • Design visuel : le traitement graphique des éléments de l’interface (le «look» de look-and-feel»)
  • Design d’informations : selon Edward Tufte, faire un design d’informations qui facilite la compréhension
  • Design d’intéractions : le développement du déroulement de l’application dans le but de faciliter les tâche de l’utilisateur et de définir comment il doit interagir avec les fonctionnalités du site
  • Spécifications fonctionnelles : «feature set», description des différentes fonctionnalités qui doivent être incluses au site dans le but de satisfaire les besoins de l’utilisateur
  • Besoins de l’utilisateur : buts du site provenant de l’extérieur; identifiés via des recherches auprès ‘utilisateurs, ethno/techno/psychographiques, etc.
  • Objectifs du site : buts du site provenant de l’intérieur; commerciaux, créatifs ou autres
  • Orienté vers la tâche

Le Web comme système d’informations

  • Design visuel : le traitement visuel du texte, les éléments graphiques de la page et de la navigation
  • Design de navigation : design d’éléments l’interface facilitant les déplacements de l’utilisateur au travers de l’architecture de l’information
  • Design d’informations : selon Edward Tufte, faire un design d’informations qui facilite la compréhension
  • Architecture de l’information : design structurel de l’information pour faciliter un accès intuitif au contenu
  • Discrimination du contenu : définition des éléments de contenu nécessaires dans le site pour satisfaire les besoins de l’utilisateur
  • Besoins de l’utilisateur : buts du site provenant de l’extérieur; identifiés via des recherches auprès d’utilisateurs, ethno/techno/psychographiques, etc.
  • Objectifs du site : buts du site provenant de l’intérieur; commerciaux, créatifs ou autres

specification_design

Spécification du design

L’image est incomplète : Le modèle présenté ici ne tient pas compte des tâches secondaires (comme celles durant le développement technique ou la création du contenu) qui peuvent influencer les décisions durant le développement de l’interface utilisateur.

De plus, ce modèle ne décrit pas les étapes de développement et ne définit pas les rôles dans une équipe de développement d’interface utilisateur. Le modèle tente plutôt de démontrer les considérations principales à prendre en considération dans le développement d’une interface utilisateur pour le web.

Traduction libre de Thierry Goulet et Martin L’Allier.

Télécharger la version .pfd : http://www.jjg.net/elements/translations/elements_fr.pdf

À propos de ADNxtc

Charles Parent on the wave since 1996. Topics: SEO, Digital Marketing, Graphic Design, Culture, Architecture, Museum, Education, Webmarketing, Social Networks. Bio: http://charlesparent.net from Nantes (FR)

Discussion

2 réflexions sur “Les éléments du développement d’interface utilisateur

  1. Merci de votre retour. En effet l’auteur était seulement visible via la traduction en PDF. C’est chose faite dorénavant.

    Publié par adnxtc | 5 juillet 2010, 15 h 58 min
  2. Bon document, il aurait été de bon ton de citer d’auteur à savoir Jesse James Garett, document réalisé en mars 2000.

    Publié par franck | 27 juin 2010, 16 h 15 min

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

TWITTER

Flickr Photos

Google Fail error 414

mb3DEngine-_RSS-in-3D

sigir06-poster

bnf_grey_responsable_map

FlickrVision3D

FlickrVision

Plus de photos
%d blogueurs aiment cette page :