web-dev-qa-db-fra.com

Quelle est la taille d'écran moyenne d'un ordinateur de poche Android? Une maquette filaire disponible?

Je conçois une interface utilisateur pour une application Android développée pour les tablettes, j'aimerais savoir si une grille de maquette est disponible? Comme 960.gs pour le Web ... à quoi bon taille pour commencer à concevoir.Toutes les suggestions et conseils précieux seront appréciés.

3
nickfrancis.me

Il n'y a pas de résolution d'écran unique pour les tablettes Android. Bien que la plupart des écrans de tablette 10 "actuels basés sur Honeycomb aient une résolution de 1280x800, votre application peut également fonctionner sur des écrans plus petits (disons 7") et différentes résolutions et proportions et n'oubliez pas l'orientation portrait.

La solution consiste à concevoir des dispositions adaptatives. Côté conception, il existe un certain nombre d'outils de maquette que vous pouvez utiliser (*), mais quel que soit l'outil, vous devez vous assurer d'annoter vos conceptions pour indiquer comment la conception doit s'étirer. Cela informera le (s) développeur (s) des types de types de mise en page à utiliser (RelativeLayout, LinearLayout, FrameLayout, etc.). De plus, vous pouvez créer différentes dispositions pour des écrans de tailles différentes, et plus précisément, des compartiments de tailles d'écran physiques différentes, ou différentes largeurs horizontales minimales (similaire à CSS3 min-width requêtes média).

J'aurais également un aperçu de la présentation ci-dessous que l'équipe Android UX et moi-même avons présentée à Google I/O 2011. Elle couvre plusieurs modèles d'interface utilisateur de tablette et les objectifs de conception de Honeycomb, qui devraient aider à éclairer vos décisions de conception.La diapositive 23 a également un système de grille approximative.

Enfin, jetez un œil à cet article sur Smashing Magazine qui traite de la conception de l'interface utilisateur de la tablette Android et comment les choses diffèrent de la conception de l'iPad. Il tire également des informations d'un certain nombre de bonnes sources, y compris la présentation ci-dessus.


(*) Voir cette question pour des recommandations sur les outils de maquette: [ Outils pour créer des maquettes pour les interfaces utilisateur des appareils mobiles ]. Personnellement, je trouve les meilleurs outils: croquis au crayon à l'ancienne sur papier millimétré, Keynote/PowerPoint, OmniGraffle, Pencil for Firefox et Balsamiq.

4
Roman Nurik

Vous pouvez également vérifier http://www.androidpatterns.com/ qui peut vous aider à concevoir des applications Android.

Fondamentalement, ce site affiche ou partage des modèles d'interaction spécifiquement pour Android. Ceci est juste un guide pour Android développeurs et concepteurs pour les aider avec les problèmes d'interaction, par exemple (comment Android) procédez comme suit, comment gérer données, comment les utilisateurs naviguent ... et ainsi de suite.

2
UXgirl
0
Susanna

Le fait est que la taille moyenne ne signifie pas grand-chose. Une tablette a un écran de taille décente, donc si vous pensez en termes de disposition fluide/design réactif, vous devriez être bon.

0
DA01