Frédéric de Villamil cite aujourd’hui dans son blog le cas d’un triangle censé représenter le sens de tri d’une liste, dont l’interprétation qu’il fait est différente de celle faite par d’autres personnes.

Au delà du fait que je ne comprends pas la présence d’un tel élément sur un onglet [1], j’ai plutôt tendance à interpréter comme lui ce triangle, c’est à dire sa pointe indiquant le sens de tri, mais je n’appellerais pas forcément cela comme lui une lecture « logique », vu le nombre de personnes qui interprètent la chose différemment...

Il indique d’ailleurs que pour lui « une pointe vers le bas signifie [...] que le premier élément de la liste se trouve sur la première ligne », mais il ne spécifie pas ce qu’il entend par « premier élément ». Je ne pense pas que cette appellation soit adaptée, puisque pour moi le « premier élément » est bien celui de l’affichage, donc toujours en début (visuel) de la liste...

Je pense de toute façon que c’est le symbole qui est mal choisi, puisque l’on peut l’interpréter tant comme une flèche — notre interprétation à tous les deux — que comme une pyramide [2] — l’interprétation des autres. Un symbole de devrait pas être ambiguë à ce point. Ici, il faudrait — selon l’information que l’on souhaite présenter — soit une flèche clairement représentée avec un fût plus de la pointe, soit un symbole indiquant plus clairement comment est fait le tri, par exemple « A-Z » ou « 0-9 ».

J’étais tombé il y a plusieurs mois sur une initiative tentant de définir des icônes/symboles les plus simples et universels possible, mais je ne retrouve malheureusement plus le site [3].

Le nouvel iMac

Sans doute attiré par la grande mode actuelle des écrans télé LCD et Plasma, le nouvel iMac quitte le design sobre blanc pour un look plus voyant avec un écran glossy cerclé de noir.

La coque passe en aluminium, ce qui donne à Steve l’occasion de dire qu’Apple favorise ainsi le recyclage. A quand des MacBook non pro bien classe en alu, alors ?

Cet iMac s’accompagne évidemment d’un nouveau clavier assorti, en aluminium lui aussi, et surtout extrêmement réduit en épaisseur par rapport au précédent. Il est fait de touches similaires à celles des portables MacBook, il va falloir que certains s’y habituent.

Un clavier sans fil bluetooth est lui aussi disponible afin de réduire encore le nombre de cables — plus qu’un seul pour le courant, finalement, si vous avez aussi une souris sans fil.

Le nouveau clavier Bluetooth d’Apple

Comme vous pouvez le voir, ce clavier est fortement inspiré de celui des MacBook.

Par contre, de manière totalement incompréhensible pour moi, le positionnement des touches n’est pas le même que sur les MacBook — non pro en tout cas, je ne connais pas les claviers des MacBook Pro — donc il va falloir faire une gymnastique intellectuelle pénible si l’on passe régulièrement de l’un à l’autre.

Par exemple, les touches de fonction permettant de lancer Exposé ou le Dashboard — qui gagnent au passage des illustrations significatives — sont situées à gauche, alors qu’elles sont à droite sur le MacBook :

Par conséquent, les touches de réglage du son prennent la place laissée vacante à droite, alors qu’il aurait été sans doute plus simple et cohérent de garder le même positionnement :

Il y a ainsi plusieurs autres touches qui ont changé de position, j’aimerai bien connaître les motivations qui ont conduit à ce que j’estime être une erreur d’ergonomie bien étrange de la part d’Apple.

Un autre changement non négligeable sur ce nouveau clavier, c’est ni plus ni moins que ma disparition de la célèbrissime pomme ! Oui, vous avez bien lu, la pomme n’est plus là, elle est remplacé par un bien plus pragmatique mais moins sympathique label « Command » :

iLife ’08

iLife, la suite multimédia d’Apple, reçoit quelques nouveautés bienvenues, dont essentiellement pour ce qui m’intéresse dans iPhoto et iMovie.

iPhoto

La nouvelle version de iPhoto sait enfin gérer la navigation par date, et contrairement à ce que dit Steve Jobs, non, ce n’est pas révolutionnaire, presque tous les autres logiciels de catalogage de photos le font !

Là où Apple innove, c’est dans la notion d’album lié à une date, ou plutôt à un événement. Il est ainsi possible de rassembler les photos d’un même événement dans un album particulier. La création est automatique pour toutes les photos prises à une même date, et il est ensuite possible de diviser ou ressembler simplement les albums.

Apple iPhoto ’08

Une autre nouveauté très intéressante est la navigation dans les photos d’un album tout simplement en déplaçant la souris le long de sa vignette, sans avoir à l’ouvrir complètement ! Apple parle ici de « skimming ».

Apple améliore enfin le partage de photos en ligne en ajoutant des galeries très Web 2.0 [2] à .Mac et en augmentant la capacité de stockage à 10 Go contre 1 Go actuellement. Voici d’ailleurs un exemple de galerie, où l’on peut voir que même en ligne le skimming fonctionne.

iMovie

C’est iMovie qui fait l’objet de la plus importante mise à jour, a tel point que cette nouvelle version ne reprend rien de l’ancienne. Un ingénieur Apple aurait tellement luté avec l’ancienne version pour monter un film qu’il aurait développé pour son propre usage cette nouvelle version, avant qu’elle soit retenue comme nouvelle solution iMovie d’Apple. J’en ai presque la larme à l’oeil...

Toujours est-il que cette nouvelle version remet enfin à plat la visualisation et le montage vidéo en proposant une interface simplifiant grandement le choix de sections de vidéos existantes, que l’on parcours à la manière des photos dans iPhoto, avec la dimension temporelle supplémentaire permettant de « zoomer » plus ou moins sur la vidéo, c’est à dire d’en voir plus ou moins d’extrait côte à côte.

Comme on parcours un album dans iPhoto en déplaçant la souris sur sa vignette, on peut ici naviguer dans la vidéo de façon extrêmement simple.

Apple iMovie ’08

Une toute nouvelle application qui révolutionne l’édition vidéo

La démo de iMovie ’08 est bluffante de simplicité, j’ai hâte d’y toucher !

Outre le partage de vidéos via .Mac, iMovie permet aussi d’exporter directement vers YouTube, signe supplémentaire de rapprochement entre Apple et Google [3].

iWork ’08

Côté iWork, la suite bureautique d’Apple, on voit enfin apparaître un tableur au côté du traitement de texte Pages et du logiciel de présentation Keynote.

Numbers

Ce tableur prend le nom tout simple de Numbers, et met particulièrement l’accent sur la présentation tout comme Pages et Keynote.

Apple Numbers ’08

Le nouveau tableur de Apple

Certaines fonctionnalités sont de plus simplifiées par rapport à ce qui se fait chez la concurrence, notamment au niveau des formules.

Et le reste

Apple a aussi mis à jour d’autres éléments de ses gammes logicielles et matérielles sans pour autant que Steve Jobs en fasse état lors de sa Keynote.

Le plus intéressant est sans doute que le Mac mini est enfin mis à jour avec les derniers processeurs Intel, il était temps !

Il ne reste plus qu’à attendre octobre pour la sortie de Leopard, et il sera possible d’acquérir une nouvelle machine avec bien sûr Leopard mais aussi iLife ’08 inclus...

D’après Wikipedia, un carrousel est — notamment — « une attraction de type manège consistant en une plateforme tournante avec des sièges pour des passagers », c’est à dire ni plus ni moins qu’un manège.

Ce terme est aussi utilisé en photographie pour désigner les bacs circulaires que l’on utilise avec les projecteurs de diapositives, ou en musique pour désigner les supports des disques dans les jukeboxes.

Au niveau des interfaces graphiques, la navigation dans une liste représentée par un carrousel en 3 dimensions fait petit à petit son chemin. Elle donne une impression de manipulation physique des objets qui améliore l’ergonomie et l’intuitivité de l’interface.

Apple l’a bien compris en rachetant CoverFlow, un carrousel — non circulaire celui-ci — permettant de sélectionner de la musique dans iTunes en visualisant les pochettes :

CoverFlow

Navigation en 3D dans la discothèque iTunes

Microsoft a aussi fait la démonstration des capacités 3D de Windows Presentation Foundation et de Silverlight — dans Popfly par exemple — à l’aide de carrousels.

Le carrousel d’Amazon est en Flash, une technologie vectorielle, et donc particulièrement bien adaptée à la simulation de la 3D par déformation :

Le carrousel d’Amazon

Mais il n’est pas nécessaire de disposer d’une technologie spécifiquement dédiée ou adaptée à la 3D pour réaliser de tels carrousels, comme le montre aujourd’hui Alapage :

Le carrousel d’Alapage

Ce carrousel s’appuie tout simplement sur l’élément « 3D Carousel » de l’excellent plugin Interface de la librairie JavaScript jQuery.

Le dernier exemple en date est la page d’accueil de Clio Renault Sport, qui propose de choisir une langue pour naviguer [1].

Sauf que c’est une liste de pays et non de langues que l’on nous propose !

Je comprends bien que les différents pays — même quand ils utilisent la même langue — ne proposent pas forcément les mêmes modèles de voitures, ou même ne serait-ce que les mêmes dénominations, mais dans ce cas pourquoi proposer de choisir une langue et non un pays ?

Encore une erreur toute bête, mais qui peut inutilement dérouter l’internaute, dommage...

Je passe sur le fait qu’on soit obligé de s’inscrire dans un formulaire en anglais pour une manifestation en France.

Par contre, il semble que Apple ou Reed — l’organisateur — a des difficultés à parler d’argent, quand on voit qu’à la question de savoir combien on pense dépenser lors de l’Apple Expo, on nous propose de répondre par « oui » ou « non » !

Choix difficile s’il en est...

Mais ce n’est pas la seule erreur de ce formulaire, puisqu’on nous pose aussi deux fois la même question à propos du budget moyen annuel pour les dépenses informatiques !

Ca a l’air bien difficile de faire des formulaires Web de nos jours...

Les défauts en question se trouvent — comme pour CashStore.fr dont j’ai parlé précédemment — dans le formulaire de création de compte permettant d’obtenir leurs livres blancs.

Et d’un

Le premier défaut, c’est un bouton « Envoyer » qui est situé au début du formulaire, ce qui peut inciter à le presser alors que cela n’a pas de sens tant que le formulaire n’est pas rempli :

Un bouton de validation bien mal situé

Heureusement, un second bouton identique se trouve en fin de formulaire, sa position logique.

Et de deux

Bête comme je suis, j’ai justement cliqué sur ce premier bouton, et j’ai eu la surprise de tomber sur un message confirmant mon inscription, et notamment que j’allais recevoir un e-mail de confirmation, alors que je n’ai rien rempli du tout, donc notamment pas mon adresse e-mail !

Une confirmation alors que je n’ai rien donné comme information

Il n’y a donc aucun contrôle des champs saisis, ce qui finalement est assez logique puisque aucun n’est indiqué comme obligatoire...

Et de trois !

Bon, je suis raisonnable, donc je rempli vraiment le formulaire. Là, je tombe au bout d’un moment sur un champ qui me demande depuis où je m’inscrit (registration source)... ah mais non, on me demande en fait de ne pas le remplir :

Un champ à ne pas saisir

Déjà que le formulaire est un peu costaud avec tous ses champs, alors en mettre qui ne doivent en fait pas être remplis, c’est vraiment du grand n’importe quoi.

En fait, vu que bien souvent je passe d’un champ à l’autre pour les remplir sans forcément faire bien attention aux labels, je suis arrivé sur celui-ci, j’ai déroulé la liste, et j’ai bien été surpris de ne trouver qu’un choix, présélectionné qui plus est :

Une liste avec un seul choix !

En fait, ils ont visiblement préféré indiquer de ne pas faire de choix plutôt que masquer le champ, drôle de façon de simplifier la vie de l’Internaute...

Au final, voilà un formulaire qui pourrait vraiment être très simplement amélioré, on se demande comment ils ont pu arriver à un résultat si dénué de bon sens.

Au premier abord, bien sûr, rien d’inhabituel, mais si vous regardez attentivement la séquence de températures possibles, vous avouerez qu’il y a de quoi perdre son latin.

On voit bien au début que l’échelle va de 20° en 20° [1] puis passe à un écart de 25° [2] avant de passer à un écart de 30° [3]...

Même si elle n’est pas systématique, cette progression de l’écart est assez classique, elle permet de limiter l’étendue globale du curseur en augmentant progressivement sa « vitesse » d’évolution. C’est par contre plus courant pour des curseurs de durée, avec les premières minutes réglables finement, par pas de quelques secondes, et les minutes suivantes moins finement réglables.

Après tout, dans le cas de la température, alors que la différence absolue est plus grande, la différence relative entre 175° et 205° [4] est beaucoup moins importante que celle entre 80° et 60° [5].

Là où Rowenta fait très fort, et original, c’est qu’après cette progression logique, l’écart entre deux températures successives retombe à 20° [6] puis 15° [7] !

On pourrait se dire que Rowenta estime que ces températures sont plus critiques pour ce que vous cuisinez, et qu’il faut plus de précision. Mais alors pourquoi diable retrouve-t-on un écart de 20° ensuite [8] ?!?!?!

Il me semble [9] qu’il y a là un vrai gros défaut d’ergonomie, et qu’une marque connue comme Rowenta devrait faire plus attention à ses produits [10] si elle ne veut pas perdre des points pour son image de marque...

En tout cas, voilà qui prouve que l’ergonomie est un sujet universel et n’est pas cantoné au Web, comme je l’indiquais récemment...

Même si j’ai déjà évoqué par le passé des erreurs d’ergonomie rencontrées sur le Web [1], j’ai décidé de lancer avec cet article une nouvelle série à épisodes pour mettre en évidence de telles erreurs, en espérant que ceux qui me lisent puissent en profiter [2].

Premier exemple aujourd’hui avec le site CashStore.fr, qui vous propose de faire vos achats sur les sites de e-commerce traditionnel, mais en l’utilisant comme intermédiaire pour être remboursé d’une partie [3] du montant de vos achats.

Sur le formulaire d’inscription, vous devez préciser votre date de naissance.

Je pinaille sans doute un peu, mais jugez par vous-même de l’ergonomie de cette partie du formulaire :

Il n’était sans doute pas compliqué de rendre visibles tous les chiffres du jour et du mois de naissance, mais cela n’a visiblement pas été testé ou jugé nécessaire.

C’est d’autant plus dommage que l’ergonomie générale de ce site semble tout à fait satisfaisante, sachant que le formulaire d’inscription est l’une des premières pages que le futur utilisateur va voir !

Si je vous dis d’aller faire un tour sur le site de Swiss, vous allez sans doute trouver comment changer de langue, puisque c’est ce dont je parle ici.

Le site de Swiss en français

Je peux vous assurer pourtant que la première fois que je suis allé sur leur site, ces petits liens m’ont bien intrigué, mais il a fallu que je clique dessus pour comprendre de quoi il s’agit.

Les liens de changement de langue

Suis-je anormal, ou est-ce réellement un défaut d’ergonomie ? Pourquoi ne mettre que l’initiale de la langue, et non au moins le code à deux lettres de la norme ISO 639 ? Le gain de place n’est sans doute pas la bonne raison.

Au moins, par contre, ils ont fait le bon choix de ne pas utiliser des drapeaux pour représenter les langues, c’est déjà ça.

Creative Labs est surtout connu historiquement pour ses fameuses cartes son Sound Blaster, qui ont fait la célébrité du contructeur.

Depuis quelque temps, Creative a bien suivi la tendance avec une gamme complète de baladeurs MP3, du modèle à mémoire flash de type clef USB au gros modèle à disque dur de 40 Go.

Le tout nouveau de la gamme, un « iPod Mini killer » tout désigné, est le Creative Zen Micro.

Personnellement, j’ai choisi le violet, une de mes couleurs préférées.

Je dois avouer que je suis plus que satisfait du choix de ce baladeur, qui répond pour l’instant à toutes les attentes que j’avais.

Le son est très bon, mais les écouteurs fournis sont un peu gros. En plus, ils ressemblent énormément à ceux fournis par Apple avec son iPod, ce qui ne me semble pas un bon moyen de la part de Creative pour montrer son produit.

La capacité de 5 Go suffit plus que largement à balader de la musique pour toute la semaine.

La navigation est bien intuitive, et le pad vertical est assez pratique pour scroller. Je ne suis plus très sûr qu’il soit mieux que celui circulaire de l’Apple, par contre, puisqu’il faut parfois s’y prendre à plusieurs reprises pour tout faire défiler.

Je me sers peu de la radio, mais on ne sait jamais, ça peut toujours servir.

Je n’ai pas trouvé l’utilité de l’agenda synchronisable avec Outlook. Je n’en suis pas encore à souhaiter avoir toute ma vie dans un unique appareil, j’ai séparément un téléphone, un PDA et ce baladeur.

Par contre, j’ai déjà plusieurs fois eu le bonheur de pouvoir changer de batterie [1] pour continuer à écouter de la musique alors que j’avais oublier de le recharger, c’est un réel plus par rapport à l’iPod.

Pour finir, juste un mot sur la gestion de la bibliothèque de musiques. Comme avec tous les baladeurs qui utilisent les méta données [2] embarquées dans les fichiers, il est nécessaire de bien prendre garde à ceux-ci, afin que la navigation ne devienne pas vite un cauchemard. Les MP3 obtenus par copies depuis un CD Audio ne sont pas toujours bien renseignés, et il est nécessaire de passer par un outil spécialisé pour le faire manuellement. Utiliser l’organiseur Creative MediaSource ne m’a pas semblé suffisamment pratique pour l’instant, donc je me suis tourné vers une combinaison entre MusicBrainz Tagger et Mp3tag.

Séquence gore...

Si vous voulez savoir à quoi ressemblent les entrailles d’un Zen Micro, allez voir ce qu’a découvert l’équipe de HardwareZone. Âmes sensibles, s’abstenir.

Le Zen Micro éclaté par HardwareZone