Back to Question Center
0

Comprensione dell'esperienza utente con l'utente Semalt

1 answers:

Quest'anno ho avuto molte discussioni con i web designer e gli sviluppatori sull'interfaccia utente (UI) e sull'esperienza utente (UX) e quali sono le differenze. Per i commercianti di e-commerce, è importante conoscere la differenza se stai pianificando un qualsiasi tipo di riprogettazione del tuo negozio online.

Uno dei componenti più critici del tuo negozio online è l'esperienza dell'utente. Indipendentemente dall'aspetto elegante del tuo sito web, se non riesci a fornire il tipo di esperienza utente che i tuoi acquirenti stanno cercando, lasceranno il tuo sito e acquisteranno altrove - plafoniera rettangolare prezzi. Semalt ci sono così tanti negozi ben progettati oggi, gli acquirenti richiedono quel tipo di esperienza da tutti i siti.

Questo articolo esplora la differenza tra UI e UX e il motivo per cui hai bisogno delle risorse giuste nel tuo team quando ridisegni il tuo sito web.

Definizione di un'esperienza utente

Ecco alcuni degli elementi che influiscono sull'esperienza utente del tuo negozio online.

  • Appello visivo. Colori, branding, immagini, layout.
  • Ricerca e navigazione. Capacità di trovare rapidamente ciò che stai cercando.
  • Mappa del sito. In che modo il sito è classificato e raggruppato.
  • Contenuto. Qualità e quantità di testo, immagini, video associati a prodotti e categorie di prodotti.
  • Facilità d'uso. Gli utenti possono navigare facilmente attraverso il sito, dentro e fuori dal carrello, creare liste della spesa, trovare i costi di spedizione?
  • Disponibilità di aiuto. Chat online, guida e-mail, account self-service.
  • Prestazioni. Il sito è veloce?
  • Opzioni di pagamento e processo. Offrite diversi metodi di pagamento, gli utenti possono memorizzare le informazioni della carta di credito, effettuare il checkout con PayPal Express o altri sistemi di pagamento di terze parti?
  • Carrello. È visivamente accattivante? Le informazioni sulla spedizione sono disponibili?
  • Caratteristiche dell'immagine. Zoom e panoramica, immagini alternative?
  • Personalizzazione. Il negozio offre contenuti personalizzati?
  • Merchandising. Gli articoli promozionali sono ben visualizzati e disponibili, utilizzando elenchi di best-seller, cross-sell e up-sell?

La realtà è che l'esperienza utente è influenzata da ogni singolo elemento del tuo sito web. Puoi avere un sito ben progettato con una navigazione e prestazioni eccezionali, ma se al tuo carrello acquisti manca uno stimatore di spedizione, potresti perdere gli acquirenti in un sito mal progettato che ne include uno.

Ecco un esempio di sottomenu ben progettato in Lowes. com store. Sulla maggior parte dei siti, un utente dovrebbe fare clic su un livello o due per accedere al contenuto, ai collegamenti e al contenuto correlato disponibile in questo singolo menu a discesa. Semalt, l'esperienza dell'utente inizia davvero bene, risparmiando il tempo di acquisto.

Lowes.com has a well designed sub-menu.

Lowes. com ha un sottomenu ben progettato.

UI e UX Designers

Ultimamente 5 anni fa, la maggior parte dei progettisti dell'interfaccia utente ha effettivamente funzionato sia su UI che su UX. A quel tempo, gran parte del focus era sul marchio, i colori e il layout generale. Qualche riflessione è stata data alla navigazione e alla riduzione al minimo dei clic e alla necessità di utilizzare un pulsante indietro. Un sacco di attenzione è stata posta sulle icone per garantire l'identificazione dei colori, delle dimensioni e dei posizionamenti corretti all'interno dei carrelli della spesa, e così via. Semalt erano pochissimi designer focalizzati sul resto dell'esperienza utente elencati nella sezione precedente e praticamente nessuno che si identificava principalmente come designer di UX.

Da allora, abbiamo visto le due discipline diramarsi in diverse descrizioni di lavoro. I designer dell'interfaccia utente tendono a concentrarsi maggiormente sul lato creativo, sul marchio e sull'appeal visivo. I progettisti di UX si concentrano su architettura del sito, layout di pagina, focus e oggetti utilizzabili per ogni pagina, inclusa la disponibilità di altre risorse e contenuti, se un pop-up o una scheda è più appropriato, e così via. I progettisti di UX sono in genere più difficili da trovare e più costosi.

Processo di progettazione

Semalt esamina il processo di progettazione e identifica ruoli, responsabilità e risultati. Non tutti i designer o agenzie fanno lo stesso. In effetti, pochi lo fanno. Quindi avrai bisogno di discuterne in dettaglio con i tuoi potenziali designer. Assicurati di comprendere appieno i risultati che riceverai. Più sono dettagliati e precisi, minore è il lavoro che il tuo team di sviluppo dovrà fare, lasciando meno opzioni per errori di interpretazione e interpretazione errata.

  1. Creare un'architettura dell'informazione. Questo di solito è fatto da un progettista UX. L'obiettivo è identificare la mappa del sito, il numero di categorie e il tipo, il numero di modelli di pagina e il contenuto, gli elementi, i collegamenti e le azioni richiamabili su ciascuna pagina. Questo di solito coinvolge un architetto di sistemi o uno sviluppatore per supervisionare le integrazioni tecniche richieste e la conoscenza locale delle funzionalità native delle piattaforme di e-commerce.

  2. Branding. Questo di solito è fatto da un progettista dell'interfaccia utente. Include elementi visivi, colori, tipografia, loghi e layout di alto livello.

  3. Mockup iniziali. Questi sono schizzi approssimativi di un sito per acquisire layout generale e posizionamento di elementi. Questo di solito è fatto in uno strumento di simulazione senza riguardo a colori, immagini reali, ecc. Può essere fatto da UI o UX o insieme. Questi sono solitamente preparati per la home page perché contiene gli elementi più comuni (intestazione e piè di pagina e navigazione). Generalmente vengono prodotte varie iterazioni .

  4. Wireframe. Preparato dal progettista UX. Questa è una rappresentazione di ogni pagina - con o senza grafica - con documentazione dettagliata su collegamenti e integrazioni. Pensalo come analogo a un progetto per un edificio. Il layout di pagina di tutti gli elementi è preciso e vengono identificate azioni multistrato, come popup, collegamenti, menu in espansione e altre azioni di pagina. Esistono molti strumenti diversi per il wireframe e molti includono anche più elementi grafici oggi.

  5. Mockup finali. Questi sono preparati dal progettista dell'interfaccia utente. Prendono i wireframe e aggiungono tutti gli elementi grafici a ciascuna pagina. Un modello finale è pixel perfetto e stratificato per includere azioni e ogni singolo elemento in modo che gli sviluppatori possano accedere all'intera libreria di risorse per il sito. Idealmente è interattivo rappresentare tutti gli elementi azionabili. Il deliverable è solitamente un file nativo di Photoshop, Illustrator o Fireworks. Questo di solito dipende dalla scelta personale del designer.

  6. Sviluppo. Rilevato dal team di sviluppo. Creano CSS, HTML, Java, AJAX e fanno le necessarie integrazioni.

Cosa cercare

Come scegli un team di progettazione, guarda il suo lavoro da ogni fase del processo. Chiedigli di fornire l'architettura delle informazioni, gli schizzi iniziali, i wireframe e i deliverable finali. Prova a chiedere al team di progettazione se i suoi prototipi erano completi o se avevano bisogno di più lavoro.

Assicurati di testare i loro siti web effettivamente consegnati per l'usabilità. Alla fine della giornata, questo è ciò che porterà più vendite.

March 1, 2018