iPad - Comment souligner la différence entre une barre d'outils de navigateur et une barre d'outils d'application Web?
Je recherche des suggestions sur la façon dont une application iPad qui comprend des contrôles de navigateur Web peut distinguer ces contrôles de ceux qui peuvent être fournis par le contenu Web.
Ici, la barre d'outils chrome en haut est comparée à divers contrôles qui peuvent être fournis par les sites Web. Remarquez comment il y a deux zones de recherche dans chaque capture d'écran. Parfois, il y aurait deux boutons "hamburger" pour une navigation supplémentaire les options.
Si je crée ma propre application de navigateur, que puis-je faire pour m'assurer que les utilisateurs comprennent la différence?
Je pense que vous seriez surpris de voir à quel point les utilisateurs intelligents sont, la plupart d'entre eux sont capables de distinguer rapidement les contrôles natifs des contrôles Web.
Cela étant dit, tant que vous n'essayez pas délibérément de faire ressembler vos contrôles à une partie du navigateur, vous devriez être d'accord (c'est un anti-modèle que les logiciels malveillants utilisent souvent pour imiter les contrôles du système). Dans les exemples Facebook et BBC que vous fournissez, vous remarquerez également qu'ils utilisent leur logo dans le masthead, donc tout utilisateur qui numérise rapidement la page associera rapidement les contrôles au contexte en raison de la proximité et de la fermeture.
Je recommanderais Renforcer les indices de comportement dans la conception Web UX avec les principes de la Gestalt pour une introduction rapide.
En dehors de ce qui a été dit. Si votre site Web est davantage une application qu'un site d'information classique, vous pouvez en outre essayer d'encourager vos utilisateurs à créer un raccourci sur le tremplin. Vous pouvez même alors fournir une icône personnalisée et l'application s'exécutera en plein écran. Bien que seulement dans Safari.
De plus, Benjamin a raison. Ne sous-estimez pas vos utilisateurs