1554 Views |  Like

Application iDTGV pour Windows Phone

Il y a quelques mois nous avons travaillé avec le MTC (Microsoft Technology Center) pour réaliser une application mobile pour iDTGV (sur Windows Phone 7).
Après avoir prit en compte les grands concepts de Metro et du Windows Phone 7 et les usages liés aux clients iDTGV, nous nous lancions sur la réalisation du design de l’application.

Notre base de travail était
  • le cahier des charge réalisé pour la version  iPhone de l’application
  • l’application iPhone avec les mutations logiques qu’elle avait subit pendant sa réalisation par rapport au cahier des charges de départ.
  • le guide Microsoft concernant Windows Phone et Metro (UI Design and Interaction Guide for Windows Phone 7 v2.0).
Les grandes idées de design de l’application pour Windows Phone était 
  • “la bonne information au bon moment”Au lancement de l’application, on arrive sur une différente section du panorama d’accueil selon le moment de l’utilisation. Entre les voyages on arrive sur la section “voyages”, pendant le voyage on arrive sur la section “à bord” et s’il y a de nouvelles notifications on arrive sur la section “notifications”.
  • Une interface claire, un accès rapide à l’information souhaité
  • Une simplicité d’utilisation et de paramétrage
  • Des intitulés claires, – d’effets graphiques, + de minis textes d’aide
  • Des “notifications” non-intrusives. Une section du panorama est consacré aux notifications et pendant l’utilisation de l’application, s’il y a de nouvelles notifications le petit avatar iDTGV de l’interface commence à s’agiter.
  • Le respect des guidelines Metro Smart Design en termes de gestuelles/transitions
  • Une aide contextualisée
Les grandes idées de graphisme de l’application était
  • La mise en avant de la charte et de l’image de marque d’iDTGV
  • Le respect des guidelines Metro Smart Design en termes de typographie/ espacements/ zone de contacts et marges.
  • La personnalisation du panorama d’accueil de l’application, non-libre pour maximiser la lisibilité de l’application.
  • La mise en avant du contenu et la réalisation de pictogrammes simple toujours accompagnées d’un intitulé.
  • Une différenciation évidente entre zone de type “bouton” et texte avec lequel on ne peut interagir.

Voici ci-dessous 3 exemples : du design au graphisme sur différents types de pages dans l’application Windows Phone.

Le panorama d’accueil

Page du profil iD’CHAT

Page de paramètres : nouveau passager

Ci-dessous une vidéo qui explique le projet et la démarche d’iDTGV

Ci-dessous une vidéo qui décrit plus précisément l’application.