35
UX Guidelines In mobile Apps MESSAOUI Sihem Le 06/03/2014

UX guidelines

Embed Size (px)

DESCRIPTION

Présentation élaborée par Mlle. Sihem Misseoui dans le cadre des sessions de Lightning Talks à l'Orange Developer Center.

Citation preview

Page 1: UX guidelines

UX GuidelinesIn mobile Apps

MESSAOUI SihemLe 06/03/2014

Page 2: UX guidelines

2

PLAN

Introduction

Les éléments de l’expérience utilisateur mobile

Les composants Les lignes directrices

Conclusion

Page 3: UX guidelines

3

INTRODUCTION (1)

Les écrans mobiles sont beaucoup plus petits :

Augmente la charge cognitive .

Les utilisateurs mobiles sont encore plus pressés.

Page 4: UX guidelines

4

INTRODUCTION (2)

UX

Les comportements Les attitudes Les émotions

Produit, Système, Service

.

Page 5: UX guidelines

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.

Page 6: UX guidelines

6

ELEMENTS DE L’UX MOBILE

Page 7: UX guidelines

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

Page 8: UX guidelines

8

Page 9: UX guidelines

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

Page 10: UX guidelines

10

Page 11: UX guidelines

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

Page 12: UX guidelines

12

Volkswagen demande aux utilisateurs d'Ios de télécharger Flash.

Page 13: UX guidelines

13

Page 14: UX guidelines

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)

Page 15: UX guidelines

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 .

Page 16: UX guidelines

16

Page 17: UX guidelines

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.

Page 18: UX guidelines

18

Exemples

Page 19: UX guidelines

19

Page 20: UX guidelines

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

Page 21: UX guidelines

21

Page 22: UX guidelines

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é

Page 23: UX guidelines

23

Page 24: UX guidelines

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é

Page 25: UX guidelines

25

Les principales préoccupations

Page 26: UX guidelines

26

Page 27: UX guidelines

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

Page 28: UX guidelines

28

Page 29: UX guidelines

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

Page 30: UX guidelines

30

Page 31: UX guidelines

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

Page 32: UX guidelines

32

Page 33: UX guidelines

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

Page 34: UX guidelines

34

CONCLUSION

L’expérience utilisateur mobile est encore un

domaine en développement , et les

possibilités d'amélioration continuent

d'émerger .

Page 35: UX guidelines

35

Merci