baroug

http://exisweb.net/wp-content/uploads/2014/02/hamburgertest1.gif

#responsive #navigation #menu #interface

Résumé : en tout il a fait trois tests AB.

Le premier étant celui de l’image de @tetue, où il montre tout d’abord que la bordure autour du bouton augmente beaucoup les clics.

Ensuite dans le deuxième, il introduit le mot « menu » tout seul, avec et sans bordure.

Enfin dans le troisième, il teste uniquement entre icône et mot, mais les deux avec bordure (puisqu’on a appris avant qu’il faut vraiment avoir une bordure).

Le grand gagnant étant : le mot « Menu » seul (avec une bordure) :

http://exisweb.net/wp-content/uploads/2014/03/menuab@2x1.png

Par contre, il apprend au passage que les utilisateurs d’Android cliquent énormément moins sur les éléments de navigation que les utilisateurs Apple.

Abusing Ellipses – Siolon
▻http://www.siolon.com/blog/abusing-ellipses

Recently amongst web developers there been a passionate conversation about the use of “hamburger” iconography for progressive disclosure usually showing navigation (for the record, I hate that name for the icon). Some have done extensive A/B testing to prove it alone doesn’t work well, and others write passionately how they have abandoned the pattern. This along with other examples like using a select menu for smaller viewport navigation highlights a problem with our community: we can all-to-quickly grab onto a fad without asking fundamental questions about whether it works or not.

The Ellipsis’ Traditional Use in Interfaces

I want to bring up another pattern that has recently become a big problem also: the humble ellipsis. I started seeing ellipsis iconography show up more and more over the last couple of years in web applications. Now the pattern has existed for a long time in desktop applications, but it has served a different purposes. For example, in the OS X Human Interface Guidelines, we read the following instructions for using ellipsis:

Lien avec ►http://seenthis.net/messages/397625
qui explique que de nombreux gros acteurs (sites ou applis) ont fait machine arrière et on arrêté l’approche « bouton de menu seul qui ouvre un menu caché ».

Au lieu de cela, ils sont revenus à un menu directement visible, du type « onglets », avec, lorsque nécessaire, un bouton supplémentaire permettant d’ouvrir des choses en plus : parfois c’est trois points « … », parfois c’est « More » ou « Plus », etc et ça ouvre soit un déroulant, soit une page de menu complète séparée.

Mais le plus important c’est que les éléments principaux, les plus utilisés, sont toujours visibles du premier coup.