web-dev-qa-db-fra.com

Laquelle des deux est la meilleure approche d'interface utilisateur pour une application tablette destinée à la lecture?

Je suis en train de prototyper une application pour diffuser du contenu d'actualité. Notre première plate-forme sera l'iPad (avec le Web) mais d'autres tablettes suivront.

Décomposer l'application dans sa forme la plus simple, l'utilisateur voudra

  • Choisissez des catégories
  • Être présenté avec les histoires de la catégorie choisie.

Nous envisageons deux manières possibles de concevoir ceci:

  1. Ayez une bande horizontale et déroulante sur le dessus avec toutes les catégories, et remplissez le reste de l'écran immobilier avec du contenu d'histoires.
  2. Avoir une barre latérale verticale sur le côté droit de la tablette (car la plupart des gens tiennent la tablette avec la main gauche et utilisent la droite pour faire des choses) qui est normalement cachée mais peut être exposée en touchant un bouton dans le coin supérieur droit.

Nous voulons que l'ensemble de l'expérience utilisateur soit un processus naturel, mais nous ne voulons pas vraiment suivre la voie Flipboards (retourner les pages, etc.).

Alors, qu'est-ce que tu penses? Lequel des deux choisiriez-vous? Avez-vous d'autres suggestions?

Merci beaucoup!

[~ # ~] mise à jour [~ # ~] J'ai trouvé cet article pour couvrir la plupart des informations que je cherchais. http://uxmovement.com/navigation/top-navigation-vs-left-navigation-which-works-better/

4
Thanos

Il y a 2 solutions qui, selon moi, répondraient à vos exigences ...

  1. Navigation dans la barre latérale (comme vous l'avez mentionné)

sidebar nav

Puis une autre vue où le contenu remplit l'écran

nav up top

  1. Défilement horizontal - pour parcourir les catégories, Défilement vertical - pour parcourir les miniatures et les résumés de contenu.

grid layout

3
jonshariat

L'application NPR Music pour iPhone fait un excellent travail pour gérer une situation comme celle-ci. Il a une petite bande verticale sur le côté gauche avec des catégories qui défilent. Le contenu (articles/pages individuels) de chaque catégorie défile ensuite de gauche à droite:

enter image description here

0
Matt Rockwell