Wireframe vs Mockup vs Look & Feel pour les applications mobiles?
Je commence le développement de quelques applications mobiles, et on me dit parfois de leur proposer un wireframe ou un look & feel, ou de créer un maquette. Je suppose que ce sont en fait des choses différentes bien que j'aie eu l'impression que qui me les demande n'est pas non plus au courant des différences ...
J'apprécierais une explication de chacun de ces mots et de leurs différences dans un environnement de développement mobile
Wireframe est une esquisse basse fidélité d'une interface qui est censée aider à établir le contenu, l'interaction, le flux d'interface utilisateur, etc. Le concepteur d'interaction ou le concepteur UX change généralement de conception. Ils sont une partie cruciale du développement d'applications pour un test à un stade précoce et discuter des idées de conception et de contenu.
Look & feel Est plus fidèle à mon avis. Habituellement, un prototype interactif qui est censé présenter le sentiment général d'une application/fonctionnalité. Ils devraient inclure les animations prévues, la conception visuelle finale et par exemple des écrans d'attente.
Mockup est un peu plus vague et peut probablement être décrit de plusieurs façons. Vous pouvez créer des maquettes physiques, par exemple un nouveau guidon pour un vélo, ou une maquette de téléphone pour un nouveau téléphone. Ils sont très proches du résultat final et permettent de retrouver les dernières modifications du produit avant de le mettre en discussion.
La définition de ces termes peut probablement être discutée plus loin, et quelqu'un d'autre peut avoir une définition assez différente.
Un filaire concerne la fonctionnalité. Il peut s'agir d'un croquis très simple qui montre quel genre de choses vous pouvez faire dans votre conception. Par exemple, un filaire d'un site Web montrera la navigation, les boutons principaux, les colonnes, le placement des différents éléments. Vous pouvez le considérer comme un bluprint pour un site Web.
Une maquette est une représentation réaliste de l'apparence du produit, en l'occurrence un site Web. Le résultat final peut ressembler exactement à la maquette, ou en être une variante après les révisions de version. Alors que certaines personnes préfèrent dessiner les maquettes à l'aide d'un logiciel graphique, d'autres le font directement en HTML/CSS.
Voici quelques liens où vous pouvez trouver une réponse à cela:
https://brainhub.eu/blog/2016/04/20/difference-between-wireframe-mockup-prototype/
J'espère que vous avez trouvé votre réponse
Ils signifient quelles que soient les personnes avec lesquelles vous travaillez.
Pour être clair, ils ne sont pas bien définis et sont souvent utilisés pour décrire des choses très différentes.
Un wireframe devrait, à tout le moins, aider à comprendre la fonctionnalité du produit. Mais la façon dont un filaire accomplit peut varier énormément. Cela peut aller de:
- une serviette avec des boîtes dessinées dessus
à...
- un prototype entièrement interactif, cliquable et visuellement détaillé.
Ce qui nous amène au terme prototype . Cela fait souvent référence à une sorte de version de "démonstration" de ce que vous voulez construire. Mais comme le terme précédent, il a également un large éventail d'utilisation. Certaines personnes utilisent le terme de manière interchangeable avec filaire. D'autres peuvent l'utiliser pour faire référence à un véritable logiciel codé.
Look & Feel est un peu plus étroit. Il s'agit généralement d'indiquer à quoi l'apparence de l'application sera visible et comment les interactions fourniront réellement un retour visuel (et/ou audio) à l'utilisateur.
Les wireframes n'ont souvent pas de Look & Feel appliqué. Mais ils le font souvent aussi. Il en va de même pour les prototypes. Ils peuvent également indiquer ou non l'apparence.
En bout de ligne, tout ce qui compte, c'est que vous et la personne pour laquelle vous créez le livrable conviennent de la signification de ces termes.