Mobile UX e UI design: come migliorano siti web e app

Pubblicato Venerdì, 16 Marzo 2018

Foto Mobile UX e UI design: come migliorano siti web e app

Progettare siti web e app in ottica di una gradevole esperienza utente è un’esigenza sempre più pressante. Più della metà degli utenti naviga su Internet da smartphone: mobile UX e UI design assumono un ruolo ancora più centrale.

Queste due discipline identificano due fasi differenti nello sviluppo di un’interfaccia. Due facce della stessa medaglia: collaborano tra loro per determinare il rapporto che si viene a creare tra l’individuo che naviga e il servizio o il prodotto veicolati dal portale web o dall’app.

La UX, acronimo di User Experience, comprende l’insieme di emozioni e percezioni che l’utente sperimenta quando visita un sito web, ad esempio. A influenzare l’esperienza d’uso contribuiscono diversi elementi, tra cui usabilità, grafica e contenuti.

La UI, acronimo di User Interface, fa riferimento all’interfaccia web da progettare, che dovrà rispettare indicazioni di usabilità per far sì che sia semplice da usare. In più, dovrà risultare facilmente comprensibile, gradevole esteticamente e coerente con la visual brand identity.

 

Nuova esperienza d’uso: cosa cambia


L’ampia diffusione di smartphone ha modificato le condizioni in cui avviene la navigazione su Internet:

 

  • Si ha a disposizione poca connessione.
  • Lo schermo è di dimensioni contenute.
  • Ci si potrebbe trovare all’aria aperta o per strada, con conseguenti riflessi sullo schermo che creano disturbo.
  • È presente il touchscreen.
  • Ci si potrebbe trovare in movimento, magari all’interno di mezzi di trasporto in viaggio come treni o bus.

mobile-ux-ui-design-navigazione-internet-smartphone-all-aperto


Un contesto di questo tipo accresce la necessità di dedicare la dovuta attenzione a mobile UX e UI design per evitare che le persone lascino la pagina web per problemi nella navigazione. Questi due ambiti influiscono, così, sul loro comportamento sia nel presente che in futuro, favorendo o meno il loro ritorno sul sito.

 

User Experience design


Allo scopo di garantire un’esperienza unica e memorabile, lo User Experience design immagina quali scelte dovrà compiere l’utente mentre naviga sul sito e come risponderà a ognuno di questi stimoli. Lo UX designer deve progettare in dettaglio l’esperienza d’uso, ad esempio stabilendo quanti passaggi sono necessari prima di cliccare su un tasto e quando è necessario prevedere una richiesta di conferma.

In particolare, chi si occupa di UX design deve occuparsi di:

 

  • Ottimizzare la facilità di navigazione.
  • Indirizzare la navigazione, guidando l’utente attraverso feedback visivi.
  • Orientare il click verso l’obiettivo.

 

User Interface design


Per consentire alle persone di intrattenere un rapporto positivo con un prodotto multimediale, lo User Interface design si occupa di progettare layout e pagine web adeguate a un’efficace fruizione degli utenti. Chi si occupa di UI design deve focalizzarsi su discipline quali web design, studio dei colori, architettura delle informazioni.

In particolare, lo UI designer deve tenere in considerazione:

 

  • Tipografia e interfaccia per far sì che siano in grado di esprimere indicazioni di tipo contenutistico.
  • Schema di colori, che deve saper aiutare il visitatore e non confonderlo, accompagnandolo nella giusta direzione.
  • Struttura del sito, che deve essere facilmente distinguibile per consentire all’utente di capire subito cosa deve fare.

 

UX e UI design made in Red Onion


Mobile UX e UI design sono discipline che in Red Onion conosciamo bene e che abbiamo messo in pratica in tanti progetti. L’app sviluppata per IOM (Industria Ottica Multiservice), produttore di lenti oftalmiche, è stata concepita per fornire agli ottici uno strumento tecnologico capace di facilitarne i processi di scelta, creando così le condizioni per un’appagante customer experience.

 

mobile-ux-ui-design-nuovo-ordine-app-iom-made-by-red-onionmobile-ux-ui-design-scelta-forma-lente-app-iom-made-by-red-onion

 

Altrettanto stimolante il processo di analisi e progettazione svolto per altri brand, come ad esempio la piattaforma web di The Go To Market Company e il sito e-commerce di Officine Marini.


Hai un progetto in mente che coinvolge profondamente questi aspetti? Scrivici e ne parleremo insieme!


Tweets


Red Onion
Red Onion

@RedOnion_Agency

L'evento #JewelsWorld della gioielleria @ScintilleJ, che si è tenuto il 7 ottobre presso il Museo Multimediale di… https://t.co/C15Lu12UdO

Red Onion
Red Onion

@RedOnion_Agency

💪Sei l'eroe dello spareggio di Pescara. 🏅Sei il giocatore con più presenze e gol. ❤️Sei il capitano. E lo sarai sem… https://t.co/4DtiyX71pB

Red Onion
Red Onion

@RedOnion_Agency

🎥 È facile capire perché ci ha emozionato il mini #spot della #ClinicaVeterinaria VetLife. ❤️ https://t.co/3E3qWyXHr4

Foto
Red Onion
Red Onion

@RedOnion_Agency

🌎 "La mia casa è piccola ma le sue finestre si aprono su un mondo infinito." (Confucio) 💪 La tecnologia e imparare… https://t.co/2Iu0zghx70

Red Onion
Red Onion

@RedOnion_Agency

🖥️💻📱 Oggi più che mai, progettare un #sito #web significa concepire design e tecnologia impeccabili su ogni disposi… https://t.co/Zz4J4pw9WR

Red Onion
Red Onion

@RedOnion_Agency

📱 La digital strategy concepita per la campagna di #WebMarketing di @ScintilleJ rimanda a una sensazione diffusa, t… https://t.co/uI19dbu0bs

Red Onion
Red Onion

@RedOnion_Agency

📱 Sempre più utilizziamo lo #smartphone per navigare, con una serie di conseguenze che definiscono una nuova esperi… https://t.co/pUgxaGaYHB

Red Onion
Red Onion

@RedOnion_Agency

❤️ Un pezzo di cuore. È quello che abbiamo lasciato a #PaddyPower, per noi il cliente ideale. Quando si incontrano… https://t.co/wEuXtPyt3G