Ressources du dimanche (10) : les menus en mode UX

Après mon article sur les menus en mode code et UI, voici pour ce dimanche, quelques réflexions sur les menus en mode UX. Faire un menu, c’est bien ! Encore faut-il qu’il soit mis en contexte et optimisé en terme d’utilisabilité et d’accessibilité. Une vision en UX (User Experience) nous permet d’y parvenir. C’est pourquoi, je vous propose cette fois, une revue d’articles pour réfléchir sur le sens, la nécessité du menu, et ses formes pour nos interfaces desktop et mobile.

Les menus en mode UX

Le contexte est essentiel pour poser la question du menu, en cela UX. On parlera alors de responsive design, pour afficher le même site sur différentes largeurs des écrans : écran d’ordinateur, tablette, smartphone.Sur mobile se pose de nombreuses questions d’ergonomie pour que la navigation du site reste trouvable, compréhensive et surtout utilisable. Voyons donc ce qu’il peut en être.

1 – Une navigation créative et ergonomique

Pour commencer, un article de Jerry Cao, UX strategist, pour nous expliquer clairement la nécessité d’une bonne navigation. Cet article nous informe de 4 principes de navigation essentiels, et nous donne des exemples pour illustrer ces principes.

Lire l’article

Inspiration sur des menus créatifs et UX

2 – Retour d’expérience chez Smashing Magazine (2015)

J’ai choisi cet article de Marco Hengstenberg, car nous pouvons avoir de manière concrète un travail sur la refonte UX et UI d’un menu (mobile) que nous connaissons bien, celui du site de Smashing Magazine. Ce retour d’expérience est très intéressant car honnête, il relève pas mal de problématiques que nous pouvons rencontrer et nous initie au final aux solutions trouvées en terme d’UX et de code. Un must !

Lire l’article

Retour d'expérience de Smashing Magazine pour leur menu mobile

3 – Le menu vu par l’UX flow

L’UX Flow est le processus réalisé par un(e) UX designer et vécu et expérimenté par l’utilisateur sur le site pour naviguer, passer de pages en pages et tout autre chose  sur l’ensemble d’un site. Une vision UX de la navigation pour en préciser l’objectif, les pistes graphiques et les composants.

Lire l’article

Créer une navigation utile pour l'utilisateur avec l'UX Flow

4 – Les menus Sticky en navigation (2012)

Cet article de Hyrum Denney sur les menus de navigation date de 2012. Trop vieux me direz-vous ? Seulement, je pense que l’étude de la pertinence d’un menu en sticky reste d’actualité. Avec les nombreux sites one-page, la gloire du scroll infini, les contenus longs de certains sites, garder fixe la navigation peut se revendiquer utile et pratique. L’intérêt de cet article se trouve aussi dans l’argumentation du pour et du contre pour les confronter et avoir sur cette question, un avis réfléchi et étoffé.

Lire l’article

Article sur les menus en sticky-fixe

5 – Inspiration des menus burger (2014)

Pour poursuivre, quelques inspirations pour les menus sur mobile. Autant la navigation est importante pour les sites sur desktop, autant peut-il être déterminant pour les sites sur smartphone. Au mieux, on utilise le fameux menu « burger », avec un effet slide, qui nous vient des appli mobile : système assez pratique en général.

Voir les ressources
Inspiration UI pour les menus sur mobile

6 – Le burger de la mort… (2014)

Retour de tests en ergonomie et UX de la part de Raphaël Yharrassarry pour le menu hamburger. Très bon article qui interroge sur la nécessité de faire apparaitre dès l’iPad un menu en forme ‘hamburger’. Une question est posée : Cette forme est-elle vraiment reconnue par les utilisateurs de sites ? Et surtout, ne doit-on pas penser le responsive design autrement que par la simple contrainte de la largeur d’écran mais en terme de composant ?

Lire l’article

Retour de tests ergonomique pour le menu hamburger

7 – Qui a bougé mon Hamburger ? 

Petite revue de sites responsive en affichage smartphone : quel type de menu choisi  sur les applications majeures ? Avec pour chaque, un comparatif entre Android et IOS. Au-delà de l’icône burger, il s’agit d’observer l’articulation des menus de navigation et de leurs items, et  comment le rendre compréhensif pour tous.

Lire l’article

Etude sur les menus sur mobile en UX et UI

 

Voici donc quelques références d’articles qui me semblent importantes pour pouvoir réfléchir, solutionner et agir pour nos sites, leur navigation et leur utilisabilité. N’hésitez pas à donner votre avis, répondre et enrichir cette revue d’articles.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Categories:
Tags:
Date:
  • 27/12/2015
Share:
%d blogueurs aiment cette page :