Share
Il design moderno della tecnologia richiede un alto grado di interattività: le barre di navigazione cambiano con la posizione di scorrimento dell'utente, le caselle si espandono al clic per mostrare e nascondere le informazioni di supporto, gli elenchi vengono trascinati e riordinati per riordinarli, ecc. I progettisti devono considerare tutte le possibili interazioni dell'utente creare l'esperienza utente più snella e intuitiva nei loro prodotti.
La condivisione e la distribuzione di progetti interattivi possono assumere una varietà di formati a seconda di ciò che si sta tentando di realizzare e di chi si sta consegnando a.
In questo post, ti guiderò attraverso vari approcci di prototipazione e descriverò in quali contesti sceglieresti ciascuno. In definitiva, le diverse metodologie descritte di seguito hanno tre aspetti da considerare al momento di decidere su quale percorso intraprendere:
Userò illustrazioni che dimostrano i livelli di ognuno di questi per tutti i metodi di prototipazione che copriamo.
Il Web iniziale era basato sullo stato: facendo clic su un collegamento mi portava a un'altra pagina, che conteneva una raccolta di collegamenti che mi portarono alle pagine successive e così via. Una comprensione di Javascript era un set di abilità avanzate e strutture ancora da sviluppare che faciliterebbero un uso più facile della lingua. Pertanto, i componenti interattivi erano rari. I prodotti statici dei progettisti soddisfano le esigenze di questi prodotti tecnologici: poiché c'erano pochi componenti interattivi e in movimento, i design potevano essere rappresentati in modo efficace da comp statici creati in Photoshop, InDesign e altri strumenti di layout di stampa.
Con il progredire della tecnologia, la comprensione dei vantaggi di un più alto grado di interattività nell'esperienza utente ha portato a una maggiore esperienza dell'esperienza utente in relazione all'interazione. La natura degli strumenti di progettazione statica, tuttavia, rende difficile rappresentare idee progettuali interattive data la mancanza intrinseca di componenti interattivi dei deliverable. In definitiva, ciò ha portato alla proliferazione di strumenti di prototipazione al fine di elaborare in modo più efficace concetti di progettazione interattiva.
I prototipi presentano due principali vantaggi che mancano di risultati statici:
In quanto tali, possono essere un meccanismo molto efficace per fornire idee di design.
Tuttavia, a seconda della struttura del progetto e dei suoi obiettivi, i deliverable statici - "prototipi di carta" - possono ancora essere efficaci nel processo di progettazione. Se il prodotto è rappresentato meglio attraverso un'architettura di informazioni basata sullo stato, per esempio, i deliverable statici funzionano perfettamente. Inoltre, se la struttura del team fornisce molte comunicazioni tra i team e un processo di progettazione / sviluppo iterativo altamente agile, i deliverable statici possono essere efficaci. Nel determinare quale percorso intraprendere, è necessario considerare la struttura di comunicazione dell'organizzazione, le parti interessate coinvolte e il grado di interattività richiesto nel prodotto finito al momento di decidere se procedere con prototipi statici o prototipi più robusti.
Prototipazione cartaceaI prototipi di fedeltà fedele tentano di colmare il divario tra le restrizioni dei compst statici e dei wireframe, includendo un deliverable che può illustrare alcuni dei concetti di progettazione interattiva, ma manca della raffinatezza di un prodotto finito. Il sistema di progettazione visiva potrebbe non essere completamente concettualizzato, ad esempio, e il progettista potrebbe scegliere di rappresentare le informazioni in bianco e nero, usando segnaposto per il contenuto al fine di presentare una visione proposta dell'architettura dell'informazione.
Tali risultati sono popolari tra i progettisti che si considerano interamente di persuasione UX, in quanto potrebbero essere meno comodi concepire come un'architettura dell'informazione si traduca in un sistema di progettazione visiva. Questi tipi di prototipi sono spesso accompagnati da comps statici "visivamente progettati" per dare una rappresentazione più robusta del prodotto finale.
Al contrario, altri prototipi di lo-fedeltà possono presentare un alto grado di lucidità nel design visivo, ma mancano di stati interattivi robusti. Molti strumenti di prototipazione consentono ai progettisti di definire facilmente "aree sensibili", hotspot che al clic portano l'utente a un'altra pagina o sezione del progetto. Ciò è utile per i visual designer, poiché possono concentrarsi maggiormente sulla creazione degli aspetti visivi di una gerarchia di informazioni, quindi collegare successivamente i loro progetti per illustrare il flusso degli utenti. Tuttavia, la creazione di interazioni più solide e sofisticate è limitata in questo processo di progettazione.
Sia la fedeltà che i prototipi di carta, quindi, richiedono un alto livello di comunicazione tra design, sviluppo e stakeholder chiave, in quanto i risultati finali sono solo un'approssimazione del prodotto finito. O il sistema di progettazione visiva o interattiva è sottorappresentato, e alla fine tali deliverable affrontano molti degli stessi rischi delle comps statiche: incomprensione delle idee progettuali con conseguente spreco di tempo di sviluppo, la necessità di presentare idee sofisticate verbalmente o per iscritto, perdite di tempo nelle riunioni che elaborano idee progettuali sottorappresentate, ecc.
Un altro potenziale problema è l'eccessiva frammentazione delle idee progettuali, che può risultare in un design mal concepito privo di unità. Per quanto le organizzazioni amano segmentare la responsabilità in ruoli separati (UI, UX, Visual, Interaction, ecc.), Il design è una disciplina contingente alla creazione di
"Qualcosa che è fatto di molte parti ed è ancora in qualche modo più o meno diverso dalla combinazione delle sue parti" - Gestalt
Nel contesto del design, quindi, l'eccessiva frammentazione delle responsabilità senza un approccio unificato alla creazione del prodotto spesso si traduce in un prodotto scarsamente concettualizzato. Il prodotto potrebbe essere paralizzato creando interazione, interfaccia, esperienza e design visivo in vuoti separati.
A seconda del contesto, i prototipi di lo-fedeltà possono essere un buon meccanismo per la consegna del design. Sono spesso efficaci nel fornire nuovi prodotti all'interno di un sistema di progettazione visiva già consolidato. Il modo in cui le diverse interazioni sono presentate visivamente è già stato stabilito, quindi il modo in cui un utente passa attraverso un'applicazione in modo interattivo è l'obiettivo principale del deliverable.
Prototipazione fedeltaMostrando l'interezza di un design - il suo design visivo, interfaccia e esperienza - il prototipo hi-fidelity è il santo graal dei prodotti interattivi del design. In un prototipo hi-fidelity, le parti interessate, gli sviluppatori e gli utenti possono interagire pienamente con il deliverable, offrendo numerosi vantaggi all'organizzazione.
Innanzitutto, i prototipi ad alta fedeltà garantiscono una comunicazione più efficace ed efficiente tra i reparti. Spesso il tempo viene risparmiato poiché gli sviluppatori possono comprendere appieno come è strutturata un'interazione prima di intraprendere il percorso sbagliato e sprecare tempo prezioso per lo sviluppo. Gli stakeholder apprezzano anche i prototipi hi-fidelity, in quanto possono cogliere appieno i concetti di design interattivo e visivo in un risultato consolidato. I prototipi ad alta fedeltà, quindi, risparmiano risorse garantendo una comunicazione efficace delle idee di progettazione a sviluppatori e stakeholder.
Un altro vantaggio della creazione di prototipi hi-fidelity è la loro facilitazione di una più solida ricerca sull'esperienza utente. Un utente può interagire pienamente con il prototipo, illustrando in tal modo le lacune nel design in tempo reale. Molti prototipi ad alta fedeltà consentono l'introduzione del software di analisi nel deliverable stesso, oltre a fornire ulteriori metodi di supporto per condurre la ricerca degli utenti. Google Analytics può essere incorporato in prototipi generati da HTML, ad esempio facilitando gli esperimenti degli utenti e il test A / B. In definitiva, la possibilità di incorporare i test degli utenti in precedenza nel ciclo di vita dello sviluppo del prodotto crea un processo più efficiente e produce un prodotto migliore: il tempo di sviluppo viene salvato mentre il progetto viene modificato prima di essere costruito e le iterazioni avvengono prima della prima versione del Prodotto.
Inoltre, in base alle parti interessate, un prototipo di alta fedeltà può aumentare il potenziale di vendita, incidendo quindi direttamente sui profitti dell'azienda. A CrossCap, stiamo progettando moduli per la manipolazione e l'analisi delle campagne di marketing presso i più grandi rivenditori al mondo. La vendita di un cliente su un particolare modulo, molti dei quali devono ancora essere sviluppati, è molto più semplice quando il cliente può sedersi e interagire pienamente con il prodotto futuro. La realizzazione di prototipi interattivi hi-fidelity, quindi, ha contribuito al risultato economico dell'azienda aumentando le vendite.
Ci sono molti vantaggi nella produzione di prototipi interattivi hi-fidelity. Sfortunatamente, molti strumenti di prototipazione attuali mancano della raffinatezza per rappresentare concetti di design sia visivi che esperienziali. Gli strumenti di prototipazione odierni sono limitati nel loro ambito, specializzandosi nell'uno o nell'altro. Axure, ad esempio, dispone di una robusta suite di interaction design, che consente di manipolare facilmente gli elementi, ma non ha la raffinatezza fornita da altri strumenti più visivamente orientati, come palette di colori, manipolazione avanzata della forma, ecc..
Dall'altra parte dello spettro si trovano strumenti come Quartz Composer, che ti consentiranno facilmente di incorporare comp sofisticate di visual design, ma illustrando requisiti avanzati di interazioni elaborano la manipolazione delle patch e la conoscenza avanzata dello strumento.
Origami il toolkit Quartz Composer di FacebookData la mancanza di un approccio olistico e gestaltista alla progettazione della tecnologia, la creazione di prototipi hi-fidelity pone un carico maggiore sul reparto progettazione, poiché gli strumenti devono essere accuratamente massaggiati per produrre il risultato desiderato. Per creare prototipi ad alta fedeltà, ad esempio, abbiamo dovuto hackerare in Axure per iniettare JavaScript orientato all'interaction design direttamente nell'html generato. Usare Sketch con framer.js ha posto problemi simili, richiedendo un flusso di lavoro avanzato in base a un approccio interdisciplinare alla progettazione.
Il nostro team di progettazione elimina queste barriere nella creazione di prototipi interattivi hi-fidelity attraverso una struttura multidisciplinare del team: abbiamo un team che spazia dai visual designer altamente competenti agli sviluppatori front-end code-centric, oltre a pochi membri che stanno a cavallo tra . Ciò consente a ciascun membro di utilizzare le proprie competenze nel contribuire a un singolo deliverable di natura più robusta. Di conseguenza, la struttura del team crea un maggiore livello di efficienza, fa risparmiare tempo e risorse e contribuisce al potenziale di vendita dei nostri prodotti. Mentre alcune organizzazioni segmentano il team di progettazione e i loro risultati in unità diverse (interfaccia utente in Photoshop, UX in Axure, ecc.), La forza del nostro team consiste nell'unificare vari set di competenze con un unico obiettivo e consegnabili.
Prototipazione ad alta fedeltàCi sono molti vantaggi nella produzione di prototipi hi-fidelity nella progettazione di prodotti tecnologici: risparmiano tempo di sviluppo, creano una comunicazione più efficace tra i reparti e le parti interessate, contribuiscono a un processo più efficiente e, a seconda dell'organizzazione, aumentano il potenziale di vendita. In definitiva, tuttavia, la decisione su quale strada intraprendere dovrebbe dipendere dall'organizzazione, dagli stakeholder, dalla tempistica, dalla natura del deliverable, dal livello di comunicazione tra i reparti e dalla filosofia di sviluppo del prodotto dell'organizzazione..
L'efficacia del design è misurata nella sua esecuzione. Mentre i prototipi hi-fidelity facilitano l'esecuzione di idee progettuali fornendo una comunicazione più efficace che si traduce in una migliore appropriazione delle risorse, non sono in alcun modo l'unico veicolo sul percorso verso la creazione di un grande prodotto. Quando consideri quale strada intraprendere per creare i tuoi risultati finali, considera i pro ei contro delle diverse metodologie sopra elencate, le risorse del tuo team e le sue competenze, la tua struttura organizzativa e la tua filosofia e chi stai consegnando il design al fine di intraprendere il meglio percorso e creare il miglior prodotto.
Nel mio prossimo post illustrerò questi approcci di prototipazione di alto livello con esempi di ciascun formato disponibile per guidare ulteriormente verso la giusta direzione da intraprendere con i risultati interattivi.
Accentsconagua