Ce qu’il faut savoir pour de bonne pratique !

UX et UI
Ce qui veut dire l’UX est l’expérience utilisateur, savoir se mettre à la place de l’utilisateur qui va naviguer sur un site web ou une application (le produit + l’utilisation). L’UI est l’interface utilisateur (le produit) c’est un élément qui constitue l’UX, au même titre que l’architecture du code, l’accessibilité, le prototypage, l’optimisation responsive, l’ergonomie, etc. C’est l’interface d’un site web ou d’une application.

ui-ux-interface-et-experience-utilisateur-difference

Accessibilité web
L’accessibilité web est très importante, c’est une problématique à l’accès aux services (tout support = responsive) et aux contenus en ligne pour les personnes handicapées (malvoyante, etc) et les seniors.

 infographie sur l’accessibilité

Ce qu’il faut pour une bonne accessibilité :

Typographie et couleur

  • Une police simple et lisible (pas de hiéroglyphe)
  • Font-size à partir de 15px
  • Des couleurs sobre (pourvue que ça ne ressemble pas à une licorne qui vomit)
  • Couleur de police adapter au background-color du site

Responsive

Un site adaptatif sur tout support pc, tablette, téléphone avec une déclinaison du site web. Regroupant différents principes et technologies dans laquelle un site est conçu pour offrir à l’utilisateur une expérience de consultation optimale facilitant la lecture et la navigation.

Ergonomie

L’ergonomie web consiste dans un premier temps à faciliter la navigation du visiteur mais également lui donner une très bonne impression dès sa première visite sur le site. Elle pourrait être un synonyme de clarté, visibilité, simplicité et cohérence.

  • Texte et paragraphe séparé du menu (que ça respire)
  • Savoir bien occuper l’espace d’une page web (si il reste des espaces blanc, ils ne sont pas vos ennemis)
  • Régle des 3 clics
  • Menu simple
  • Contenu d’un site web ciblé
  • Respecte des standards (attention à l’originalité)

site qui parle de l’ergonomie 

 

Veille graphique

Pour un bon développement en web design, il faut savoir se faire l’œil avec de la veille graphique, les nouveautés qui se fait dans le design, les couleurs utiliser en ce moment, les différents thèmes de design utilisé.

exemple :

– le flat design
– le material design
– long scrolling
– le parallax scrolling

à suivre …