web-dev-qa-db-fra.com

Comment concevoir logiquement un filaire?

J'aimerais savoir quel est le raisonnement que vous suivez lorsque vous filmez une page.

Après avoir déterminé les différents composants d'une page, j'identifie généralement le contenu primaire/secondaire et les tâches clés (en fonction des user stories, des avis des concurrents ...). J'essaie ensuite de mettre en évidence le contenu considéré comme principal ou de le placer en haut de la page.

De votre point de vue, quelle est la logique derrière le wireframing?

6
Leo
  1. le wireframe low-fid permet au concepteur UX de créer rapidement des maquettes et de rejeter les mauvaises idées
  2. Afficher comment les éléments de la page interagiront ensemble
  3. Communiquez la fonctionnalité, la hiérarchie, le contenu et d'autres éléments non graphiques.
  4. Amener les gens à s'entendre sur la structure du site Web/de l'application avant de commencer tout travail graphique
  5. Tests utilisateurs et présentations clients sans se laisser distraire par la couleur, le type et la copie
  6. Démontrer les interactions des utilisateurs
  7. Éléments de navigation
3
Igor-G
  • Recherche de domaine
  • Évaluation du produit existant
  • Trouver votre créneau
  • Wireframing
  • ...

L'étape de wireframing intervient après que vous avez finalisé votre domaine de produit et le point de vente/l'unicité du produit. Vous travaillez ensuite à transmettre comment votre unicité est meilleure que les choses existantes en utilisant la conception comme outil. Les wireframes sont utilisés pour esquisser rapidement les conceptions approximatives pour voir visuellement à quoi pourrait ressembler l'organisation/navigation.

Les wireframes sont un moyen rapide et facile de prototypage. Les principaux objectifs dans votre tête lors de la création de wireframes devraient être:

  • Ressentir: à quoi cela pourrait-il ressembler?
  • Mise en œuvre: comment cela pourrait-il fonctionner?
  • Rôle: À quoi pourrait ressembler l'expérience?

Concernant le placement des choses dans vos wireframes. Depuis, vous avez une bonne idée de qui est votre utilisateur cible et de l'objectif du produit, vous devriez être en bonne position pour trouver crochets d'engagement. Le crochet peut être un bouton d'appel à l'action près du haut qui attire l'attention de l'utilisateur ou une vidéo/image qui fait de même. Le but du crochet est de pousser l'utilisateur à approfondir un peu plus votre produit en espérant que vous ayez un produit suffisamment bon pour que si l'utilisateur était expliqué correctement, il l'utiliserait.

Pour d'autres choses, vous devez suivre une approche similaire et faire des tests utilisateurs formels/informels/tests clients pour voir quel placement ils ont aimé. Donnez-leur différentes options de mise en page, 3 idées différentes sont toujours bonnes. L'avantage d'aller avec plusieurs designs est, la plupart du temps, vous vous retrouverez avec un hybride des 3 avec tous les bons points d'entre eux.

0
rk.