ux guidelines
DESCRIPTION
Présentation élaborée par Mlle. Sihem Misseoui dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.TRANSCRIPT
UX GuidelinesIn mobile Apps
MESSAOUI SihemLe 06/03/2014
2
PLAN
Introduction
Les éléments de l’expérience utilisateur mobile
Les composants Les lignes directrices
Conclusion
3
INTRODUCTION (1)
Les écrans mobiles sont beaucoup plus petits :
Augmente la charge cognitive .
Les utilisateurs mobiles sont encore plus pressés.
4
INTRODUCTION (2)
UX
Les comportements Les attitudes Les émotions
Produit, Système, Service
.
5
INTRODUCTION (3)
Concevoir des produits en tenant compte de l'expérience
utilisateur :
Aller au-delà du fonctionnel et de l'esthétique.
Intégrer la psychologie et le comportement des
utilisateurs.
6
ELEMENTS DE L’UX MOBILE
7
Outils et Fonctionnalités qui permettent aux utilisateurs
d’effectuer des tâches et atteindre leurs objectifs .
Veiller à ce que les caractéristiques fondamentales et le contenu
sont optimisés pour le mobile.
Offrir des capacités clés dans tous les canaux .
Redirection vers d’autres canaux si nécessaire.
Fonctionnalités
8
9
l'organisation de la fonctionnalité et contenu dans une
structure logique .
Suivre des modèles de navigation primaires / secondaires.
Utilisez des étiquettes concises , claires, cohérentes et descriptifs
des articles de navigation et des liens.
Trois clics (ou robinets ).
Architecture de l’information
10
11
Présenter une combinaison appropriée et équilibrée des contenus
aux utilisateurs.
Toujours donner le contrôle de l'utilisateur sur le contenu
multimédia.
S'assurer que le contenu de l'échantillon est convaincante,
concentré, et pertinent pour la proposition de valeur .
S'assurer que le contenu principal est présenté dans un format
pris en charge sur le périphérique cible
Le Contenu
12
Volkswagen demande aux utilisateurs d'Ios de télécharger Flash.
13
14
la présentation visuelle et l'expérience interactive de la téléphonie mobile, y compris la conception graphique, l'image de marque et la mise en page.
«mobiliser, ne pas miniaturiser» - Barbara Ballard
«Ne pas réduire, repenser« -NOKIA
Le Design (1)
15
Le Design (2)
La façon dont rapidement et facilement la conception visuelle transmet l'information.
Il faut savoir comment gérer le flux visuel Portrait et orientations du paysage Guide des utilisateurs de l'élément initial vers d'autres éléments
pour les aider à accomplir leurs tâches .
16
17
Entrée Utilisateur
L'effort requis pour entrer des données
Réduit, ne nécessite pas l’utilisation des deux mains. Utilisations des alternatives plus courtes(code postal). Afficher les valeurs par défaut chaque fois que possible. Pensez à offrir l'auto-complétion.
18
Exemples
19
20
le multitâche, le mouvement, les conditions de faible
éclairage et une mauvaise connectivité !!!
iCookbook : paginer une recette en utilisant des commandes
vocales - une fonctionnalité intéressante lorsque vos mains sont
couvertes dans la pâte!
Navfree GPS: passe automatiquement du mode jour au mode nuit.
Exploiter les informations que l'utilisateur a fourni et respecter leurs
préférences (Triplet)
Le Contexte Mobile
21
22
Les objectifs tactiles sont convenablement dimensionnées
et bien espacées pour éviter les erreurs de sélection .
Avertir les utilisateurs à éviter d'écraser les onglets déjà
ouverts (Passage du mobile vers navigateur) .
Les actions destructives : « Reach Zone ».
La Convivialité
23
24
Le niveau de confiance et de confort.
La vie privée et la sécurité sont les deux principales
préoccupations.
Evitez l’utilisation des informations personnelles(Carnet
d’adresse, emplacement…)
La Fiabilité
25
Les principales préoccupations
26
27
Réduire le nombre d'alertes avec l'affichage.
Chaque alerte doit être brève et claire (Boutons bien
étiquetés, La cause ?, Quoi faire?)
Confirmez sans interrompre.
La réaction
28
29
Faciliter l’accès à l'aide et les options d'assistance (Action
Bar) .
Présenter une introduction rapide et à court tutoriel sur
l'utilisation de l'application lors de son premier lancement.
L’aide
30
31
Créer et maintenir une présence sur les réseaux sociaux.
Intégrer des fonctionnalités de réseautage social.
La participation Sociale
32
33
Les méthodes par lesquelles un utilisateur trouve une
application et les facteurs qui favorisent l'usage répété.
Utilisez des URLs plus courtes (Garantie de la
trouvabilité)
QR_Code : conduit à une page d'atterrissage optimisé
pour les mobiles, au lieu d'une page traditionnelle qui
nécessite un zoom.
La Commercialisation
34
CONCLUSION
L’expérience utilisateur mobile est encore un
domaine en développement , et les
possibilités d'amélioration continuent
d'émerger .
35
Merci