Si les neuf derniers mois ont fait leurs preuves, c’est que la conception de l’application pour iPad va devenir folle. Dans cet article, nous discuterons de cinq astuces pour vous aider à créer des conceptions iPad qui basculent!
En tant que designer, je suis évidemment tout pour les interfaces utilisateur personnalisées, mais je comprends aussi à quelle vitesse le train de projets peut dérailler! Si vous souhaitez concevoir une interface utilisateur personnalisée, concentrez-vous sur les éléments suivants:
Flipboard est un excellent exemple d'application ne proposant aucune navigation traditionnelle, mais qui vous immerge complètement dans l'expérience. Vous ne manquez pas la navigation car vous entrez directement dans le contenu.
Les interfaces personnalisées vous permettent de faire beaucoup de choses sympas avec ce que j'appelle des dispositions en couches, lorsque différents éléments de la présentation défilent indépendamment les uns des autres. Dans certains cas, tout le contenu n'est pas révélé à l'utilisateur avant qu'il ne comprenne comment chacune de ces couches se déplace. Donc, la question à laquelle vous devez répondre est: combien laissez-vous à l'utilisateur découvrir?
Dans Chasse cool, l'utilisateur peut faire défiler les images du haut vers la gauche et vers la droite, ce qui révèle davantage d'images qui, si vous ne les glissiez pas, vous ne sauriez pas qu'elles étaient là. Pour la zone d'article, qui défile de haut en bas, les utilisateurs s'attendent à faire glisser le texte de haut en bas, mais pas nécessairement les images en haut..
La solution? Essai. Combien de temps ai-je fallu pour comprendre que les images en haut glissent à gauche et à droite pour révéler davantage d'images? Peut-être après une minute de jouer avec. Et le résultat? En fait, j'ai été agréablement surpris, pas fâché que ce ne soit pas plus évident.
Une fonctionnalité vraiment intéressante de l'application CNN est la possibilité de tenir et de glisser votre doigt sur les nouvelles en bas pour obtenir un aperçu du titre de la nouvelle. Agréable! Il empêche l'utilisateur de consulter toutes les histoires.
Ce qui est génial avec l'iPad du point de vue de la conception, c'est que vous devenez un renégat. Les utilisateurs ne craignent pas les applications qui n'utilisent pas? Standard? contrôles de navigation. L'astuce consiste à créer une expérience utilisateur attrayante qui permet toujours à l'utilisateur de naviguer facilement dans l'application..
L'une des principales choses à garder à l'avant-plan de votre esprit lorsque vous explorez des schémas "alternatifs":
Réduire au minimum le besoin "d'aide" des utilisateurs.
Cela signifie pas de boutons d'aide, pas de points d'interrogation, pas de boutons d'information "i". Rien de cela. Une conception bien pensée n'a pas besoin de ces informations superflues (indiquez les cris de colère et les poings tremblants).
Avant de mettre votre culotte dans une bourre, cela ne signifie pas que vous ne pouvez pas donner de "conseils". Les astuces sont des astuces subtiles et pertinentes sur le plan contextuel qui fournissent un léger coup de pouce lorsqu'un utilisateur discute de la suite à donner..
Traduire votre dessin de portrait en paysage, ou inversement, est une douleur. Je connais. C'est comme concevoir une toute nouvelle application, du moins du point de vue de la disposition. L'important est de ne pas modifier l'expérience de l'utilisateur.!
Par exemple, peu d'applications ont le luxe de pouvoir traduire, de même que Note Taker, ce qui correspond presque parfaitement à la réalité:
Cool Hunting est un exemple plus courant de la façon dont les applications basées sur le contenu passent d'une grille à une vue en liste. Cela ne change pas radicalement la manière dont l'utilisateur interagit avec l'application:
Dans les applications qui chargent du contenu dynamique, vous devez toujours savoir comment ce contenu peut modifier l'expérience de l'utilisateur chaque fois qu'il ouvre l'application. L'application CNN est un excellent exemple de deux choses:
L'interface ne respire pas. Cela semble aussi chaotique que l'actualité, des images entassées les unes à côté des autres et des titres pratiquement illisibles. Lorsque vous chargez du contenu dynamique, laissez-lui un peu de place pour s’étirer. Vous ne savez jamais à quoi cela ressemble au jour le jour. Prévoyez donc le maximum absolu du point de vue de la copie / des images et travaillez à l’arrière, de manière à laisser suffisamment de place à tout type de contenu susceptible de s’y trouver..
Et maintenant l'image du héros. Je ne sais pas si sur l'écran ci-dessous, il s'agit simplement d'une coïncidence, mais votre oeil est attiré par l'image du héros rouge. Le point focal secondaire est la veste rouge de la femme. Réfléchissez à la manière dont les images que vous chargez de manière dynamique peuvent faire sursauter l'œil de l'utilisateur.
La solution? Créez des appels à l'action graphiques qui remplacent toutes les images chargées dans l'application. CNN a essayé de faire cela avec les "meilleures histoires". bannière, mais il ne sort pas vraiment sur la grande image de héros.
C'est l'une des tâches les plus difficiles pour tout développeur, concepteur et probablement même pour les experts UX! Et c'est particulièrement important avec les applications iPad, où les interfaces utilisateur ne sont pas aussi standardisées. Prédire le prochain mouvement des utilisateurs peut être difficile, mais j'ai un truc qui aide vraiment.
Alors disons que vous avez une application qui aide les gens à trouver un zoo avec des singes. Vous avez exécuté les scénarios de cas d'utilisation, vous savez même quel est votre public cible qui aime VRAIMENT les singes. L'étape suivante consiste à dessiner vos écrans et vos structures filaires en fonction de la manière dont ces utilisateurs interagiront avec l'application pour trouver leurs singes bien-aimés..
Vous établissez les structures en fil de fer. Vous les clouez au mur. Cela semble vraiment bon. Tout est logique - "j'ai fini!", Vous pensez. Maintenant, voici le conseil tueur:
NE PAS TOUCHER L'IDÉE DEUX JOURS!
Sérieusement, n'y touchez pas, n'y pensez pas, n'envoyez pas de courriel. Effacer le mot? Singe? de votre vocabulaire. D'accord, cela devient un peu ridicule, mais l'idée est que vous ne pouvez pénétrer dans l'esprit de l'utilisateur que si vous avez des yeux neufs..
Et nous n'aurons jamais des yeux complètement nouveaux, mais j'ai trouvé dans mon propre travail que prendre une pause dans un projet et me concentrer sur autre chose rendait ma capacité à aller au-delà des blocages créatifs et à voir une application à travers les yeux de l'utilisateur.