{"id":320,"date":"2007-03-19T10:43:44","date_gmt":"2007-03-19T08:43:44","guid":{"rendered":"http:\/\/www.wmtools.com\/news\/posizionamento-motori\/anatomia-di-uno-shop-mediaworld-4"},"modified":"2007-03-19T13:08:02","modified_gmt":"2007-03-19T11:08:02","slug":"anatomia-di-uno-shop-mediaworld-4","status":"publish","type":"post","link":"https:\/\/www.wmtools.com\/news\/e-commerce\/anatomia-di-uno-shop-mediaworld-4","title":{"rendered":"Anatomia di uno shop… Mediaworld"},"content":{"rendered":"

Ed ecco la terza ed ultima parte su Mediaworld: dopo la visibilit\u00e0<\/a> e l’accessibilit\u00e0<\/a>, parliamo ora di interfaccia<\/em><\/strong>.<\/p>\n

Interfaccia del sito<\/strong><\/p>\n

Il sito \u00e8 costituito da tre livelli<\/strong>. Le macro categorie merceologiche<\/strong> sono inserite nella barra principale di navigazione posta nella colonna sinistra. Il passaggio del mouse sopra una di queste macro categorie apre un men\u00f9 a tendina<\/strong> che permette di visualizzare le sotto categorie. Un click successivo consente all\u2019utente di accedere alla gamma di prodotto nel box centrale.
\nIn basso, colonna sinistra, in posizione un po\u2019 troppo nascosta<\/strong>, risiede il box di ricerca alternativa per marca e modello. Le barre superiori sono due<\/strong>. La prima contiene link di servizio: supporto ai clienti, contatti, carrello, ecc. (in questo caso esempio di buona progettazione<\/strong>, anche se si sarebbe ottenuto un effetto migliore attraverso l\u2019uso di link pi\u00f9 visibili, magari colorati, con icone e dotati di font pi\u00f9 grandi). La seconda contiene un elenco di servizi a valore aggiunto offerti dal sito: stampa foto, vendita brani musicali, ecc..
\nTrovo quest\u2019ultima barra, il mio \u00e8 un parere del tutto personale, non ottimamente posizionata. Sembra quasi distogliere l\u2019attenzione dell\u2019utente dal suo obiettivo principale: l\u2019acquisto di prodotti di elettronica di consumo. L\u2019immagine che segue mostra le caratteristiche principali dell\u2019interfaccia di navigazione di MediaWorld. La successiva una personalissima rielaborazione.<\/div>\n

\"navigazione\"
\nInterfaccia del sito di E-Commerce di MediaWorld<\/em><\/p>\n

\"navigazione
\n Interfaccia alternativa<\/em><\/p>\n

Quanto alle macro categorie merceologiche, devo confessare di non essere riuscito ad individuare il loro criterio di ordinamento. Certamente non \u00e8 alfabetico, n\u00e9 per settore merceologico. Forse sulla base del venduto? Sono spiacente, non ne ho idea!Veniamo ad uno degli errori pi\u00f9 macroscopici che, a mio avviso, hanno compiuto i progettisti del sito: manca un campo di ricerca libera. <\/strong>
\nQuesta \u00e8 una grave limitazione per l\u2019utente!Ho provato anche a selezionare uno dei link dei servizi a valore aggiunto: l\u2019area sviluppo foto. Una volta entrati in quel sottosito non \u00e8 pi\u00f9 possibile, tramite il tasto back, ritornare all\u2019area precedente.<\/p>\n

Concludiamo con alcune considerazioni spicciole di accessibilit\u00e0<\/strong>. I rullini in movimento, riprodotti in basso e in alto nel layout, contenenti link trasversali ai prodotti, utilizzano velocit\u00e0 di scorrimento troppo elevate. Ci\u00f2 potrebbe causare difficolt\u00e0 cognitive ad alcune tipologie di utenti svantaggiati. Una semplice soluzione<\/strong>? L\u2019inserimento di un tasto che permetta di bloccare il loro scorrimento.<\/div>\n

A questo punto i risultati della validazione del sito:
\n\u2022 L\u2019Html non \u00e8 ovviamente valido mancando il doctype.
\n\u2022 La validazione css non \u00e8 stata possibile.
\n\u2022 I risultati dell\u2019analisi di accessibilit\u00e0 della home page con WebXACT, livello A, vengono descritti nell\u2019immagine che segue.<\/p>\n

\"accessibilit\u00e0\"<\/p>\n

<\/div>\n
Conclusione<\/strong><\/div>\n
<\/div>\n
Il sito di E-Commerce di MediaWorld, spiace dirlo, presenta numerosi errori di progettazione sia in termini di Visibilit\u00e0 che di Usabilit\u00e0 ed Accessibilit\u00e0.<\/strong>
\nI pi\u00f9 macroscopici sono l\u2019uso eccessivo di animazioni Flash,<\/strong> codice spesso scorretto e \u201cpesante\u201d e la mancanza di graceful degradation.
\nQueste mancanze penalizzano certamente l\u2019utente ma anche la stessa MediaWorld: un sito costruito in maniera pi\u00f9 accurata e rispettoso delle logiche del posizionamento, dell\u2019usabilit\u00e0 e dell\u2019accessibilit\u00e0 avrebbe certamente prodotto maggiori conversioni.<\/div>\n
<\/div>\n
<\/div>\n
\n
Vedi anche le altre due parti di questo articolo:<\/div>\n
prima parte articolo: la visibilit\u00e0<\/a><\/div>\n
seconda parte articolo: accessibilit\u00e0<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Ed ecco la terza ed ultima parte su Mediaworld: dopo la visibilit\u00e0 e l’accessibilit\u00e0, parliamo ora di interfaccia. Interfaccia del sito Il sito \u00e8 costituito da tre livelli. Le macro categorie merceologiche sono inserite nella barra principale di navigazione posta nella colonna sinistra. Il passaggio del mouse sopra una di queste macro categorie apre un…","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-320","post","type-post","status-publish","format-standard","hentry","category-consigli-seo","category-e-commerce"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/comments?post=320"}],"version-history":[{"count":0,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/320\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media?parent=320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/categories?post=320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/tags?post=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}