Les nouvelles conceptions d'application s'écartent-elles des conceptions d'interaction conventionnelles (meilleures?)?
Je suis sur le 3ème chapitre de Tapworthy de Joshua Clark: Concevoir de superbes applications iPhone
Et j'ai été vraiment surpris par les premières pages. Dans ces premières pages, Joshua discute du "point d'accès du pouce", c'est-à-dire la zone de l'écran de l'iPhone sur laquelle le pouce peut se déplacer sans être étiré ou écrasé.
Il montre également quelques exemples comme cette application de liste de tâches:
La barre d'outils et la barre d'onglets standard de l'iPhone se situent toujours en bas de l'écran de l'iPhone dans une plage de toucher du pouce pratique. ToDo list app Things place le bouton Modifier en haut à droite en toute sécurité hors de portée accidentelle.
Les nouvelles interfaces d'application s'en écartent clairement. Par exemple, des applications comme Vine et Google+ et autres Placez les contrôles de navigation dans le coin supérieur gauche
qui n'est clairement pas dans la zone "tapotement du pouce". Est-ce une bonne ou une mauvaise chose ?
Sur une note similaire, compte tenu de l'application iPhone de Google Drive
IMO ajouter (+) un fichier est une fonction plus fréquente et plus importante que l'actualisation. L'application a toujours le bouton (+) dans le coin supérieur droit (hors de la zone du pouce) et le bouton d'actualisation en bas à gauche (à l'intérieur de la zone du pouce), ce qui contredit clairement l'exemple d'application de la liste ToDo.
Pour être honnête, je trouve plus facile d'appuyer sur le bouton (+) en haut à droite que sur le bouton d'actualisation en bas à gauche. Alors, quoi de neuf?
Je ne peux pas remettre en question la crédibilité du livre, car il est un best-seller et Joshua Clark est un designer d'interaction vraiment talentueux et bien connu.Ce livre a été publié en 2010, les pratiques ont-elles changé en trois ans? J'espère que non. Ce serait génial si quelqu'un pouvait me sortir de ce pétrin. Merci
Google ne prend pas toujours les meilleures décisions UX ou cohérentes. Leur application Google Voice (qui, je suppose, a été créée par une équipe entièrement différente) a des boutons "Nouveau" et "Actualiser" dans le coin inférieur gauche.
Mais je suis d'accord avec vous, mettre le "+" dans le coin supérieur droit est une mauvaise facilité d'utilisation pour les utilisateurs fréquents de l'application. Cependant, cela fait ressortir davantage le bouton. Donc, plus probable qu'improbable, Google a appris que les nouveaux utilisateurs téléchargeaient rarement quoi que ce soit. Ils ont donc pris une décision UX axée sur les affaires pour rendre le "+" plus visible en le plaçant dans le coin supérieur droit.
Cela dit, lorsque le livre a été publié, l'iPhone de 3,5 pouces était la taille d'écran la plus courante. opération à une main.
Avance rapide de 3 ans.
Les écrans sont non seulement beaucoup plus grands, mais ils sont également plus hauts. Le fonctionnement à une main confortable de la plupart des nouveaux smartphones est tout simplement hors de question pour la majorité de la population. Les anciennes directives ne s'appliquent plus, car la grande variation de la taille de l'appareil ne garantit plus que les gens utilisent leur téléphone de la même manière.
Les créateurs prennent donc plus de liberté avec les designs, ce qui est une bonne chose.
Ce que j'ai appris en observant certains tests d'utilisabilité mobile: Ne vous souciez pas trop des "points d'accès".
Les zones de l'écran d'un smartphone les plus accessibles diffèrent beaucoup des capacités et des habitudes individuelles de l'utilisateur. Comme il y a:
Tenue individuelle du téléphone: Certains utilisateurs tiennent leur téléphone plus en bas, d'autres au milieu du téléphone. Les "points chauds du pouce" que Joshua décrit sont également en train de changer.
Tailles des mains: En tant que droitier avec des mains de taille moyenne, je peux atteindre les quatre coins mais le bas à droite est plus inconfortable pour moi car il est couvert par mon pouce. Pour les petites mains de ma copine, le coin supérieur gauche est beaucoup plus difficile à atteindre.
Gauche ou droitier: Comme il parle de lui-même, vous ne pouvez pas prédire quel côté est le meilleur à atteindre car cela dépend de la main dans laquelle l'utilisateur tient le téléphone.
capacités de mouvement des mains: Les personnes plus âgées en particulier ne sont pas en mesure de déplacer leurs doigts dans toutes les directions. Certains ont des problèmes pour les étirer, d'autres ont du mal à plier le pouce.
Enfin, vous ne devez pas oublier que les utilisateurs ont ont appris à être plus flexibles et sont assez rapides pour changer la position du téléphone pour atteindre un bouton. Je recommande de observer quelques personnes lors de l'utilisation de leur téléphone. Demandez-leur simplement de faire quelques mouvements avec l'application Facebook (ou toute autre application qu'ils connaissent) et vous verrez à quel point ils sont confrontés à ces défis.
Je commencerai par interroger la zone du pouce représentée sur la première image. L'iPhone est spécialement pré 5 (dont le livre parlera) est petit. Un adulte normal pourra couvrir 3 coins - deux en bas et en haut selon la main dans laquelle il tient le téléphone, sinon tous les 4, facilement.
En termes de portée, je classerai les zones en larmes de portée facile.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Maintenant, la différence entre le haut et le bas est: La barre inférieure entière est à la portée du pouce d'une personne (en inclinant le téléphone, il faut) , mais, la barre supérieure est un peu délicate, elle peut être à portée de main, mais peut nécessiter un peu plus de manœuvre pour atteindre tous les coins.
Maintenant, j'ai vu les deux, les barres supérieure et inférieure étant utilisées comme barres de navigation . Si vous regardez les applications natives comme le téléphone, le calendrier, etc., la barre inférieure sert de navigation entre les différents modes (favoris, récents, contacts, etc.) tandis que la barre supérieure est utilisée pour les actions (ajouter, modifier, supprimer des éléments, etc.)
Concernant le placement du bouton +. Je dirais que puisque la barre de titre est déjà utilisée et n'a aucun autre contrôle dessus. L'icône + ne rentre pas dans la "hiérarchie de navigation" et, par conséquent, plutôt que de la regrouper, elle est laissée seule dans la barre de titre. Un résultat similaire est également observé avec la fonctionnalité "Rechercher". De nombreuses applications l'ont dans la barre de titre (comme IMDB).