4 motive pentru care companiile inteligente creează prototipuri interactive
Publicat: 2015-12-11[ Proto .io este un instrument de top de prototipare a aplicațiilor mobile, folosit de antreprenori și startup-uri pentru a crea prototipuri realiste complet interactive, care arată și se simt ca aplicații reale.]
Prototipul de aplicație mobilă este mai mult decât să le arăți investitorilor ideea dvs. – este, de asemenea, un instrument puternic de testare și marketing, care lucrează din greu pe tot parcursul ciclului de viață al proiectului de aplicație mobilă, de la conceptie până la asigurarea calității. Prototipurile interactive bine executate pot ajuta, de asemenea, la prevenirea unui număr de dezastre de proiectare a interfeței de utilizator mobil, de la lupte între designeri și dezvoltatori (da, pot fi și ei prieteni!) La SNAFU bugetare.
Dar de prea multe ori, companiile schimbă procesul de prototipare, refuzând să investească în instrumentele potrivite sau trecând prematur în etapele de proiectare și dezvoltare ale creării unei aplicații mobile. Timpul și banii sunt, la urma urmei, resurse limitate, iar atunci când se apropie un termen limită mare, poate fi tentant să recurgeți la diapozitive PowerPoint cu aproximări statice, bidimensionale, a modului în care va arăta aplicația dvs. (Dar hei, cel puțin bate o schiță pe spatele unui șervețel!)
Prototipurile interactive includ mult mai mult factor „wow” decât wireframes plate.

Zilele trimiterii de PDF-uri plate cu wireframes au trecut de mult și scăpați de ele. În timp ce ridicarea designului interfeței tale mobile în Photoshop sau InDesign și trimiterea de imagini de înaltă rezoluție ar putea arăta simțul tău vizual al designului în ceea ce privește teoria culorilor, tipografie, proporție și alte elemente de bază ale designului, wireframes-urile plate pentru aplicațiile mobile sunt extrem de limitate în ceea ce privește comunica cu clienții, potențialii utilizatori sau susținătorii financiari.
Imaginați-vă că sunteți directorul general al unei companii care este extrem de bun în ceea ce face - poate este o firmă de cloud computing sau un butic de machiaj pop-up - dar nu știți neapărat prea multe despre designul sau dezvoltarea de aplicații mobile bune. La urma urmei, de aceea angajezi o agenție. Aveți mai multe agenții care propun afacerea dvs., dar numai una dintre ele va obține contractul.
Agenția A are un portofoliu impresionant și o listă de clienți care include mai multe companii Fortune 500 și ați auzit din gură în gură că echipa sa de dezvoltare este cea mai bună din domeniu. Agenția B este o firmă mai mică, dar ești intrigat de ceea ce ai văzut în portofoliul său până acum și știi că prețurile lor sunt mai competitive.
Agenția A a proiectat aplicații mobile de atât de mult timp încât a căzut într-un model de încredere în procesul său. Îți trimit un PDF cu un potențial concept de aplicație mobilă, ecran cu ecran. Fiecare wireframe este adnotat pentru a explica ce face fiecare caracteristică, dar există un vocabular cu care nu sunteți familiarizat și depășirea curbei de învățare ar putea dura mai mult timp decât aveți la dispoziție. Din nou, ești CEO-ul foarte ocupat al unei companii de mare succes.
Agenția B vă trimite un prototip interactiv al conceptului său de aplicație mobilă. Nu există adnotări de citit, nu există cuvinte noi de vocab pe care trebuie să le înveți - doar un fișier prototip digital pe care îl poți extrage fie în browser, fie în dispozitivul tău mobil preferat. Puteți privi prototipul interactiv în timp ce vă aflați în taxi în drum spre următoarea conferință sau îl puteți ridica pe laptop în timp ce vă întâlniți cu managerii de proiect pentru o nouă misiune.
Prototipul interactiv de la Agenția B arată și se simte ca o aplicație mobilă terminată. Puteți naviga cu ușurință de la ecran la ecran, butoanele returnează feedback haptic atunci când le apăsați sau glisați și fără cunoștințe de proiectare a aplicațiilor mobile, aveți o idee perfectă despre ceea ce Agenția B încearcă să realizeze cu conceptul lor. Acest lucru înseamnă că nu trebuie să programați atât de mult timp pentru a vă întâlni cu ei pentru a discuta despre prezentare și puteți petrece mai mult timp proiectelor dvs. mai urgente.
Cu ce agenție ai semna un contract?
Crearea de prototipuri interactive nu trebuie să fie mai multă muncă
„Este grozav în teorie”, s-ar putea să vă gândiți, „dar cu multe termene agresive de respectat și cu lățime de bandă limitată, nu este realist să creați un prototip complet interactiv pentru fiecare propunere de proiectare a aplicațiilor mobile.”

Cu instrumentele potrivite, crearea unui prototip real și interactiv nu trebuie să fie mai dificilă decât crearea unui cadru plat - de fapt, poate fi mai ușor și mai rapid. Cu biblioteci de design UI pline de elemente gata de utilizare într-o interfață drag-and-drop, instrumente precum Proto.io vă permit să schițați un prototip interactiv, complet cu animații și alte elemente rich media, în doar câteva minute.
Luați în considerare cât timp vă va dura să creați un cadru fir în Photoshop sau InDesign, folosind straturi pentru a afișa tranzițiile între ecrane și trebuind să salvați o nouă imagine pentru fiecare vizualizare. Apoi, dacă trebuie să faceți o modificare a interfeței dvs. de utilizator care afectează fiecare ecran (de exemplu, o schimbare a fontului), trebuie să salvați o nouă imagine pentru fiecare dintre acele vizualizări separate. Asta înainte de a adăuga adnotările necesare pentru a explica clientului fluxul aplicației dvs. mobile.
Recomandat pentru tine:
În timp ce schimbarea unui proces cu care sunteți obișnuit poate presupune o curbă inițială de învățare și un pic de adaptare la început, poate fi în cele din urmă o manevră care economisește timp. În cazul prototipurilor interactive, veți economisi nu numai timp, ci și contracte – contracte care altfel ar fi putut fi preluate de o agenție mai puțin talentată, dar mai bine echipată, care s-a întâmplat să aibă un prototip interactiv mai strălucitor.

Puteți începe testarea utilizatorului mult mai devreme în ciclul de viață al proiectului.

Ceea ce se întâmplă în faza de testare și asigurare a calității a ciclului de viață al aplicației tale mobile poate face sau distruge proiectul tău, determinând dacă aplicația ta oferă utilizatorilor o experiență magică sau se blochează imediat ce o descarcă - ajungând direct în coșul de reciclare aproape la fel de repede ca și-a găsit un loc pe ecranul aplicației lor.
În timp ce executați testarea și QA pe prototipul dvs. interactiv, evident că nu vor elimina niciunul dintre erorile sau problemele de performanță pe care le veți vedea în produsul final, ceea ce puteți face este să rulați asigurarea calității pe tot conținutul, astfel încât, în momentul în care dvs. Urmează testarea finală și procesul de QA, vă puteți concentra numai pe probleme interactive. Un QA de conținut cuprinde mai multe fațete importante, inclusiv:
O verificare vizuală a sanității designului.
Interfața generală cu utilizatorul arată bine ? Ca, chiar bine? Deoarece prototipul tău interactiv este vizual aproape identic cu produsul final, poți face orice modificări de design în această etapă a jocului, înainte ca dezvoltatorii tăi să înceapă să se gândească la construirea beta.
Unele lucruri pe care le puteți observa includ erori de tipografie (dimensiunile fonturilor sunt consecvente? Acest tip de litere prezintă probleme de lizibilitate?), probleme generale de dimensiune și proporție (mai ales importante atunci când proiectați pentru mai multe dispozitive sau sisteme de operare) și chiar probleme de accesibilitate vizuală (este aceasta paletă). accesibil celor cu daltonism? Pot utilizatorii să configureze cu ușurință opțiunile de accesibilitate?).
O verificare a liniilor directoare ale mărcii.
În funcție de marca dvs. sau de marca clientului dvs., anumite alegeri de design pot fi sau nu cușer. Există suficient spațiu în jurul logo-ului? Există anumite fonturi sau palete de culori la care trebuie să respecte designul tău? Sunt anumite opțiuni de copiere verbale legal? Scoaterea acestor detalii în prototipul tău interactiv înseamnă că nu trebuie să-ți faci griji pentru ele când aplicația a fost deja codificată.
Testare A/B pe interfața dvs. de utilizator.
Testarea A/B este o modalitate puternică de a vă optimiza interfața cu utilizatorul pentru utilizare, atractivitate estetică și factor general „wow”. În loc să așteptați până la faza beta a aplicației dvs. mobile pentru a rula testarea A/B, forțându-vă să construiți două versiuni ale aceluiași concept, puteți utiliza prototipul interactiv pentru a alege între scheme de culori, elemente de design, interacțiuni, mesagerie și multe altele. . În acest fel, aveți feedback inițial al utilizatorului pentru a vă perfecționa designul înainte de a intra în dezvoltare.
Prototipurile interactive sunt active puternice de marketing de conținut.
Când vine vorba de marketing de conținut, de la marketing pe rețelele sociale până la elaborarea unei strategii editoriale pentru blogul afacerii tale, angajamentul este rege, regină și bufon de curte, cu condiția ca umorul să funcționeze pentru brandul tău (și tu ești bun la asta). De aceea, rich media tinde să depășească conținutul bazat pe text în ceea ce privește distribuirea, aprecierile, retweeturile, comentariile și alte interacțiuni sociale: captivează utilizatorul mai mult decât simpla copiere. (Chiar și copia ar trebui să fie optimizată pentru implicare - de exemplu, întrebările deschise vă invită pe adepții să răspundă!)
În ceea ce privește conținutul captivant, ce ar putea fi mai bun decât prototipurile interactive? Dacă o imagine valorează cât o mie de cuvinte și o imagine în mișcare valorează cât o mie de imagini, atunci o imagine în mișcare cu diverse elemente interactive este practic neprețuită. Prototipul aplicației tale nu numai că le va oferi potențialilor tăi o idee fidelă despre ceea ce urmează să descarce pe dispozitivul lor mobil preferat, dar va fi cel mai bun atu al tău pentru marketingul de conținut.
Încorporați prototipurile dvs. interactive în site-ul dvs. web pentru a-i atrage pe utilizatori să gliseze, să atingă și să navigheze prin aplicația dvs., obținând familiaritate instantanee cu interfața dvs. de utilizare mobilă înainte ca aceștia să apese chiar pe „Descărcare”. Distribuie linkul către prototipul tău interactiv prin Facebook și Twitter și folosește acele platforme pentru a genera feedback de la utilizatori. „Ce părere aveți despre aceste opțiuni de meniu?” „Ce caracteristici sau funcționalități ați dori să vedeți în următoarea noastră actualizare?” Nu numai că veți colecta feedback care poate fi acționat, dar veți avea și conținut gata făcut pentru calendarul dvs. de rețele sociale, care este optimizat pentru implicare.
Prototipurile interactive facilitează colaborarea.
Cu excepția cazului în care sunteți un as al designului, dezvoltării și marketingului de aplicații mobile care zboară complet singur, sunt șanse ca produsul dvs. să fie transmis cu câteva mâini înainte de a ajunge într-un magazin de aplicații. În lumea de astăzi din ce în ce mai virtuală, condusă de cloud, colaborarea nu mai presupune să stai în aceeași cameră, să bei aceeași cafea și să vorbești în jurul unei table albe. Designerul și dezvoltatorul dvs. pot fi în două fusuri orare separate și fiecare dintre ei ar putea fi într-o conferință telefonică cu un client de pe alt continent.

Cum îi aduci pe toți pe aceeași pagină? În loc să trimiteți un e-mail cu un simplu atașament PDF, cereți tuturor să ridice prototipul interactiv. Apoi, toată lumea poate comunica clar și ușor despre aplicația mobilă. „Acest conținut nu ar trebui să fie pe primul ecran”, poate sugera clientul și, cu câteva glisări, poate continua: „În schimb, ar trebui să ajungă aici.”
Mai bine, prototipurile interactive vă permit să colaborați de la distanță chiar dacă nu puteți găsi un moment obișnuit pentru a accesa apelul. Software-ul dvs. de prototipare digitală poate oferi instrumente care să permită tuturor celor din proiect să lase comentarii și markupuri asupra designului inițial, o sarcină puțin mai dificil de organizat atunci când colectați fragmente de feedback lăsate în e-mailuri sau atașamente PDF.
Prototipuri interactive realizate corect
Prototipurile interactive arătoase pot uimi clienții, potențialii utilizatori sau investitori, iar un prototip care este fidel produsului final poate face ca procesul de dezvoltare să meargă mult mai bine. Dar dacă nu ați proiectat niciodată un prototip interactiv sau chiar dacă aveți puțină experiență în subordine, „arătos” și „fidel produsului final” pot simți ca niște comenzi mari. Deci, cum pot agențiile și antreprenorii aplicațiilor mobile să se asigure că prototipurile lor arată și se simt uimitor?
Un factor important atunci când vine vorba de prototiparea interactivă este pur și simplu utilizarea instrumentului potrivit. Înainte de a face investiții permanente, căutați un instrument care oferă o versiune de încercare gratuită și apoi luați câteva zile pentru a explora cu adevărat interfața și software-ul - inclusiv orice tutoriale sau seminarii web pe care furnizorul le oferă împreună cu versiunea de încercare. Probabil veți descoperi că natura de tip drag-and-drop a prototipului este chiar mai ușoară decât schițarea ideilor dvs. în software-ul de proiectare pe care îl utilizați în fiecare zi.
După ce ați proiectat câteva prototipuri interactive de care sunteți absolut încântat, reutilizați-le pentru a crea un șablon reutilizabil pentru proiecte viitoare de aceeași ordine de idei. Nereinventând roata de fiecare dată când prototipați, puteți asigura rezultate mai rapide și mai atractive cu fiecare proiect. Și, ca în cazul oricărei abilități, cu cât o faci mai mult, cu atât devii mai rapid. Luați un proces deja rapid și faceți-l și mai rapid, fără a sacrifica rezultatele? Acesta este un management inteligent de proiect, pe scurt.






