Construire des wireframes (maquettes fonctionnelles) et des prototypes basse fidélité

Por: Coursera . en: , ,

  • Design de storyboards et de wireframes
    • Bienvenue dans le monde des wireframes ! Vous commencerez par apprendre à utiliser les résultats de la recherche pour éclairer l'idéation pendant le processus de design. Ensuite, vous créerez deux types de storyboards : vue d’ensemble et gros plan. Puis, vous dessinerez vos premiers wireframes et vous découvrirez les avantages du design de wireframes. Gardez à l'esprit qu'à ce stade du processus de design, vous devriez avoir de nombreuses idées de design qui répondent aux besoins réels de l’utilisateur. Vous devrez affiner ces idées et le design de wireframes peut vous aider à le faire.
  • Créer des wireframes papier et numériques
    • Il s'agit d'une partie du cours pleine d'action dans laquelle vous dessinerez des wireframes pour une application mobile ! Tout d'abord, vous allez dessiner de nombreux wireframes sur papier. Ensuite, vous passerez aux wireframes numériques dans l'outil de design Figma. Vous apprendrez même directement de Figma comment utiliser au mieux leur outil. Enfin, vous appliquerez les principes de Gestalt, comme la similarité, la proximité et la région commune, à vos wireframes.
  • Construire des prototypes basse-fidélité
    • Vous avez traversé les trois premières étapes du processus de design : l’empathie, la définition et le design. Vous allez maintenant entrer dans la quatrième étape du processus de design : le prototype. Tout d'abord, vous allez créer un prototype papier de votre application mobile. Ensuite, vous passerez à un prototype numérique basse-fidélité dans Figma. Par ailleurs, vous découvrirez les moyens d’identifier les préjugés potentiels dans vos designs et vous apprendrez à éviter les schémas trompeurs.

Plataforma