Iniziare con la progettazione dell'interfaccia

In questo articolo esaminiamo cinque campi sui quali dovresti mirare per saperne di più al fine di creare un design dell'interfaccia. Questi campi includono Progettazione dell'esperienza, Progettazione dell'interazione, Architettura dell'informazione, Progettazione centrata sull'utente e Progettazione della GUI (Graphic User Interface).

Questo post è il primo giorno della nostra sessione di progettazione dell'interfaccia. Sessioni creative Sessione Giorno 2 "

introduzione

Ricordi quando i web designer hanno creato siti o applicazioni basati su ciò che ritenevano bello e funzionante? Quel processo di pensiero, anche se a volte ancora implementato, è una cosa del passato. Il campo del design dell'interfaccia si concentra strettamente sull'utente, la persona che utilizzerà effettivamente l'interfaccia, piuttosto che progettare per il progettista.

Il design dell'interfaccia non è un nuovo concetto. Le persone hanno progettato per tutto il tempo che i prodotti sono stati realizzati. I settori che sono relativamente nuovi sono quelli che hanno migliorato il design dell'interfaccia. Diamo un'occhiata più da vicino.

Esperienza di design

Tutto ciò che fai è un'esperienza, quindi perché non creare ciò che facciamo più attentamente per massimizzare quelle esperienze? Il design dell'esperienza fa proprio questo.

L'esperienza del design è un campo relativamente nuovo e imminente. Come in ogni nuovo campo, stiamo assistendo all'esplosione del buzz word usage in tutto il web, ma è importante capire cosa viene effettivamente discusso. Molti veterani dell'esperienza utente affermano che molte persone stanno taggando le lettere UX sulla loro pagina di curriculum o servizi, ma ancora faticano a definirla effettivamente.

Experience Design è discusso nel blog di A List Apart di Bob Jacobson. Egli dichiara:

I designer dell'esperienza si sforzano di creare esperienze che producano percezioni, cognizioni e comportamenti desiderati tra "utenti", "clienti", "visitatori" o "pubblico" dei loro clienti. Sotto la rubrica dell'esperienza-design, i progettisti di molte specializzazioni lavorano con successo tra di loro e con i professionisti del non-design.

Whitney Hess, uno straordinario consulente di esperienza utente, ha scritto un grande articolo che sfatasta 10 miti comuni associati alla progettazione dell'esperienza utente. Se sei nuovo all'idea del design UX, questo è un ottimo posto per capire le idee sbagliate più comuni.

Per saperne di più

  • Esperienza Design by A List Apart
  • Libro: Experience Design
  • Esperienza Manifesto di design
  • Design dell'interfaccia utente per principianti, intermedi o esperti?
  • Userability Podcast di UIE

Design interattivo

Il design dell'interazione, come IA, ha un'organizzazione associata ad esso chiamata The Interaction Design Association (IxDA). IxD viene spesso indicato come il campo che guida gli utenti a una determinata azione. Questa citazione è dal loro sito web:

"I designer di interazione si sforzano di creare prodotti e servizi utili e utilizzabili. Seguendo i principi fondamentali del design centrato sull'utente, la pratica del design dell'interazione si basa sulla comprensione degli utenti reali: i loro obiettivi, compiti, esperienze, bisogni e desideri. dal punto di vista dell'utente, cercando di bilanciare le esigenze degli utenti con gli obiettivi di business e le capacità tecnologiche, i designer di interazione forniscono soluzioni a sfide di progettazione complesse e definiscono prodotti e servizi interattivi nuovi e in evoluzione ".

Come nuove interfacce hanno presentato nuovi problemi per risolvere questo campo è cresciuto. IxD si è evoluto per facilitare le interazioni tra le persone e l'ambiente in cui interagiscono. Tipicamente IxD tratta solo le interazioni tra utenti e computer, comunemente chiamate interazione uomo-computer.

Alcuni dei concetti principali su cui si concentrano i designer di interazione online comprendono il design orientato agli obiettivi, "l'interfaccia come magia", l'usabilità e l'apprendimento. Il design guidato dall'obiettivo comprende che ci sono vincoli in un'interazione e deve formulare una soluzione. Quando qualcuno visita un sito Web, ha degli obiettivi che desidera raggiungere. IxD capiscono questi obiettivi e aiuta a garantire che siano facilmente realizzabili.

L'idea di "interfaccia come magia" si spiega facilmente dicendo che le migliori interazioni non esistono, non fanno pensare gli utenti e funzionano. L'usabilità è caratterizzata dalla facilità dei tentativi delle persone di raggiungere un obiettivo. L'apprendimento è costituito da concetti familiari. Questi includono cose che generalmente fai sul tuo sistema operativo e sul web, sia che chiudi una finestra o scorri verso il basso la pagina.

Per saperne di più

  • 43 Controlli essenziali per applicazioni Web
  • Yahoo! Design Pattern Library
  • Completa la guida per principianti al design dell'interazione
  • EightShapes Unify Resources
  • Book: About Face 3: The Essentials of Interaction Design
  • Jon Kolko su design che cambia comportamento umano

Informazione architettura

La IA è stata descritta come l'ottimizzazione per il modo in cui la gente pensa. Spiegare l'architettura delle informazioni è stato di moda ultimamente con la competizione Explain IA ospitata dall'Istituto IA. Le grandi annotazioni che si sono presentate potrebbero probabilmente fare un lavoro migliore per spiegare il campo di quanto io potrei.

L'architettura dell'informazione è un processo che potrebbe passare inosservato agli inesperti se è fatto bene. Tuttavia, se manca, la frustrazione che può causare è ovvia. Informazioni Gli architetti organizzano le informazioni. L'IA Institute lo definisce come: "L'arte e la scienza dell'organizzazione e dell'etichettatura di siti Web, intranet, comunità online e software per supportare l'usabilità e la reperibilità".

Ma cosa fanno esattamente? Ricercano il pubblico e gli affari. È importante imparare il più possibile dagli utenti e dalle parti interessate. Possono farlo attraverso l'ordinamento delle carte, i test di usabilità e il polling dell'utente. Prendendo le conoscenze acquisite, analizzano i dati. In questo passo l'IA funziona mano nella mano con i progettisti e gli sviluppatori per aiutare a realizzare gli obiettivi raggiunti dalla ricerca. Infine, in termini semplici, sviluppano l'etichettatura, la navigazione e le strutture del sito. Lo fanno attraverso mappe del sito, diagrammi di flusso del sito e wireframe per illustrare come il sito scorrerà da una prospettiva pratica.

Per saperne di più

  • Guida completa per principianti all'architettura dell'informazione
  • Architettura delle informazioni 2.0
  • Libro: Architettura dell'informazione per il World Wide Web

Design del centro utenti

User Centered design è un processo di progettazione che considera l'utente in ogni fase del processo. Riguarda molti degli altri campi che descrivo in questo post, ma nel complesso è una tecnica che spazia dalla pianificazione del tuo sito alla scrittura di contenuti che si concentra sulle esigenze dei tuoi utenti.

Il processo potrebbe includere la pianificazione del sito, la raccolta di dati dagli utenti, lo sviluppo di prototipi, la scrittura di contenuti e la conduzione di test di usabilità con gli utenti. Usability.gov descrive il primo passo per coinvolgere chiaramente la definizione dell'organizzazione, le esigenze, gli obiettivi e gli obiettivi degli utenti. Con queste cose documentate e in mente, allora un design non assume più la forma di ciò che un designer percepisce come ciò che gli utenti potrebbero pensare, ma invece di ciò di cui gli utenti hanno realmente bisogno.

Cennydd Bowles fa una chiara distinzione nel suo post sul blog I pericoli della persuasione quando si confronta User Centered Design con Persuasion Design. Dà un grande esempio quando afferma che l'UCD mira ad aumentare l'efficienza dell'utente e, a sua volta, creerà più referral di passaparola. L'obiettivo non è quello di guidare il traffico attraverso il marketing, dove i risultati sono molto più facili da misurare. Ovviamente questa mancanza di analisi disponibili crea spesso un ambiente in cui è difficile vendere UX.

Per saperne di più

  • Usability.gov Design centrato sull'utente
  • User-centered design (UCD) - 6 metodi
  • I pericoli della persuasione

Progettazione grafica dell'interfaccia utente (GUI)

Qualcuno deve prendere tutte le decisioni di progettazione informate e di ricerca e renderle attraenti e mirate, giusto? La prima cosa che molti pensano quando si considerano le GUI possono essere le interfacce del futuro ritratte in film come Iron Man o Minority Report.

Tuttavia, l'interfaccia grafica utente non consiste solo nella progettazione grafica. Raccoglie tutte le idee trattate in altri campi in un'interfaccia finale (eventualmente utilizzabile). La progettazione grafica dell'interfaccia utente ha raggiunto un aspetto molto importante della progettazione dell'interfaccia, in questo è l'interfaccia creata e progettata per interagire con gli utenti in più modi rispetto alla semplice digitazione. La GUI, essendo predestinata da altri campi, riunisce il progetto finale che gli utenti possono vedere.

Un classico esempio di design della GUI è uno dei sistemi operativi. L'utente interagisce con l'applicazione che interagisce con il sistema operativo, che interagisce con l'hardware - e viceversa. Questa serie di interazioni è resa possibile dalla GUI.

Per saperne di più

  • I progettisti di interfacce utente dovrebbero essere in grado di costruire ciò che progettano?
  • Disaccoppiamento dell'usabilità e delle immagini

Pensieri di chiusura

Mi piacerebbe lasciarti con questo pensiero di Luke W. trovato su InspireUX:

I progettisti trascorrono gran parte del loro tempo a pensare ai problemi dall'esterno. In contrasto con gli approcci "dentro e fuori" che caratterizzano le agende aziendali, questa metodologia si concentra sulla prospettiva dei clienti e degli utenti finali quando analizzano e creano soluzioni. Applicare questa prospettiva al lavoro strategico crea una rilevanza più genuina. "

Mentre prosegui con il tuo prossimo progetto di interfaccia, ti sfido a pensare a ogni passo che fai. Chiediti quali campi potresti imparare di più per rendere la tua interfaccia molto più efficace.


Questo post è il primo giorno della nostra sessione di progettazione dell'interfaccia. Sessioni creative Sessione Giorno 2 "