Prototipazione ad alta fedeltà e bassa fedeltà: cosa, come e perché?

Infatti, i termini “alta fedeltà” e “bassa fedeltà” sono stati usati per la prima volta nella musica rock per descrivere le capacità sonore e di gioco del rock and roll alla fine degli anni ‘ 80. Con il passare degli anni, vengono applicati anche nella progettazione di web/app per riferirsi ai diversi livelli di dettagli e funzionalità integrati in un prototipo.

Tuttavia, quali sono le differenze reali tra loro, come e perché dovremmo scegliere il prototipo ad alta o bassa fedeltà per un design migliore o una ricerca degli utenti?

Di seguito, ti guiderò attraverso le basi e le differenze che si trovano nell’alta fedeltà e nella bassa fedeltà, e spiegherò perché e come sceglierli per realizzare prototipi eccellenti per una migliore progettazione o ricerca degli utenti.

Indice:

• in Primo luogo, che cosa è un prototipo
• che Cosa è una bassa fedeltà prototipo
• che Cosa è un alta fedeltà prototipo
• Differenza tra l’alta fedeltà e bassa fedeltà prototipo
• Come e perché scegliere di hi-fi o low-fi prototipo per una migliore progettazione
• Miglior strumento di prototipazione per il web/app design

in Primo luogo, che Cosa È un Prototipo?

” Un prototipo è un campione iniziale, un modello o una versione di un prodotto creato per testare un concetto o un processo. È un termine usato in una varietà di contesti, tra cui la semantica, il design, l’elettronica e la programmazione del software.”- – – – da Wikipedia.

Quando si tratta di UI / UX design, un prototipo aiuta i progettisti a tradurre le loro idee di design in un modello digitale e tangibile. Possono testare direttamente le parti o tutte le interfacce utente, le interazioni e i flussi UX per vedere se sono praticabili e discutibili.

Inoltre, poiché le esigenze dei team variano, fanno anche il prototipo a bassa fedeltà o il prototipo ad alta fedeltà per testare le loro idee progettuali per scopi diversi.

Che cos’è un prototipo a bassa fedeltà?

Il prototipo low-fidelity-noto come low-tech, low-fi o lo-fi prototype, è un prototipo semilavorato che si concentra su funzione, struttura, processo e fornisce il framework e gli elementi più semplici di una web/app. Viene spesso utilizzato per tradurre idee progettuali in artefatti testabili e tangibili per raccogliere e analizzare le richieste degli utenti nella fase iniziale.

Allora, che cos’è un prototipo ad alta fedeltà?

Il prototipo ad alta fedeltà-noto come high – tech, high-fi o hi-fi prototype, è un prototipo completo e interattivo che è abbastanza vicino ai prodotti finali con un sacco di funzioni, interazioni e dettagli. Viene spesso utilizzato nella successiva valutazione dell’usabilità per scoprire i potenziali problemi che un design web/app potrebbe ancora esistere.

Differenza tra prototipo ad alta fedeltà e Bassa fedeltà

Ancora non conosci le differenze tra prototipi a bassa fedeltà e ad alta fedeltà? Non preoccuparti! Ecco 3 esempi reali di prototipi a bassa fedeltà per aiutarti a saperne di più sui prototipi low-fi:

1. Low Fidelity Motion Prototype Example

Questo prototipo low-fi mostra chiaramente i movimenti del secondo menu senza concentrarsi troppo sui dettagli dell’interfaccia utente.

2. Esempio di prototipo UX a bassa fedeltà per un costruttore di siti Web

Questo prototipo UX a bassa fedeltà presenta chiaramente i layout di pagina, i sistemi di navigazione e i flussi utente di interazioni senza troppi dettagli dell’interfaccia utente. Aiuta i progettisti a testare le ipotesi e trovare rapidamente i problemi UX invisibili.

3.Lo-fi Prototipo Esempio Tender

Questo è un altro buon esempio (creato in Mockplus, uno strumento di prototipazione più semplice, veloce e intelligente) per mostrare i layout principali e i posizionamenti degli elementi di un’app. Anche senza dettagli degli elementi, aiuta i progettisti a rilevare e affrontare potenziali problemi in una fase precedente.

Vedi? Anche senza dettagli dell’interfaccia utente, il prototipo low-fi aiuta a trasmettere idee progettuali e mostrare le principali funzioni, strutture, flussi e interazioni di un web/app facilmente. Porta ai designer molti vantaggi.

Vantaggi dei prototipi a bassa fedeltà:

• Basso costo. Il costo di un prototipo a bassa fedeltà è estremamente basso.
• Veloce. Senza concentrarsi su ogni dettaglio dell’interfaccia, i progettisti possono semplicemente seguire le loro idee di design e creare un prototipo semplice e testabile in pochi minuti.
• Facile da dimostrare, collaborare e iterare. Senza troppi dettagli dell’interfaccia utente, un prototipo low-fi non richiede molte competenze professionali. E più persone possono unirsi e collaborare allo stesso progetto. È anche facile per i progettisti apportare modifiche e iterare il prototipo durante la collaborazione.
• Facile da ottenere un feedback. Poiché un prototipo a bassa fedeltà è facile da trasportare e dimostrare, i progettisti possono anche condividerlo direttamente con altre persone (inclusi i membri del team e le parti interessate) per raccogliere feedback di progettazione.
• Facile da rilevare e affrontare potenziali problemi. Un prototipo a bassa fedeltà consente inoltre ai progettisti di testare facilmente i flussi degli utenti, le interazioni e i menu di navigazione di una web/app. È bene che i progettisti rilevino e affrontino rapidamente potenziali problemi di UI / UX.

Svantaggi dei prototipi a bassa fedeltà:

• Dettagli UI limitati / animazioni / interazioni. Per trasmettere rapidamente le idee, un prototipo a bassa fedeltà viene spesso creato con dettagli dell’interfaccia utente limitati, funzioni, animazioni e interazioni, ecc. Quindi, non è bene per altri designer o membri del team avere una piena comprensione del design web/app.
• I risultati dei test sono limitati e imprecisi. Senza abbastanza dettagli di progettazione, un prototipo a bassa fedeltà, in una certa misura, non può simulare con precisione gli scenari reali dell’utente. Anche i risultati dei test sono inevitabilmente influenzati e imprecisi. Inutilmente dire, quando il prototipo vengono modificati drammaticamente nella fase successiva, i risultati dei test possono essere completamente diversi.

Quindi, se hai solo alcune idee di design, vuoi presentarle con un semplice prototipo, discutere e collaborare con altri designer o membri del team prima di scavare, un prototipo a bassa fedeltà è perfetto per te.

E poi, ecco 3 esempi reali di prototipi ad alta fedeltà per aiutarti a saperne di più sui prototipi high-fi:

1. Job List High Fidelity Prototype Example

Questo prototipo ad alta fedeltà non solo mostra i dettagli dell’interfaccia utente, ma visualizza anche i flussi e le interazioni degli utenti in modo chiaro. I progettisti possono facilmente controllare e testare dettagli molto piccoli per vedere se ci sono ancora alcuni problemi UI/UX.

2. Esempio di prototipo ad alta fedeltà

3. Esempio di prototipo ad alta fedeltà di progettazione del prodotto

Un prototipo ad alta fedeltà consente di trasmettere idee di design con colori ricchi, pulsanti, foto, icone, animazioni, interazioni e ulteriori dettagli.

Vantaggi dei prototipi ad alta fedeltà:

• Dettagli di progettazione ricchi. I prototipi ad alta fedeltà sono costruiti con più foto HQ, colori, animazioni, icone, pulsanti e altri elementi. Ogni elemento è progettato esattamente come se fosse in un vero sito web / app.
• Migliore effetto visivo. Con una grande combinazione di colori, animazioni vivide, layout e altro ancora, un prototipo ad alta fedeltà spesso hanno anche effetti visivi migliori di un prototipo a bassa fedeltà.
• Risultati dei test più accurati. Con dettagli ricchi, un prototipo ad alta fedeltà sembra proprio un vero web / app. È facile per i progettisti simulare gli scenari utente reali e testare il prodotto da tutti gli aspetti possibili, comprese le interazioni, i flussi utente, gli effetti degli elementi e le combinazioni di colori, nonché l’UX. I risultati dei test sono anche molto più accurati.
• Feedback più efficace. Naturalmente, dopo essere stato condiviso con altri designer e membri del team, il feedback ricevuto è anche più efficace per affrontare i problemi esistenti.
• Più attraente per i clienti e le parti interessate. È anche utile per i progettisti presentare chiaramente come dovrebbe funzionare la web/app finale e aiutare ad attirare più clienti, stakeholder e investitori.

Svantaggi dei prototipi ad alta fedeltà:

• Costo più elevato. Un prototipo ad alta fedeltà spesso deve essere creato con uno strumento di prototipazione professionale. Rispetto al prototipo a bassa fedeltà, il suo costo è sicuramente molto più alto.
• Difficile da cambiare e iterare. Quando vengono apportate alcune modifiche, una serie di pagine o elementi in un prototipo ad alta fedeltà anche bisogno di essere modificato allo stesso tempo. Questo può essere fastidioso e richiede tempo.

Quindi, un prototipo ad alta fedeltà è altamente funzionale e interattivo per te e il tuo team per trovare e affrontare alcuni piccoli problemi UI/UX, oltre a ottenere più azionisti e clienti nella fase di progettazione finale.

Come e perché scegliere un prototipo Hi-fi o Low-fi per un design migliore?

Come abbiamo detto sopra, poiché l’alta fedeltà e la bassa fedeltà giocano un ruolo molto diverso nella creazione di progetti di successo, è meglio utilizzarli anche per acquisti diversi o in diverse fasi di progettazione:

1.Perché un prototipo a bassa fedeltà è migliore per te nella fase iniziale di progettazione?

Ovviamente, il prototipo a bassa fedeltà si concentra maggiormente sui concetti di alto livello dei prodotti finali e aiuta a scoprire i potenziali problemi e a risolverli fin dalle prime fasi.

Aiuta a garantire che tu e il tuo team avete scelto e seguito il giusto tema di progettazione e la direzione prima di scavare in.

Quindi, nella fase iniziale di progettazione, quando tu e il tuo team mirate a tradurre rapidamente le idee in prototipi visualizzati, accorciando le iterazioni e raccogliendo il feedback degli utenti, un prototipo a bassa fedeltà è una scelta molto migliore.

In breve, quando è il momento giusto per utilizzare un prototipo low-fi?

• Quando un’idea di design lampeggia nella vostra mente e si desidera convertire in un concreto modello di fretta
• Quando si desidera discutere le vostre idee di design con il vostro partner il più presto possibile
• Quando si vuole verificare se le idee di design sono fattibili e soddisfare le esigenze degli utenti
• Quando si desidera ottenere un feedback da altri membri del team

Perché è ad alta fedeltà di prototipazione meglio al fine fase di progettazione?

E poi, poiché il prototipo ad alta fedeltà spesso presta molta attenzione ai dettagli e alle funzioni di una web/app, è spesso meglio per i progettisti testare la fattibilità dei progetti web/app e attirare più utenti/stakeholder nella fase di progettazione finale.

In breve, quando è il momento migliore per utilizzare un prototipo high-fi?

• Quando il visual design del prodotto è stato fatto
• Quando si desidera testare il web/app particolari, come gli elementi dell’interfaccia utente, le combinazioni di colori e le copie di pagina, ecc
• Quando si desidera provare un’interazione, il flusso di lavoro, il flusso utenti, animazione di transizione, effetti visivi o simili idee di design con pieno i dettagli dell’interfaccia utente
• Quando si desidera conoscere il feedback da altri progettisti e utenti

Come Scegliere il Giusto Strumento di Prototipazione per un Design Migliore?

Non importa se si sceglie un prototipo ad alta fedeltà o bassa fedeltà, l’unico scopo è quello di presentare le vostre fantastiche idee di design in modo più vivido e costruire ottimi prototipi web/app, giusto? Se la tua risposta è “Sì”, il prossimo passo per te è scegliere uno strumento di prototipazione giusto.

Ma ancora non so come? Ecco alcuni suggerimenti per i tuoi riferimenti:

• Prezzo. Il prezzo è sempre il fattore più importante per scegliere uno strumento di prototipazione low-fi o high-fi. Tuttavia, non è l’unico fattore che si dovrebbe prendere in considerazione. Un prezzo economico o costoso non indica nulla. Quello di cui hai bisogno è solo quello che ti si addice meglio.
• Curva di apprendimento. Quanto tempo ci vuole per te e il tuo team per imparare un nuovo strumento è sempre importante mentre scegli uno strumento di prototipazione giusto. Quindi, se non si vuole perdere tempo ad esplorare nuove funzionalità di uno strumento, è meglio per voi a scegliere uno più facile.
• Utilizzo. In questi giorni, ci sono un sacco di strumenti di prototipazione là fuori che forniscono caratteristiche completamente diverse. Per scegliere quello più adatto a te e al tuo team, è meglio sapere quali caratteristiche avrai esattamente bisogno nel tuo processo di progettazione del prodotto. Quindi, è necessario che tu scopra in anticipo le reali esigenze dei membri del tuo team di diversi dipartimenti.
• Lavoro di squadra. Per discutere idee di design e ottenere feedback da altri membri del team tempestivo, la maggior parte dei progettisti/team di progettazione preferiscono scegliere uno strumento di prototipazione che supporta il lavoro di squadra. Ti serve anche quello? Se lo fai, uno strumento che consente a te e al tuo team di comunicare e collaborare liberamente online è un’opzione migliore.
• Fedeltà. Bene, mentre si sceglie uno strumento di prototipazione, è anche necessario prendere in considerazione la fedeltà.
• Integrazione. Un altro fattore che dovresti considerare è vedere quanto bene lo strumento di prototipazione si adatta al tuo processo di progettazione. In questi giorni, nel caso in cui gli utenti debbano cambiare spesso gli strumenti durante la progettazione, molti strumenti di prototipazione sono integrati con altri strumenti, come Sketch, PS, Facebook, Slack e altro ancora.

Nel complesso, spero che questi suggerimenti possano aiutarti a scegliere uno strumento giusto.

3 migliori strumenti di prototipazione a bassa fedeltà

Ecco i 3 migliori strumenti di prototipazione a bassa fedeltà per i tuoi riferimenti:

Carta e penne

Con lo strumento più semplice e veloce, penne e carta ti aiuteranno a disegnare le tue idee in modo semplice e veloce, e i membri del team. Anche se a volte ho bisogno di usare software di prototipazione per disegnare, di solito preferisco usare penne e carta per chiarire prima le mie idee.

Pro:

• Completamente gratuito
• Veloce
• Facile da avviare

Contro:

• Non smart interazioni e animazioni
• non È possibile visualizzare tutte le vostre idee in modo chiaro
• non Si possono discutere e verificare ogni dettaglio

Mockplus

Mockplus è un potente a bassa fedeltà strumento di prototipazione che ottiene molta attenzione negli ultimi anni. Esso consente di tradurre idee progettuali in prototipi interattivi, test, condividere e iterare con facilità. La sua funzione di collaborazione e gestione del team aiuta anche a migliorare l’efficienza del lavoro senza sforzo.

Pro:

• Fornire Oltre 200 componenti predefiniti e 3000 pre-progettati icone
• Creare interazioni con un semplice drag-and-drop
• fornisce molte opzioni per esportare le pagine e prototipi
• Fornire numerosi esempi e progetti
• Fornire molti modi per condividere e testare un prototipo online o sul cellulare
• Comunicare, commento e collaborare un prototipo online
• Integrare con Schizzo

Contro:

• Non completamente gratuito

Balsamiq mockups

Basamiq è un semplice strumento di prototipazione a bassa fedeltà che permette di disegnare le vostre idee di design su una lavagna direttamente. È davvero utile quando ti concentri solo sulle strutture e sul concetto generale del tuo design.

Contro:

• Fornire una libreria UI dipinta a mano incorporata
• Esporta direttamente i disegni in immagini PNG/PDF

Contro:

• Mancanza di interazioni di base durante i progetti di prototipazione

2 I migliori strumenti di prototipazione ad alta fedeltà

Marvel App

Marvel app è un potente strumento di prototipazione ad alta fedeltà che supporta la creazione di wireframe, prototipi e mockup in modo collaborativo online. Esso consente di caricare direttamente le immagini (tra cui il JPF, GIF e PSD) e aggiungere animazioni per loro di creare prototipi interattivi rapidamente.

Mockplus Cloud

Mockplus Cloud è uno strumento professionale di collaborazione di progettazione online che consente a product manager, designer e sviluppatori di lavorare insieme online con specifiche automatiche, risorse e frammenti di codice.

Viene anche utilizzato come strumento di prototipazione ad alta fedeltà all-in-one. È possibile caricare facilmente progetti con risorse e dettagli specifici da Sketch / PS / Adobe XD e aggiungere comandi di interazione avanzati per creare prototipi interattivi e ad alta fedeltà.

Per un team di prodotto, il prototipo appena creato può anche essere condiviso con un link e ottenere feedback in tempo reale.

In breve, in questi giorni, per attirare molti più utenti, vengono creati molti strumenti di prototipazione per soddisfare le esigenze degli utenti il più possibile. Non sembra esserci un confine chiaro tra uno strumento di prototipazione low-fi e high-fi.

Quindi, per scegliere uno strumento di prototipazione giusto, è meglio per voi e il vostro team di prendere più opzioni di strumento per il test.

Wrap Up

Non importa quali siano le differenze la prototipazione low fidelity e high fidelity sono, come e perché si sceglie low fidelity o high fidelity prototipazione per una migliore progettazione o ricerca utente, un buon strumento di prototipazione, come il più facile e veloce, Mockplus, spesso significa molto per voi per creare un eccellente web/app con belle interfacce e buone esperienze utente. Spero che questo articolo possa ispirarti comunque.

Potrebbe piacerti anche:

Quali strumenti di prototipazione hai bisogno per la progettazione UX?

Quali sono i vantaggi della prototipazione? Come fare la maggior parte di esso?

Collaborazione in team di strumenti di prototipazione: Axure VS Mockplus

Wireframe vs Mockup vs Prototype & Selezione di strumenti di prototipazione