Wireframing ECV
24 views | +0 today
Follow
Wireframing ECV
Quelques infos concernant le wireframing et le design web
Your new post is loading...
Your new post is loading...
Scooped by Ecv Creation Numerique
Scoop.it!

Les bonnes pratiques pour la conception (zoning, wireframe, prototype) | Ergognome

Les bonnes pratiques pour la conception (zoning, wireframe, prototype) | Ergognome | Wireframing ECV | Scoop.it
Zoning, wireframe, prototype, toutes ces phases sont importantes dans la conception de sites web et mobile.
more...
No comment yet.
Rescooped by Ecv Creation Numerique from wireframing
Scoop.it!

Tutoriel de webdesign : approche théorique des bases en webdesign ...

Le webdesign est un métier, et il est très important de prendre l'approche qu'il faut avec ce mot là. Un métier s'apprend plutôt facilement de nos jours. On peut en conclure que l'apprentissage est une chose très rapide, mais c'est la ...


Via Pierre-Antoine Durgeat
more...
No comment yet.
Scooped by Ecv Creation Numerique
Scoop.it!

Beyond Wireframing: The Real-Life UX Design Process

Beyond Wireframing: The Real-Life UX Design Process | Wireframing ECV | Scoop.it

We all know basic tenets of user-centered design. We recognize different research methods, the prototyping stage, as well as the process of documenting techniques in our rich methodological environment. The question you probably often ask yourself, though, is how it all works in practice?


What do real-life UX design processes actually look alike? Do we have time for every step in the process that we claim to be ideal?

 

In this article, I’ll share a couple of insights about the real-life UX design process and speak from my own experience and research.

more...
No comment yet.
Scooped by Ecv Creation Numerique
Scoop.it!

A Beginner’s Guide to Wireframing | Webdesigntuts+

A Beginner’s Guide to Wireframing | Webdesigntuts+ | Wireframing ECV | Scoop.it
Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for
more...
No comment yet.
Scooped by Ecv Creation Numerique
Scoop.it!

Wireframe (design) - Wikipédia

Le Wireframe (ou maquette fil de fer) en web design consiste à réaliser un schéma définissant les zones d'un site Web, ou d'une page Web. Il peut être réalisé par une personne non technique (client, graphiste, etc.).

Pour Jakob Nielsen, le maquettage wireframe correspond à du prototypage horizontal[1], c'est-à-dire au développement de la partie graphique de l'interface homme-machine. Il permet :

Pour un site web, une première forme de maquette statique consiste à définir le « zoning » des écrans, c’est-à-dire le découpage des pages du site. Pour chaque type de page (ex: page d’accueil, page intérieure, chapeau de rubrique, etc.) le concepteur identifie les différentes zones de la page qu’il schématise à l’aide de blocs ou de boîtes afin de déterminer les grandes fonctionnalités et les zones principales du contenu. Il précise le rôle et la position de chaque zone et définit leur taille relative ainsi que leur importance visuelle[2]. Le concepteur peut par la suite détailler et donner des précisions sur les éléments de la page comme la hiérarchisation des différents textes, les dimensions en pixel des contenus, etc.

Définition et première notion du Wireframing

more...
No comment yet.