À la recherche de vos bonnes pratiques en matière de wireframes. Dans le passé, je n'ai jamais filaire à une taille de toile particulière ou utilisé une grille. Cela est généralement dû au fait qu'un concepteur connaît les tailles auxquelles il conçoit et peut voir clairement à partir de mes représentations filaires la hiérarchie. J'ai récemment rencontré un UX'er qui a insisté pour utiliser une grille et concevoir des tailles réelles d'éléments sur la page? Dois-je faire la même chose? Je ne sais même pas comment fonctionne une grille ...
Cela dépend à quoi servent les wireframes.
Si les wireframes sont simplement pour explorer des idées, alors vous ne devez absolument pas vous soucier des tailles exactes; cela prend juste un travail supplémentaire.
Si les wireframes sont utilisés comme spécification précise pour la mise en page, cela dépend de votre relation particulière avec vos concepteurs visuels. Personnellement, je pense que la perfection des pixels sort du cadre du travail d'un UXer (définir l'expérience utilisateur), donc le concepteur visuel devrait le faire. Mais, les organisations varient et parfois les personnes UX sont plus étroitement liées au processus de conception visuelle.
La clé est de vous demander: le travail supplémentaire apporte-t-il suffisamment de valeur ajoutée pour être justifié?
Si je travaille sur un site Web de bureau, non. J'essaie de connaître une taille de fenêtre générale (~ 1024 px en général) mais sinon je ne suis pas pointilleux sur les tailles exactes ou la disposition de la grille au-delà de la netteté générale. Tant que je communique les relations générales et la hiérarchie comme vous le dites, ce n'est pas grave.
Mais pour le travail mobile, je fais beaucoup plus attention au dimensionnement car les contraintes d'espace sont beaucoup plus importantes. Pour esquisser, c'est facile, je peux marquer l'espace sur la page qui correspond à la taille de l'écran, puis tout ce que je dessine est "fidèle à la taille", ou bien j'utilise les blocs de croquis quadrillés de Istencils. Quand en passant aux wireframes numériques, je travaille toujours dans un canevas avec une relation 1: 1 entre les pixels sur le canevas et les pixels sur le périphérique final et que mes cibles tactiles respectent des tailles et un espacement minimum, sinon je pourrais créer quelque chose qui se révèle trop difficile à utiliser sur l'appareil final.
Je travaille pour les jeux sociaux et il devient tout à fait nécessaire d'utiliser des filaires précis qui contiennent une bordure ou un canevas, car ils doivent être répliqués plus tard dans la fenêtre de jeu pour être utilisés comme fenêtres contextuelles et autres conceptions d'interface graphique.
En fait, cela aide beaucoup à travailler avec une toile à l'esprit, puis à disposer le filaire selon la taille. Parfois, le concepteur travaille sur des maquettes qui ne seraient pas en taille réelle. Ses représentations peuvent même tromper les producteurs ou les gestionnaires d'imaginer quelque chose de différent quant à ce que pourrait être le résultat final.
C'est là que les concepteurs UX présentent une structure filaire à échelle réelle pour présenter la conception du salon à venir qui suivra après de nombreuses itérations.