Comment construire des maquettes de sites Web / conception d'interfaces?
Existe-t-il une autre façon de concevoir des sites Web en plus de Photoshop? Je veux créer rapidement des maquettes/maquettes de la nouvelle interface utilisateur et je veux déplacer les éléments de l'interface utilisateur et les réorganiser.
Il existe plusieurs options pour les wireframes/maquettes.
Je peux vous recommander des logiciels dédiés à cela:
- Axure
- Omnigraffle
- Maquettes Balsamiq
- iPlotz
Tous ces programmes contiennent plusieurs éléments d'interface utilisateur et vous pouvez télécharger et charger plus de collections d'entre eux. De plus, Axure est un outil vraiment puissant pour le prototypage. Faites-vous simplement savoir qu'aucun de ces logiciels n'est un logiciel libre.
Récemment, j'ai également utilisé d'autres logiciels comme InDesign, ce qui est assez intéressant et avec beaucoup de possibilités, mais vous devez bien connaître le logiciel.
Vous voudrez peut-être envisager l'idée d'utiliser un cadre réactif comme Bootstrap , Foundation , Zimit , ou une multitude d'autres choix, pour créer un site des prototypes que vous pourrez prévisualiser facilement dans une variété de navigateurs et d'appareils. Il faut un peu de temps pour s'y habituer, mais le prototypage de sites Web offre beaucoup plus de flexibilité en utilisant un cadre existant.
L'un de mes avantages préférés, à part le fait de pouvoir tester facilement sur une variété d'appareils, est la possibilité d'apporter des modifications rapidement en fonction des commentaires que je reçois. À titre d'exemple, imaginez que vous avez créé 20 écrans dans Photoshop et que votre client vous demande de modifier un slogan qui se trouve sur chaque écran. Vous devez ouvrir chaque fichier individuellement et effectuer les modifications. Selon la façon dont vous construisez votre prototype à l'aide d'un cadre réactif, vous devriez pouvoir effectuer ce type de modification dans un seul fichier, ce qui vous fait gagner du temps.
Ce type d'approche de construction de prototypes est également recommandé par Stephen Hay dans "Responsive Design Workflow". Tout ce livre est à peu près un guide pour le prototypage de cette manière, mais sans se concentrer fortement sur l'utilisation de cadres réactifs prêts à l'emploi. Bonne chance dans votre projet!