web-dev-qa-db-fra.com

Conseils et ressources pour le concepteur Mobile UX provenant de Web UX

Mobile UX est un tout nouveau monde, spécialement des applications. Au cours de mon expérience passée, j'ai approfondi de plus en plus le fonctionnement des navigateurs et finalement créé une expérience autour de cela.

Je suis d'accord que certains principes fondamentaux seraient vrais pour la plate-forme, mais je cherchais des conseils et des ressources pour aider à comprendre la différence entre les deux.

3
Siddharth Menon

Salut Siddharth et bienvenue sur ux.se!

J'ai une expérience similaire: après plusieurs années de web UX I et startet travaillant sur mobile UX il y a environ 1 an. Je pense que de nombreuses bases ne sont pas différentes de l'UX Web, mais il y a certaines choses à garder à l'esprit et quelques possibilités supplémentaires. Voici ce qui me vient à l'esprit (je parle uniquement des téléphones intelligents):

  • C'est toucher au lieu de cliquer : Pas de souris dessus, pas de double clic, de plus grandes zones actives, etc.
  • Gestes supplémentaires (glisser, secouer, etc.)
  • Les écrans sont petits : une utilisation intelligente de l'espace est cruciale
  • Deux orientations (portrait/paysage)
  • La saisie de texte doit être réduite à un minimum (beaucoup plus lent que sur un vrai clavier)
  • Les services de localisation peuvent ajouter une valeur réelle à votre application ou à votre site mobiel
  • Notifications push (applications uniquement)
  • Différentes vitesses de connexion : la 3G est lente, le WLAN ne l'est généralement pas. Utilisez-le (et ne faites pas attendre l'utilisateur des choses dont il n'a pas besoin)
  • Les écrans haute résolution sont magnifiques, faites-le apparaître;)
  • Certains modèles différents (par exemple, exploration vers le bas, interface utilisateur de la machine à sous, etc.)
  • Options d'entrée spécifiques : chiffres pour les champs numériques, clavier du téléphone pour les champs du téléphone, un clavier avec un symbole @ pour les adresses e-mail, etc. (ajouté après le commentaire de Ben, Merci!)

Pour commencer, je vous suggère de lire quelques directives :

Et jetez un œil à les collections de modèles et de designs :

Et bien sûr, installez des tonnes d'applications et visitez de grands sites Web mobiles comme Amazon.com, tripadvisor.com etc.

J'espère que ça aide, Phil

6
Phil

J'ai récemment conçu une conception d'interface pour une application Android. Je ne suis pas un expert, un apprenant .. voici quelques expériences que j'ai eues .. pensé qu'il serait utile de les partager

L'espace d'écran n'est PAS GRAND, vous devez donc utiliser l'espace judicieusement.

Assurez-vous que les boutons et autres éléments cliquables sont suffisamment grands pour déclencher l'action particulière.

Assurez-vous de donner de l'espace pour chaque élément tel que champ, soumettre ... afin que l'utilisateur ne trouve pas difficile de cliquer sur ce qu'il veut.

utiliser les propriétés HTML5 et CSS3 .. réduire les images pour accélérer le chargement des applications.

1
nickfrancis.me

J'ai fait de la conception mobile et j'ai une expérience web et c'est certainement difficile.

Phil a couvert une grande partie des ressources ci-dessus. un point à prendre en compte est la différence entre les différentes plates-formes mobiles et les différentes normes dont elles disposent. Par exemple, les Iphones, etc. ont généralement un bouton de retour basé sur un logiciel où Android ont un bouton sur l'appareil.

Le magazine Smashing fait un ebook sur la conception mobile (iphone ipad): https://shop.smashingmagazine.com/smashing-ebook-mobile-design-eu.html

J'ai également entendu de bonnes choses à propos de: Tapworthy: Concevoir de superbes applications iPhone (je viens de m'en commander une copie)

0
Sheff