web-dev-qa-db-fra.com

Quelle est la meilleure (et la plus rapide!) Façon d'apprendre le fil de fer?

Je dois me mettre à la vitesse de la trame filaire! Quelle est la façon la plus simple d'apprendre? J'ai une bonne compréhension des concepts en tant que gestionnaire de contenu, mais mon prochain rôle nécessite ces compétences supplémentaires.

ux-fieldwireframelearning
5
Angela Barnard

Le meilleur et le plus rapide moyen d'apprendre est le filaire.

Composez un projet et créez un filaire. Ou créez un filaire d'un site existant.

Rien ne vaut la pratique pour apprendre.

10
JohnGB

Le croquis à la main est roi
Si vous essayez d'apprendre le wireframing à partir de zéro, commencez par dessiner à la main. L'ordinateur peut être plus rapide à un moment donné, mais le les compétences acquises en esquissant sont irremplaçables. Vous n'avez pas besoin d'être bon en dessin (utilisez simplement du papier millimétré).

Leah Buley enseigne le dessin UX pour tout le monde à travers Semaines UX dans le monde entier, et vous pouvez apprendre beaucoup de son diaporama sur Good Design Faster .

Heres 'a grand aperçu des outils à utiliser pour l'esquisse UX .

Ces réponses donnent également de bonnes ressources:
https://ux.stackexchange.com/a/14818/4695
https://ux.stackexchange.com/a/8618/4695

Le logiciel est reine
Lorsque vous souhaitez utiliser un logiciel, Balsamiq est une option simple, ou Omnigraffle Pro pour plus de complexité.

4
Taj Moore

Le wireframing est l'esquisse. Esquisser, c'est dessiner. La meilleure façon d'apprendre est de prendre un stylo/crayon et d'y aller.

Il n'y a pas de bonne/mauvaise façon universelle de s'y prendre. La clé est de documenter ce dont vous avez besoin pour votre équipe. Essayez de vous tromper du côté de "juste assez" plutôt que de "trop" à mon humble avis. Je trouve que les wireframes sont les meilleurs au stade de l'idéation et que je ne suis pas très fan de leur utilisation comme documents d'approbation dans toute l'organisation.

2
DA01

Est-ce l'acte de wireframing lui-même sur lequel vous devez travailler? ou la pensée derrière eux? L'acte physique du wireframing n'est pas si difficile à comprendre, je pense que vous avez juste besoin de pratique. La valeur des wireframes, cependant, vient de la pensée (conception) qui y est entrée et de la façon dont cela est communiqué. En supposant que vous ne parliez que des outils que vous pouvez utiliser pour produire des wireframes, voir ci-dessous:

Le formulaire que vous devez fournir livrera les outils que vous utilisez et peut inclure:

  • filaire dessiné à la main
  • Filaires à faible fi
  • cliquez sur les wireframes

Il existe différents outils disponibles, notamment:

  • Axure
  • Omnigraffle
  • Balsamiq
  • Gliffy
  • Visio
1
Sheff

Vous devez apprendre deux types de choses

  • Théorie: méthodologie et bonnes pratiques pour le wireframing.
  • Pratique: utilisation d'un outil de wireframing.

Pour ces deux choses, je recommanderais le même livre:

Todd Zaki Warfel "Prototyping: A Practitioner's Guide". Le livre décrit différents types de prototypes, y compris les wireframes, et c'est une bonne introduction à la théorie et aux outils. La première moitié du livre comprend des chapitres comme

  • La valeur du prototypage
  • Le processus de prototypage
  • Cinq types de prototypes
  • etc

La seconde moitié concerne les outils, décrivant des applications bien connues comme Axure ou Visio et des outils traditionnels ou analogiques comme le stylo et le papier.

Je pense que ce livre peut vous être utile car il est facile et court à lire (moins de 200 pages) et peut être acheté au format ebook. Vous pouvez l'avoir aujourd'hui et lire le tout en quelques heures.

J'espère que cela aide.

0
PaRaP

Vous filaire pour communiquer une idée aux autres ou pour enregistrer vos pensées.

Essayez d'esquisser quelque chose et montrez-le à d'autres personnes. Par exemple, je travaille sur un flux qui communique qu'un ami a référé un nouvel utilisateur sur mon site.

Succès = communiquer efficacement vos idées à d'autres personnes.

Échec = ils ne comprennent pas.

0
sudonim

Vous devez d'abord identifier quel contenu est important - qu'allez-vous ajouter au filaire?

  1. Découverte - Identifiez les publics cibles et le contenu qui leur tient à cœur
  2. Recherche d'utilisateurs - Quel contenu est le plus important pour l'utilisateur final?
  3. Info Arch - Filaire une hiérarchie pour le contenu important. Et un plan du site?

Commencez avec un crayon et du papier - c'est peut-être tout ce dont vous avez besoin. Esquissez un fil de fer puis, si vous le souhaitez, transférez-le vers une application.

J'ai utilisé:

  • Photoshop
  • Illustrateur
  • Balsamiq
  • Omnigraffle
  • Visio
  • Microsoft Word (à l'aide de tableaux)
  • moqueur
  • et quelques autres j'oublie.

Aujourd'hui, j'utilise HTML - si vous connaissez HTML/CSS, vous pouvez créer votre propre bibliothèque d'éléments (basé sur les applications ci-dessus, certains modèles d'offre) et créer rapidement des cadres filaires interactifs et accessibles sur tous les appareils - pas besoin d'exporter, reformater, etc.

Quoi qu'il en soit, je commence toujours par le crayon et le papier - parfois c'est tout ce que je fais, en envoyant une photo ou une numérisation au client. Ce qui est drôle, c'est que la plupart des applications ci-dessus tentent d'imiter le crayon et le papier - pourquoi imiter quand vous pouvez faire RAPIDEMENT la vraie chose? Oui

0
user967594