Crearea de schite pentru o experiență mai bună de interacțiune mobil este totul despre WordPress

Argumentul principal în favoarea schițe

Poate că ne aflăm acum în poziția cea mai avantajoasă decât oricând, pentru că suntem capabili de a crea o experiență minunată de interacțiune, economisind timp. Cu toate acestea, toate instrumentele pe care le folosim, nu fără o dezavantaje ascunse: ei ne ispitesc pentru a sări peste un pas-cheie necesare pentru a crea imagini de înaltă calitate, gândit-out produs - înțelegere a sarcinii înainte de a ne.

Din acest motiv - pentru a înțelege problema și de a dezvolta un plan pentru a rezolva - Sugerez schite, înainte de a face referire la un instrument favorit.

Este posibil ca în acest moment în cap fulgeră următoarele gânduri:

„Ne confruntăm cu termene strânse de livrare a produsului finit, nu avem timp pentru a desena schițe. Trebuie să ajungem imediat la locul de muncă "

„Proiectare în [introduceți instrumentul dvs. preferat aici] se face mult mai rapid. Am nevoie rezultatul final cât mai curând posibil "

„Trebuie să prezentăm rezultatele noastre [clienți, parteneri, șef]. Nu putem afișa o schiță trase de mână "

„Îmi pare rău, dar eu chiar nu pot desena“

Nu numai că, am auzit astfel de obiecții înainte - eu însumi le-a vorbit.

Definirea problemei și pentru a găsi soluția sa

Crearea de schite ne permite să exploreze spațiul problemă și, în același timp, a defini spațiul de soluție. Această abordare ne ajută pentru a forma o înțelegere actuală a problemei, permițând în același timp, să-și imagineze soluții posibile.

Reprezentarea schematică a gândurilor noastre conduce la idei noi, care este în mare parte datorită incertitudinii și schițe de detaliu scăzute. Incertitudinea în acest caz, este un avantaj, deoarece încercăm în mod automat pentru a umple golurile cu ajutorul imaginației sale. Este această caracteristică oferă crearea de schite caracter „generative“: vom repara idei existente și a inventa altele noi. După cum sa menționat de către Bill Buxton «Schiță Experiențe utilizator»:

Cu ajutorul schite, putem explora diferitele soluții ale problemei, nu locuință pe nici una dintre ele. Acest lucru ne ajută nu numai să ia o privire proaspătă la problema, dar, de asemenea, pentru a obține noi întrebări. Desen schite - de fapt, performanța de brainstorming.

„preț“ schițe crearea

Cel mai rapid mod de a obține ceva din capetele noastre - să ia un pix și bucată de hârtie și schițează modul în care este. Pentru a face același lucru în orice prototipuri mediu, aveți nevoie pentru a petrece mai mult timp: avem nevoie pentru a crea un nou proiect, selectați biblioteca corespunzătoare pentru a pune dreptunghiuri noastre mici pe panza pentru a trage săgeți mici care se conectează cutiile unele cu altele, schimb de unele elemente de lucrurile arata elegant și frumos - și petrece cel puțin treizeci de minute.

Dacă nu ne place ceea ce vedem pe o bucată de hârtie, putem mototoli această foaie și trimite-l la coșul de gunoi, alege unul nou. În cazul instrumentelor de prototipuri elimina toate mult mai grele - în mare parte datorită irosite timp și efort, chiar dacă ideea nu a fost atât de mare. Începe peste tot din nou foarte greu. Pe de altă parte, schițe de hârtie va duce la un rezultat, iar costul este ieftin.

Cel mai rapid mod de a crea și de a explora un concept - pentru a desena schița

Desen schite ca un instrument de comunicare

Să-l sună ca un clișeu, dar imaginea într-adevăr se poate „spune“ o mie de cuvinte. schite de desen ne permit să transmită colegilor și a părților interesate, înțelegerea actuală a proiectului. Putem folosi o varietate de metode de prezentare vizuală, în scopul de a clarifica diversele aspecte ale proiectului (cele mai populare vor fi discutate în secțiunea următoare). Dan Roum în «The Back tamponului» afirmă următoarele:

„Imaginile pot reprezenta concepte complexe și pentru a adăuga cantități nelimitate de informații în moduri care sunt cele mai simple și clare pentru noi, ei [Imagini] sunt utile pentru explicarea și rezolvarea tuturor tipurilor de probleme.“

Colegii va fi capabil de a sublinia lacunele în procesul nostru de gândire și de a discuta cu noi soluții posibile și alternative. În măsura în care, cel mai probabil ei să înțeleagă schițele noastre și vor fi în măsură să ofere un răspuns rezonabil în ceea ce privește detaliile conceptului. Transferul ideile altora ne permite să reflectăm asupra aceluiași concept; în acest fel, putem vedea erorile și pentru a găsi alternative adecvate.

Desen schite ca un instrument de colaborare

Desen schite - un instrument puternic pentru implicarea părților interesate în procesul de proiectare este încă într-un stadiu foarte timpuriu. La definirea procesului ne confruntăm cu o întrebare tipic de pui și ouă: persoanele în cauză nu sunt în măsură să formuleze un set complet de cerințe, până când văd o reprezentare vizuală a soluției, dar noi, designerii, nu sunt pregătiți să înceapă să lucreze la o soluție, atâta timp cât nu suntem siguri că cerințele propuse ar fi permanentă - dorim să evităm modificările inutile care duc doar la mai mult de lucru.

desen schiță are, de asemenea, o barieră joasă de intrare - nu numai că proiectanții pot lua parte la proiect. (Inutil să distribuie pixuri părților interesate sau nu - o chestiune de preferință personală și subiectul unei dezbateri aprinse, puteți avea propriul aspect.).

Singurul lucru pe care trebuie să depășească - este refuzul de a arăta alte lucrări „neterminat“.

Crearea de schite - nu este de desen Lecții

O concepție greșită comună - schițele trebuie să fie întotdeauna frumos. Cu toate acestea, design de interacțiune - nu este o formă de artă. schițele nu ar trebui să fie atractiv; ei trebuie doar să împărtășesc ideea ta. Așa cum era de așteptat, ei se amestecă doar până dezbatere și de a genera idei; acestea sunt puțin probabil să stea încadrată pe perete. Trebuie doar să fie capabil de a desena dreptunghiuri, săgeți, cercuri și linii. După cum sa menționat de către Dzhoshua Bryuer în «schiță, schiță, schiță»:

Schița - acest lucru nu este scopul final. Scopul final al procesului de desenare - ceea ce, în timpul programului de a crea schita. Deci, nu vă faceți griji dacă nu sunt în măsură să atragă o schiță.

A învăța cum să efectuați schitul merge dincolo de domeniul de aplicare al acestui articol. Pentru o prezentare, puteți căuta pur și simplu pentru următoarele cărți:

Cum să elaboreze o schiță

Acum, că te-am convins (eu sper), ca schițe de desen ar trebui să acționeze o parte a fluxului de lucru, hai sa vorbim despre cum se efectuează o schiță pentru un proiect mobil.

schițe de creație Divergente

La început, veți dori în mod sigur pentru a obține idei diferite pentru aplicația mobilă sau site-ul. Start desenând versiuni diferite ale ecranului cheie, sau chiar să-l rupe în bucăți. Scopul tau va fi dublu: pentru a genera o mulțime de idei diferite, și, în același timp, explora și de a le evalua. Cu cat mai multe idei pe care le gasiti, mai multe opțiuni pe care va trebui să aleagă. Un astfel de proces adesea menționată ca „creația divergentă de schițe“.

Un instrument util pentru crearea acestui tip de schite - multi-model. Are suficient spațiu pentru desen șase versiuni diferite ale unei singure pagini, și permite aplicarea unora dintre recomandări privind spațiul disponibil pe ecran. Locație aproape de mai multe idei pot simplifica foarte mult comparația lor ulterioară și discuții.

Cele mai multe template-uri disponibile on-line (am folosi cele mai multe ori template-uri Erik Loehfelm). Alege cel care vă place.

Întruchipările aspecte pentru navigație globală

În captura de ecran de mai sus sunt șase idei diferite pentru meniul principal al aplicației (în afară de aceasta este o dovadă clară că schițele mele nu sunt atât de frumoase). Nu am de multe ori șase versiuni, dar încerc să fac cel puțin trei opțiuni pentru ecranul cheie. Suma în acest caz - este în avantajul tău, pentru că aveți nevoie să se gândească și de a obține o varietate de opțiuni pentru discuții suplimentare.

Dacă vă simțiți o lipsă de idei, de a explora unele galerii pentru interfețe mobile de inspirație (de exemplu, UI inspirat. Pttrns. Lovely UI și UI Parade). Toate acestea demonstrează soluțiile, grupate pe teme și caracteristici (de exemplu, meniul principal al ferestrei de chat). Adăugați lucruri pe care le plac în schițele, și le amestecă cu propriile lor idei.

Obisnuieste-te pentru a crea anteturi pentru fiecare schiță. Acest lucru va simplifica foarte mult discriminarea lor ulterioară și accesul la acestea. Am adăuga note și adnotări pentru a explica schițele și instrucțiunile proceselor de gândire din spatele lor (puncte tari, puncte slabe, avantaje în comparație cu alte concepte, probleme, caracteristici noi, etc). Descrierea și datarea foii este, de asemenea, o bună practică.

schițe de creație Convergent

Odată ce ați face schite de versiuni diferite ale ecranului, selectați cel care rezolvă cel mai bine problema. Din păcate, o schiță rareori în măsură să furnizeze absolut toate detaliile. În cele mai multe cazuri, va trebui să combine ideile sau ideile elementelor într-un singur concept câștigătoare. Pentru a face acest lucru, aveți nevoie pentru a crea o schiță mai detaliată pe aceeași pagină. Utilizați spațiu gol pentru adnotări. Noteze toate întrebările, idei noi, domenii importante și obscure și subiecte de discuție. Acest lucru va ajuta pe alții să înțeleagă procesul de gândire. O astfel de acțiune este adesea numit „convergentă crearea de schite.“

Pentru a obține informații mai detaliate despre divergente și convergente a crea schite, a se vedea prezentarea Leah Buley «Good Design Mai repede», precum și un articol Brandon Shauer «Sketchboards: Descopera mai bine + Mai repede UX Solutions».

Crearea unui fir UI-

După informațiile ideilor tale la un set de ecrane cheie, vă confruntați următorul pas - pentru a studia interacțiunile lor. Pentru a face acest lucru, a crea unele UI-flux (de exemplu, o serie de ecrane cheie), care va arăta modul în care utilizatorul va utiliza soluția pentru a efectua sarcina. UI-fluxuri indică ce elemente ale interfeței care urmează să fie utilizată (de exemplu, care buton este apăsat, sau ce acțiune a fost angajată) și modul în care sistemul va reacționa la ea (de exemplu, dacă va apărea animația, tranziții, dialoguri sau nou ecran). Ele demonstreaza, de asemenea, ecranele cheie în diferite stări (de exemplu, inițial goale și apoi umplute cu un conținut).

Puteți vizualiza rezultate diferite, in UI-stream (cum ar fi o listă cu rezultatele căutării în comparație cu lista goală). Vei curge în acest caz, nu va fi liniară; diferite ramuri ar afișa rezultate diferite. Cu toate acestea, încercați să limiteze numărul de sucursale într-o UI-fir separat. Fiecare ramură de complexitate crește, ceea ce face fluxul mai dificil de înțeles. Devine dificil de explicat.

UI-fluxuri arată modul în care un utilizator se mută de la A la B

Nu aveți nevoie pentru a face schițe pentru toate cazurile de utilizare; selectați numai acelea care sunt cu adevărat importante și care sunt cel mai des folosite. Principiul Pareto oferă o bună regulă de bază: a crea prototipuri pentru 20% din funcționalitatea care urmează să fie utilizat de 80% din timp.

Eu de obicei, începe cu o schiță pentru unul dintre cazurile cheie de utilizare pentru a găsi o cale de ao rezolva. Am forma interacțiunea pe ecran și (de obicei) se va conecta ecrane săgeți. Apoi am clarifica fiecare pas și să vină cu un nume pentru ecranele cheie. Și, desigur, lăsați adnotările tale.

Pentru a obține o idee despre cum să creați schițe și UI-fluxuri pentru ecrane mobile, consultați articolul Gisele Muller «Inspiră UI» Schițe carcase; MOObileFrames. blog-ul, care conține o varietate de schițe mobile; și Wireframes. site-ul Jakub Linowski. Puteți utiliza, de asemenea, PDF-manual de Jakub «Interactive Notația schiță» pentru sale UI-fir.

Ce pași trebuie să faceți

Pentru a vă arăta modul în care toate cele trei etape prezentate mai sus, sunt legate între ele, voi menționa aici etapele unei sesiuni tipice, crearea de schițe:

„De ce?“ Dupa cum se poate vedea, cele mai multe dintre acestea sunt chestiuni de Acest lucru se datorează faptului că crearea de schițe - este o încercare de a înțelege problema, în același timp, se deplasează spre o soluție. Notați toate întrebările care au apărut în procesul de creare de schite. Acest lucru vă va duce la conceptul corect.

Dincolo de crearea de schițe

După ce ați creat schițe pentru ecrane cheie și cazuri de utilizare de bază, veți dori să testeze conceptul de direct pe dispozitivul mobil. Aplicații, cum ar fi Pop și Protosketch. vă permit să importați imagini de schițe și le transformă într-un prototip. Această metodă relativ simplă și de slabă calitate va ajuta să exploreze interacțiunea conceptului său. Ambele aplicații vă permit să definiți site-uri active, și tranzițiile care se poate da clic fac interacțiunea prototip mai realist.

Alternativ, puteți importa ecranele în instrumente mai avansate, cum ar fi Axure, și de a construi un prototip de ea.

Indiferent de metoda pe care o alegeți, obiectivul dvs. va fi de a testa rapid și ușor conceptele în dispozitivul mobil.

concluzie

Crearea unei schițe vă ajută să înțelegeți mai bine problema pe care încercați să rezolve, permițând vizualizarea soluțiilor posibile. Aceasta este o modalitate rapidă și economică de a testa cele mai multe sesiuni de brainstorming, de UI-idei înainte de a alege una. Desenul schițe accelerează procesul de creare a conceptului și faza de repetare, permițându-vă pentru a primi feedback de la oamenii de la bun început, atunci când schimbarea este destul de ușor de a face.

În timpul următoarei sesiuni, desen schite, urmați aceste instrucțiuni pentru a vă ajuta să rămână pe drumul cel bun:

Nu este necesar să se reinventeze roata. Utilizați șablonul pentru desen schițe.

• Stai opțiune destul de bună.

Schițe ar trebui să transmită ideea ta. Nu te pierde în (non-essential) detalii.

Un mic set de capabilități în soluții vor fi folosite mai des. Concentrează-te pe ea. Ce 20% din soluția va fi utilizată de 80% din timp?

Utilizați schite existente crearea de notație și / sau de a dezvolta propriile lor. Acest lucru va face schițele credibil. Colegii vor aprecia stilul dvs., și este nevoie de mai puțin timp pentru a studia schițe și ceva pentru a le oferi.

În procesul de creare a schițe sigur că vor fi întrebări noi, idei și obiective. Scrie-le în jos; în caz contrar acestea vor fi pierdute.

Asigurați-vă schițele vizibile. le atârnă pe perete, și întotdeauna să le arătăm altor oameni pentru a afla opinia lor.

• Dacă aveți îndoieli, face câteva schițe.

Dacă nu sunteți sigur de decizia de a crea o variantă de schițe. Lista argumente pro și contra, și de a afla opiniile oamenilor, pentru a înțelege ce opțiune este cel mai bine.

Crearea cu succes a schite!