hm home Interfaces riches : H&M et la mode à la maison

En France, on connait surtout H&M pour sa mode branchée et pas chère, mais en Suède, c’est aussi une marque de linge de maison qui vient tout juste de sortir son nouveau site.

Dans une mise en scène impeccable, on peut donc y découvrir toute la collection de manière interactive et ludique.

Les plus :

- photos superbes : chaque article est intégré dans un ensemble thématique

- ergonomie agréable et facile d’usage

- mise en page originale proche de celle d’un vrai catalogue papier

Les moins :

- temps du 1er téléchargement long

- pas de réf nat (Diagnosite sait ce que j’en pense, mais c’est quand même un défaut)

- coût (je ne le connais pas, mais la prise de vue et le montage dépassent forcément des budgets classiques)

- capacité à supporter un fort trafic sans doute nulle (il est difficile de cacher du Flash)

En tout cas, voilà un bien bel exemple d’interface innovante qui pourrait en inspirer plus d’un.

Via User Experiential

hm ambiance Interfaces riches : H&M et la mode à la maison

Les différentes ambiances sont tout simplement superbes

Même la recherche par filtre a été intégrée en Flash

Même la recherche par filtre a été intégrée en Flash

VN:F [1.3.1_645]
Rating: 9.3/10 (6 votes cast)
,


ceranco home Ceranco.com : concilier design et Flash harmonieusement

Il n’y a pas qu’une façon de présenter des produits sur un site ecommerce et, encore une fois, si on peut désormais commencer à trouver “des standards”, il ne faut pas s’y tromper, le genre est encore loin d’avoir trouvé la perfection ou de s’en être approché ( l’instar des catalogues ou des rayons des hypermarché dans lesquels chaque cm² ou m² est calculé, rentabilité au centime d’euro près).

Ce n’est donc pas un site ecommerce que je vous présente aujourd’hui, mais un catalogue en ligne, qui pourrait (et devrait) en inspirer certains : Ceranco.com, un fabricant de meubles design.

Bien que le “tout le bazar” soit en Flash, on ne peut s’empêcher de trouver la navigation particulièrement fluide et attractive.

ceranco navigation Ceranco.com : concilier design et Flash harmonieusement

Quelques inventions intéressantes sont également présentes sur Ceranco comme le zoom “immersif”, mais ce qui demeure le plus attractif dans Ceranco, c’est bien sûr un usage très intelligent des photos qui s’épanouissent en plein écran comme sur une magnifique plaquette de papier. Autrement dit, il ne manque à Ceranco plus que le panier.

La fonction de zoom est particulièrement originale, même si son concept n'a pas été poussé jusqu'au bout.

La fonction de zoom est particulièrement originale, même si son concept n'a pas été poussé jusqu'au bout.

>> Visiter Ceranco

VN:F [1.3.1_645]
Rating: 10.0/10 (2 votes cast)
,


Cet article fait partie d’une série consacrée à l’Expérience Client. Cliquez ici pour lire tous les articles.
——————————————————————————————————————–

De la théorie, passons à la pratique. C’est un récent billet lu sur Design Walker (30+ Creative E-Commerce sites) qui servira de base à mes démonstrations.

Une jolie interface, mais pas très utilisable

Une jolie interface, imitant le HTML à la perfection

LoWorks Store est une “oeuvre”, si j’ose dire, japonaise, où le Flash remplace entièrement le code HTML, mais ne vient pas, à proprement dire, créer d’expérience utilisateur réellement nouvelle. Le Flash ici vient simplement se substituer à une technologie moins interactive sans y apporter d’ interactions très “enrichies”. Toutefois les capacités multimédia de Flash viennent ici “fluidifier” la navigation en la rendant moins “sèche”.

Quant vous cliquez sur un bouton, vous n’entendez pas seulement le clic de votre souris et ne voyez pas simplement la page se recharger, au contraire, un son et une animation sont joués et une barre de chargement vous indique d’une manière visuellement agréable et propre au site qu’une interaction entre le serveur et votre navigateur est en train de se dérouler.

Le Flash évite ici ce désagréable effet de rechargement de page, propre au HTML, qui donne (c’est inconscient presque dans l’esprit de l’utilisateur) la sensation de “sortir du site” ou même pire, d’interrompre l’expérience de navigation. Bien sûr, cela peut paraître évident aux yeux des geeks que vous êtes, chers lecteurs, mais ça va mieux de le dire.

Que nous apporte de plus cette interface en Flash ?

De toute évidence, le Flash permet de s’affranchir de certaines contraintes technologiques du HTML

  • mise en page “carrée”
  • “formes arrondis” lourdes et peu pratiques à intégrer
  • interactions longues et lourdes à programmer nécessitant du javascript
  • pas d’expérience sonore

Curieusement sur LoWorksStore, encore une fois, l’architecture de la page demeure proche de ce qu’elle aurait pu être sur une page web normale. Ca me rappelle ce parallèle avec l’architecture au XIXème siècle, à une époque où l’acier et le béton faisaient leur apparition et où les architectes continuaient à concevoir leurs projets comme s’ils continuaient à concevoir des bâtiments en pierre et en bois.

Pour le reste, même si le design est plaisant au regard (et encore ça dépend de qui le regarde, ici, de toute évidence, le site ne s’adresse pas au grand public, mais à une cible jeune et branchée, aisée et urbaine), le site tombe dans quelques travers.

  • Utilisabilité faible
    • exemple : dans la fiche produit, les boutons changent systématiquement de place quand on passe d’une photo article à l’autre
    • temps de téléchargement longs, trop longs (finalement les barres de loading soulignent plus l’incapacité du site à fournir des médias dans des temps corrects qu’à faire patienter le client)
  • Pas de recherche !!
  • Page d’accueil vide (littéralement vide, puisqu’aucun article n’est affiché quand on arrive sur le site)
  • Navigation de la catégorie aux produits pas homogène

Bref, même si le site est sympathique au premier abord et l’expérience client plutôt agréable, l’impasse sur certains fondamentaux du e-commerce (manque d’informations, manque de mise en valeur des articles, utilisabilité aléatoire) pénalisent les chances de transaction et celles de succès de cette jolie petite affaire.

VN:F [1.3.1_645]
Rating: 8.4/10 (5 votes cast)
, ,


Si vous avez décidé de refaire votre déco intérieure, c’est le moment de rester fidèle à Capitaine-Commerce.com. Après  la literie et le mobilier d’intérieur chezVimercati, je vous conseille maintenant d’aller faire vos emplettes chez Christofle (le célèbre argentier) pour réachalander votre placard à couverts.

Voici quelques exemples d’articles qui vous simplifieront la vie et vous feront remarquer auprès de vos amis pour votre bon goût :

  • Carafe Canard : très utile pour se boire un petit St-Emilion après un petit tennis en double le samedi matin
  • Marque-page motif écaille : pour ne plus perdre votre page en vous endormant sur le dernier BHL (marche aussi avec un Houellebecque)
  • Ou pourquoi pas cette très jolie bonbonnière pour conserver vos TicTacs à l’abri de la lumière

Une bien belle réalisation tout en Flash (le téléchargement des pages est un peu long) qui vaut le coup d’être vue (eh, les gars qui ont conçu le site, la recherche, c’est en haut, en général, qu’on la met !).

christofle Christofle.com : Luxe et e commerce en Flash

Via OrSérie

VN:F [1.3.1_645]
Rating: 9.7/10 (3 votes cast)
, ,