Tehnologia modernă necesită un grad ridicat de interactivitate: barele de navigare se modifică cu locația de defilare a utilizatorului, cutiile se extind pe clic pentru a afișa și ascunde informațiile de sprijin, listele sunt trase și abandonate pentru a reîncărca, etc. Designerii trebuie să ia în considerare toate interacțiunile posibile ale utilizatorilor creați experiența cea mai raționalizată și mai intuitivă a utilizatorilor în produsele lor.
Schimbul și furnizarea de desene sau modele interactive poate avea o varietate de formate, în funcție de ceea ce încercați să realizați și de cine vă aduceți.
În acest post, vă voi îndruma prin diverse abordări prototipice și vă descriu în ce contexte s-ar alege fiecare. În cele din urmă, diferitele metodologii descrise mai jos au trei aspecte pe care ar trebui să le luați în considerare atunci când decideți ce cale să îmbarcați:
Voi folosi ilustrații care demonstrează nivelurile fiecăruia dintre acestea pentru toate metodele de prototipare pe care le acoperim.
Web-ul timpuriu a fost bazat pe stat: făcând clic pe un link m-au dus la o altă pagină, care avea o colecție de link-uri care m-au dus la paginile următoare și așa mai departe. O înțelegere a Javascript-ului a fost un set de competențe avansate, iar cadre nu trebuiau să fie dezvoltate încă, ceea ce ar facilita utilizarea mai ușoară a limbii. Ca atare, componentele interactive erau rare. Produsele statice ale proiectanților se potrivesc nevoilor acestor produse tehnologice: deoarece există puține componente interactive și în mișcare, desenele ar putea fi reprezentate în mod eficient de compozițiile statice create în Photoshop, InDesign și alte instrumente de configurare a tipăririi.
Pe măsură ce tehnologia a progresat, o înțelegere a beneficiilor unui grad mai ridicat de interactivitate în experiența utilizatorilor a condus la o mai mare design de experiență a utilizatorilor fiind dependentă de interacțiune. Natura instrumentelor de proiectare statică, totuși, face dificilă reprezentarea ideilor de design interactiv, dat fiind lipsa inerentă a componentelor interactive a livrabilelor. În cele din urmă, acest lucru a dus la proliferarea instrumentelor prototip pentru a elabora mai eficient conceptele de design interactiv.
Prototipurile prezintă două avantaje principale care lipsesc în livrările statice:
Ca atare, ele pot fi un mecanism foarte eficient pentru a furniza idei de design.
Cu toate acestea, în funcție de structura proiectului și obiectivele sale, livrările statice - "prototipuri de hârtie" - pot fi încă eficiente în procesul de proiectare. Dacă produsul este mai bine reprezentat printr-o arhitectură informațională bazată pe stare, pentru una, livrările statice funcționează perfect. În plus, dacă structura echipei oferă o mulțime de comunicări între echipe și un proces de design / dezvoltare iterativ foarte agil, rezultatele statice pot fi eficiente. Atunci când se stabilește ce cale să începem, trebuie să luăm în considerare structura de comunicare a organizației, părțile interesate implicate și gradul de interactivitate necesar în produsul finit atunci când se decide dacă se procedează cu machete statice sau cu mai multe prototipuri robuste.
Prototyping de hârtieProtocoalele Lo-fidelity încearcă să limiteze decalajul dintre restricțiile computerelor statice și carcasele de tip wireframes, cuprinzând un produs care ar putea ilustra o parte din conceptele de design interactiv, dar nu are o finisare a unui produs finit. Sistemul de design vizual poate să nu fie complet conceptualizat, de exemplu, iar designerul poate alege să reprezinte informații în alb-negru, folosind locașuri pentru conținut, pentru a prezenta o viziune propusă a arhitecturii de informații.
Astfel de rezultate sunt populare în rândul designerilor care se consideră absolut convinși de UX, deoarece ar putea fi mai puțin confortabil de conceput cum se transformă o arhitectură de informații într-un sistem de design vizual. Aceste tipuri de prototipuri sunt adesea însoțite de compoziții statice "proiectate vizual" pentru a oferi o reprezentare mai robustă a produsului final.
Dimpotrivă, alte prototipuri de lo-fidelitate pot prezenta un nivel ridicat de poliză vizuală, dar lipsesc stări interactive puternice. Multe instrumente de prototipare permit proiectanților să definească cu ușurință zonele lovite, hotspoturi care, pe clic, îi iau pe utilizator în altă pagină sau secțiune a proiectului. Acest lucru este util pentru designerii vizuali, deoarece acestea pot concentra mai mult efort asupra creării aspectelor vizuale ale unei ierarhii de informații, apoi leagă modelele lor mai târziu pentru a ilustra fluxul utilizatorilor. Cu toate acestea, crearea de interacțiuni mai robuste și mai sofisticate este limitată în acest proces de proiectare.
Astfel, prototipurile de loialitate și de hârtie necesită un nivel ridicat de comunicare între proiectare, dezvoltare și părțile interesate cheie, deoarece livrările sunt doar o aproximare a produsului finit. Sistemul de design vizual sau interactiv este subreprezentat și, în cele din urmă, astfel de rezultate se confruntă cu multe riscuri asemănătoare cu compozițiile statice: neînțelegerea ideilor de proiectare care duc la pierderea timpului de dezvoltare, nevoia de a prezenta idei sofisticate verbal sau în scris, în cadrul întâlnirilor cu privire la ideile de proiectare subreprezentate etc..
O altă problemă potențială este supra-fragmentarea ideilor de proiectare, care poate duce la un design prost conceput, lipsit de unitate. Oricât de mult vor organizațiile să segmenteze responsabilitatea în roluri separate (UI, UX, Visual, Interacțiune, etc), designul este o disciplină care depinde de crearea
"Ceva care este făcut din mai multe părți și este totuși ceva mai mult sau diferit de combinația părților sale" - Gestalt
În contextul designului, prin urmare, supra-fragmentarea responsabilităților fără o abordare unificată a creării de produse duce deseori la un produs slab conceptualizat. Produsul ar putea fi compromis prin crearea interacțiunii, a interfeței, a experienței și a designului vizual în viduri separate.
În funcție de context, prototipurile de lo-fidelitate pot fi un bun mecanism pentru livrarea designului. Ele sunt adesea eficiente în livrarea de noi produse într-un sistem de design vizual deja stabilit. Modul în care diferite interacțiuni sunt prezentate vizual a fost deja stabilit, prin urmare, modul în care un utilizator trece printr-o aplicație interactiv este principalul obiectiv al produsului.
Lo-fidelitate PrototypingPrezentând întregul design - designul său vizual, interfață și experiență - prototipul de înaltă fidelitate este graiul sfânt al rezultatelor de design interactiv. Într-un prototip de înaltă fidelitate, părțile interesate, dezvoltatorii și utilizatorii pot interacționa pe deplin cu livrarea, oferind o serie de beneficii organizației.
În primul rând, prototipurile de fidelitate asigură o comunicare mai eficientă și mai eficientă între departamente. Adesea, timpul este salvat, deoarece dezvoltatorii pot înțelege pe deplin modul în care este structurată o interacțiune înainte de a se angaja pe o cale greșită și a pierde timp util de dezvoltare. De asemenea, părțile interesate apreciază prototipurile de fidelitate, deoarece pot înțelege pe deplin conceptele de design interactiv și vizual într-o singură livrare consolidată. Prototipurile de înaltă fidelitate, prin urmare, economisesc resurse prin asigurarea unei comunicări eficiente a ideilor de proiectare dezvoltatorilor și părților interesate.
Un alt avantaj al creării de prototipuri de fidelitate este facilitarea acestora de cercetare mai robustă a experienței utilizatorilor. Un utilizator poate interacționa pe deplin cu prototipul, ilustrând astfel lacunele în design în timp real. Multe prototipuri de fidelitate se potrivesc pentru introducerea software-ului de analiză în livrarea în sine, oferind, de asemenea, metode suplimentare de sprijinire a cercetării utilizatorilor. Google Analytics poate fi încorporat în prototipuri generate de html, de exemplu, facilitând experimentele utilizatorilor și testarea A / B. În cele din urmă, abilitatea de a încorpora testarea utilizatorilor mai devreme în ciclul de dezvoltare al produsului creează un proces mai eficient și duce la obținerea unui produs mai bun: timpul de dezvoltare este salvat deoarece designul este modificat înainte de a începe să fie construit; produs.
În plus, în funcție de părțile interesate, un prototip de înaltă fidelitate poate crește potențialul de vânzări, afectând astfel linia de jos a companiei. La CrossCap, proiectăm module pentru manipularea și analiza campaniilor de marketing la cei mai mari comercianți cu amănuntul din lume. Vânzarea unui client pe un anumit modul - multe dintre acestea care nu au fost încă dezvoltate - este mult mai ușoară atunci când clientul se poate așeza și poate interacționa pe deplin cu produsul viitor. Prin urmare, furnizarea de prototipuri interactive de înaltă fidelitate a contribuit la reducerea vânzărilor companiei.
Există numeroase beneficii pentru producerea de prototipuri interactive de înaltă fidelitate. Din nefericire, multe instrumente actuale de prototipare nu au o sofisticare care să prezinte ambele concepte robuste de design vizual și experiențial. Instrumentele de prototipare de astăzi sunt limitate în domeniul lor de aplicare, fiind specializate fie în unul, fie în celălalt. Axure, de exemplu, are o suită robustă de design pentru interacțiune, care permite manipularea ușoară a elementelor, dar nu are o sofisticare oferită de alte instrumente mai orientate vizual, cum ar fi paletele de culori, manipularea avansată a formei etc..
În celălalt capăt al spectrului se găsesc instrumente cum ar fi Composer Quartz, care vă vor permite cu ușurință să includeți computere sofisticate de design vizual, dar ilustrând cerințe avansate de interacțiune, elaborați manipularea patch-urilor și cunoștințe avansate despre instrument.
Origami setul de instrumente Quartz Composer de pe FacebookAvând în vedere lipsa unei abordări holistice, orientate spre gestalt în ceea ce privește proiectarea tehnologiei, crearea de prototipuri de fidelitate pune o povară mai mare departamentului de proiectare, deoarece instrumentele trebuie masurate cu atenție pentru a obține rezultatul dorit. Pentru a crea prototipuri de fidelitate, de exemplu, a trebuit să ne grăbim în Axure pentru a injecta Javascript concentrat în design-interacțiune direct în html-ul generat. Folosirea schiței cu framer.js a reprezentat probleme similare, necesitând un flux avansat de lucru pe o abordare interdisciplinară de proiectare.
Echipa noastră de design elimină aceste bariere în crearea prototipurilor interactive de înaltă fidelitate printr-o structură multidisciplinară de echipă: avem o echipă variată, de la designeri vizuale extrem de pricepuți până la dezvoltatori frontali orientați spre coduri, plus câțiva membri care se încadrează în linia . Acest lucru permite fiecărui membru să-și utilizeze setul de calificări pentru a contribui la un singur produs care este mai robust în natură. Ca rezultat, structura echipei creează un nivel mai ridicat de eficiență, economisește timp și resurse și contribuie la potențialul de vânzări al produselor noastre. În timp ce unele organizații segmentează echipa de proiectare și livrările lor în diferite unități (UI în Photoshop, UX în Axure etc.), puterea echipei noastre constă în unificarea unor seturi variate de competențe sub un singur obiectiv și a rezultatelor.
Există numeroase beneficii în producerea de prototipuri de fidelitate în proiectarea produselor tehnologice: economisesc timpul de dezvoltare, creează o comunicare mai eficientă între departamente și părțile interesate, contribuie la un proces mai eficient și, în funcție de organizație, cresc potențialul de vânzări. În cele din urmă, însă, decizia dvs. asupra căii de parcurs trebuie să fie condiționată de organizație, de părțile interesate, de cronologia, de natura livrării, de nivelul de comunicare între departamente și de filozofia dezvoltării produsului.
Eficiența designului este măsurată în execuția sa. În timp ce prototipurile de fidelitate facilitează realizarea ideilor de proiectare prin furnizarea unei comunicări mai eficiente, care are ca rezultat o mai bună alocare a resurselor, acestea nu sunt singurele vehicule pe calea creării unui produs excelent. Când vă gândiți la ce traseu să faceți în ceea ce privește realizarea rezultatelor dvs., luați în considerare proiectele și metodele diferitelor metodologii enumerate mai sus, resursele de echipă și setul de aptitudini, structura organizațională și filosofia dvs. și la care vă propuneți proiectarea pentru a vă angaja pe cei mai buni și creați cel mai bun produs.
În următoarea mea postare, voi ilustra aceste abordări la nivel înalt de prototipuri, cu exemple ale fiecărui format livrat, pentru a vă ghida în continuare spre calea potrivită pentru realizarea rezultatelor interactive.