4 motivi per cui le aziende intelligenti creano prototipi interattivi

Pubblicato: 2015-12-11

[ Proto .io è uno strumento leader per la prototipazione di app mobili utilizzato da imprenditori e startup per creare prototipi realistici completamente interattivi che sembrano app reali.]

Il prototipo dell'app mobile è molto più che mostrare la tua idea ai tuoi investitori: è anche un potente strumento di test e marketing che funziona duramente durante tutto il ciclo di vita del progetto di app mobile, dall'ideazione alla garanzia della qualità. Prototipi interattivi ben eseguiti possono anche aiutare a prevenire una serie di disastri nella progettazione dell'interfaccia utente mobile, dalle schermaglie tra designer e sviluppatori (sì, possono anche essere amici!) agli SNAFU di budget.

Ma troppo spesso le aziende abbreviano il processo di prototipazione, rifiutandosi di investire negli strumenti giusti o saltando prematuramente nelle fasi di progettazione e sviluppo della creazione di un'app mobile. Dopotutto, tempo e denaro sono risorse limitate e quando si avvicina una grande scadenza può essere allettante ricorrere a diapositive di PowerPoint con approssimazioni statiche e bidimensionali dell'aspetto della tua app. (Ma ehi, almeno batte uno schizzo sul retro di un tovagliolo!)

I prototipi interattivi racchiudono un fattore molto più "wow" rispetto ai wireframe piatti.

using_interactive_prototypes_720

I giorni in cui si inviavano PDF piatti di wireframe sono finiti da tempo e buona sbarazzarsi di loro. Mentre simulare il design dell'interfaccia utente mobile in Photoshop o InDesign e inviare immagini ad alta risoluzione potrebbe mostrare il tuo senso del design visivo in termini di teoria del colore, tipografia, proporzione e altri elementi di base del design, i wireframe piatti delle app mobili sono estremamente limitati in ciò che comunica ai tuoi clienti, potenziali utenti o finanziatori.

Immagina di essere l'amministratore delegato di un'azienda che è estremamente brava in quello che fa - forse è un'azienda di cloud computing o una boutique di trucco pop-up - ma non necessariamente sai molto sulla buona progettazione o sviluppo di app mobili. Dopotutto, è per questo che stai assumendo un'agenzia. Hai più agenzie che si candidano per la tua attività, ma solo una di loro otterrà il contratto.

L'agenzia A ha un portafoglio impressionante e un elenco di clienti che include più società Fortune 500 e hai sentito attraverso il passaparola che il suo team di sviluppo è il migliore del settore. L'agenzia B è un'azienda più piccola, ma sei incuriosito da ciò che hai visto nel suo portafoglio finora e sai che i loro prezzi sono più competitivi.

L'agenzia A progetta app mobili da così tanto tempo che è caduta in uno schema affidabile nel suo processo. Ti inviano un PDF di un potenziale concetto di app mobile, schermata per schermata. Ogni wireframe è annotato per spiegare cosa fa ciascuna funzione, ma c'è del vocabolario con cui non hai familiarità e il superamento della curva di apprendimento potrebbe richiedere più tempo di quanto tu abbia prontamente disponibile. Ancora una volta, sei il CEO molto impegnato di un'azienda di grande successo.

L'agenzia B ti invia un prototipo interattivo del suo concetto di app mobile. Non ci sono annotazioni da leggere, nessun nuovo vocabolario che devi imparare: solo un file prototipo digitale che puoi visualizzare nel tuo browser o nel tuo dispositivo mobile preferito. Puoi guardare il prototipo interattivo mentre sei in taxi mentre vai alla tua prossima conferenza o tirarlo su sul tuo laptop mentre incontri i project manager per un nuovo incarico.

Il prototipo interattivo dell'Agenzia B sembra e si sente come un'app mobile finita. Puoi navigare facilmente da uno schermo all'altro, i pulsanti restituiscono un feedback tattile quando li premi o scorri e senza alcuna competenza nella progettazione di app mobili, hai un'idea perfetta di ciò che l'Agenzia B sta cercando di realizzare con il loro concetto. Ciò significa che non devi programmare tutto il tempo per incontrarli per discutere del discorso e puoi dedicare più tempo ai tuoi progetti più urgenti.

Con quale agenzia firmeresti un contratto?

La creazione di prototipi interattivi non deve richiedere più lavoro

"In teoria è fantastico", potresti pensare, "ma con molte scadenze da rispettare e larghezza di banda limitata, non è realistico creare un prototipo completamente interattivo per ogni passo di progettazione di app mobili".

prototipo 2

Con gli strumenti giusti, la creazione di un prototipo interattivo realistico non deve essere più difficile della creazione di un wireframe piatto, anzi, può essere più semplice e veloce. Con librerie di progettazione dell'interfaccia utente piene di elementi pronti per l'uso in un'interfaccia drag-and-drop, strumenti come Proto.io ti consentono di abbozzare un prototipo interattivo, completo di animazioni e altri elementi rich media, in pochi minuti.

Considera quanto tempo impiegheresti a creare un wireframe in Photoshop o InDesign, usando i livelli per mostrare le transizioni tra gli schermi e dovendo salvare una nuova immagine per ogni vista. Quindi, se devi apportare una modifica alla tua interfaccia utente che influisca su ogni schermata (ad esempio, una modifica del carattere), devi salvare una nuova immagine per ciascuna di queste viste separate. Questo prima di aggiungere le annotazioni necessarie per spiegare il flusso della tua app mobile al client.

Raccomandato per te:

Cosa significa la disposizione anti-profitto per le startup indiane?

Cosa significa la disposizione anti-profitto per le startup indiane?

In che modo le startup Edtech stanno aiutando il potenziamento delle competenze e a rendere la forza lavoro pronta per il futuro

In che modo le startup Edtech stanno aiutando la forza lavoro indiana a migliorare le competenze e a diventare pronte per il futuro...

Azioni tecnologiche new-age questa settimana: i problemi di Zomato continuano, EaseMyTrip pubblica stro...

Le startup indiane prendono scorciatoie alla ricerca di finanziamenti

Le startup indiane prendono scorciatoie alla ricerca di finanziamenti

Secondo quanto riferito, la startup di marketing digitale Logicserve Digital ha raccolto INR 80 Cr in finanziamenti dalla società di gestione patrimoniale alternativa Florintree Advisors.

Piattaforma di marketing digitale Logicserve Borse INR 80 Cr Finanziamenti, rinomina come LS Dig...

Il rapporto avverte di un rinnovato controllo normativo sullo spazio Lendingtech

Il rapporto avverte di un rinnovato controllo normativo sullo spazio Lendingtech

Sebbene la modifica di un processo a cui sei abituato possa comportare una curva di apprendimento iniziale e un po' di adattamento all'inizio, alla fine può essere una manovra che ti fa risparmiare tempo. Nel caso dei prototipi interattivi, potenzialmente risparmierai non solo tempo, ma anche contratti, contratti che altrimenti avrebbero potuto essere acquisiti da un'agenzia meno talentuosa, ma meglio attrezzata, che aveva un prototipo interattivo più appariscente.

Puoi iniziare a testare gli utenti molto prima nel ciclo di vita del progetto.

prototipo3

Ciò che accade nella fase di test e garanzia della qualità del ciclo di vita della tua app mobile può creare o distruggere il tuo progetto, determinando se la tua app offre un'esperienza magica agli utenti o si arresta in modo anomalo non appena la scaricano, finendo direttamente nel cestino quasi con la stessa rapidità con cui ha trovato un posto nella schermata dell'app.

Durante l'esecuzione di test e QA sul tuo prototipo interattivo ovviamente non eliminerai nessuno dei bug o dei problemi di prestazioni che vedrai nel prodotto finale, quello che puoi fare è eseguire il controllo qualità su tutto il contenuto, in modo che nel tempo il tuo il test finale e il processo di controllo qualità arrivano, puoi concentrarti esclusivamente su problemi interattivi. Un QA dei contenuti comprende molti aspetti importanti, tra cui:

Un controllo di integrità del design visivo.

L'interfaccia utente generale, beh, sembra buona ? Tipo, davvero buono? Poiché il tuo prototipo interattivo è visivamente quasi identico al prodotto finale, puoi apportare qualsiasi modifica al design in questa fase del gioco, prima ancora che i tuoi sviluppatori inizino a pensare a costruire la beta.

Alcune cose che potresti rilevare includono errori tipografici (le dimensioni dei caratteri sono coerenti? Questo carattere tipografico presenta problemi di leggibilità?), problemi generali di dimensioni e proporzioni (particolarmente importanti quando si progetta per più dispositivi o sistemi operativi) e persino problemi di accessibilità visiva (questa tavolozza è accessibile a persone con daltonismo? Gli utenti possono configurare facilmente le opzioni di accessibilità?).

Un controllo delle linee guida del marchio.

A seconda del tuo marchio o del marchio del tuo cliente, alcune scelte di design possono essere o meno kosher. C'è abbastanza spazio intorno al logo? Ci sono determinati caratteri tipografici o tavolozze di colori a cui il tuo design deve aderire? Alcune scelte di copia sono legalmente verboten? Martellare questi dettagli nel tuo prototipo interattivo significa non doversi preoccupare di loro quando l'app è già stata codificata.

Test A/B sulla tua interfaccia utente.

Il test A/B è un modo efficace per ottimizzare l'interfaccia utente per l'usabilità, l'aspetto estetico e il fattore "wow" generale. Anziché attendere la fase beta della tua app mobile per eseguire i test A/B, costringendoti a creare due versioni dello stesso concetto, puoi utilizzare il tuo prototipo interattivo per scegliere tra combinazioni di colori, elementi di design, interazioni, messaggistica e altro ancora . In questo modo, hai un feedback iniziale dell'utente per perfezionare il tuo design prima di iniziare lo sviluppo.

I prototipi interattivi sono potenti risorse di marketing dei contenuti.

Quando si tratta di content marketing, dal social media marketing alla mappatura di una strategia editoriale per il blog della tua azienda, il coinvolgimento è il re, la regina e il giullare di corte, a condizione che l'umorismo funzioni per il tuo marchio (e tu sia bravo a farlo). Ecco perché i rich media tendono a sovraperformare i contenuti testuali in termini di condivisioni, Mi piace, retweet, commenti e altre interazioni sociali: affascinano l'utente più della semplice copia. (Anche la copia dovrebbe essere ottimizzata per il coinvolgimento, ad esempio, le domande aperte invitano i tuoi follower a rispondere!)

In termini di contenuti coinvolgenti, cosa c'è di meglio dei prototipi interattivi? Se un'immagine vale più di mille parole e un'immagine in movimento vale più di mille immagini, allora un'immagine in movimento con vari elementi interattivi non ha praticamente prezzo. Il tuo prototipo di app non solo darà ai tuoi potenziali utenti un'idea fedele di ciò che stanno per scaricare sul loro dispositivo mobile preferito, ma sarà la tua migliore risorsa per il content marketing.

Incorpora i tuoi prototipi interattivi nel tuo sito Web per invogliare gli utenti a scorrere, toccare e navigare nella tua app, ottenendo una familiarità immediata con l'interfaccia utente mobile prima ancora di premere "Download". Condividi il collegamento al tuo prototipo interattivo tramite Facebook e Twitter e utilizza queste piattaforme per generare feedback dagli utenti. "Cosa ne pensi di queste opzioni di menu?" "Quali caratteristiche o funzionalità vorresti vedere nel nostro prossimo aggiornamento?" Non solo raccoglierai feedback fruibili, ma avrai anche contenuti già pronti per il tuo calendario dei social media ottimizzati per il coinvolgimento.

I prototipi interattivi rendono la collaborazione un gioco da ragazzi.

A meno che tu non sia un asso del design, dello sviluppo e del marketing di app mobili che vola completamente da solo, è probabile che il tuo prodotto venga passato in giro per alcune mani prima che finisca in un app store. Nel mondo odierno sempre più virtuale e basato sul cloud, la collaborazione non implica più stare seduti nella stessa stanza, sorseggiando lo stesso caffè e parlando di negozi attorno a una lavagna. Il designer e lo sviluppatore potrebbero trovarsi in due fusi orari separati e ciascuno di essi potrebbe essere in teleconferenza con un cliente in un altro continente.

prototipo 3

Come si fa a mettere tutti sulla stessa pagina? Invece di inviare un'e-mail con un semplice allegato PDF, chiedi a tutti di visualizzare il prototipo interattivo. Quindi, tutti possono comunicare in modo chiaro e semplice sull'app mobile. "Questo contenuto non dovrebbe essere sul primo schermo", potrebbe suggerire il cliente e, con alcuni passaggi, potrebbe continuare: "Invece, dovrebbe andare qui".

Meglio ancora, i prototipi interattivi ti consentono di collaborare da remoto anche se non riesci a trovare un orario comune per partecipare alla chiamata. Il tuo software di prototipazione digitale può offrire strumenti che consentono a tutti i partecipanti al progetto di lasciare commenti e markup sul progetto iniziale, un'attività un po' più difficile da organizzare quando si raccolgono frammenti frammentari di feedback lasciati nelle e-mail o negli allegati PDF.

Prototipi interattivi fatti bene

Prototipi interattivi di bell'aspetto possono stupire clienti, potenziali utenti o investitori e un prototipo fedele al prodotto finale può rendere il processo di sviluppo molto più agevole. Ma se non hai mai progettato un prototipo interattivo, o anche solo un po' di esperienza alle spalle, "bello" e "fedele al prodotto finale" possono sembrare ordini alti. Quindi, come possono le agenzie e gli imprenditori di app mobili garantire che i loro prototipi abbiano un aspetto e una sensazione sorprendenti?

Un fattore importante quando si tratta di prototipazione interattiva è semplicemente l'utilizzo dello strumento giusto. Prima di effettuare investimenti permanenti, cerca uno strumento che offra una prova gratuita, quindi prenditi alcuni giorni per esplorare davvero l'interfaccia e il software, inclusi eventuali tutorial o webinar offerti dal fornitore insieme alla versione di prova. Probabilmente scoprirai che la natura drag-and-drop della prototipazione è persino più facile che abbozzare le tue idee nel software di progettazione che usi ogni giorno.

Dopo aver progettato alcuni prototipi interattivi di cui sei assolutamente entusiasta, riutilizzali per creare un modello riutilizzabile per progetti futuri della stessa vena. Non reinventando la ruota ogni volta che crei un prototipo, puoi garantire risultati più rapidi e attraenti con ogni progetto. E, come con qualsiasi abilità, più lo fai, più veloce diventi. Prendere un processo già rapido e renderlo ancora più rapido, senza rinunciare ai risultati? Questa è una gestione intelligente dei progetti in poche parole.