30 de zile de design – Un studiu de caz de branding

Există câteva aspecte importante de care trebuie să fii conștient atunci când lucrezi cu clienții - îndeplinirea așteptărilor și a termenelor limită sunt două dintre ele. La un moment dat din cariera fiecărui designer, va veni un client care are o urgență presantă cu proiectul său. Acestea sunt proiectele care învață arta respectării termenelor limită și cât de nebunește poate deveni.

De obicei, există două tipuri de proiecte pe care fiecare designer le va întâlni în timpul carierei: „Am nevoie de un design centrat pe utilizator, care să corespundă proiectului meu, fără termene limită stricte; Vreau doar cea mai bună soluție”... Acesta este visul oricărui designer. Dar să recunoaștem; în realitate, lucrurile sunt întotdeauna mai provocatoare.

„Îmi doresc o soluție inovatoare, creativă și inovatoare – UX bun, interfață cu utilizatorul foarte plăcută... și am nevoie de ea ieri.”

Deci, ce se întâmplă atunci când realizezi că există 30 de zile pentru a crea un logo și a proiecta principalele elemente ale mărcii, un site web, interfețe mobile și reclame/grafice pe rețelele sociale?

După ce ai un mic atac de panică, îți dai seama că lucrul inteligent este singura cale de a merge.

Efectuarea unui plan și gândirea în prealabil a lucrurilor va ajuta la productivitate, precizie și calitate a designului. Ca și în cazul oricărui demers de succes, munca grea și orele lungi sunt câteva dintre condițiile obligatorii pentru a realiza acest lucru.

Indiferent de ce, există întotdeauna aceste întrebări chinuitoare:

• Merită să faci cu astfel de restricții de timp?
• Constrângerile de timp vor duce la o calitate slabă a designului?
• Aș face o treabă mai bună dacă aș avea mai mult timp?

Cu siguranță, da!

Ca în cazul oricărui proiect, există întotdeauna avantaje, dezavantaje și constrângeri pe care, în calitate de designeri, trebuie să găsim o cale de ocolire și chiar să le folosim în avantajul nostru pentru a veni cu soluții creative.

Este esențial să aveți o idee clară despre sarcinile care trebuie îndeplinite pentru finalizarea cu succes a proiectului, precum și să anunțați în mod diplomatic clientul că termenul scurt ar putea avea un impact negativ asupra calității designului în ansamblu. Cu toate acestea, presiunea unui termen limită zdrobitor nu este o scuză pentru a nu depune tot ce ai mai bun pentru ambarcațiunea ta - folosește-l pentru a te împinge pentru a oferi cea mai bună muncă posibilă. Un studiu realizat de Harvard Business School despre munca creativă efectuată sub presiunea timpului a concluzionat următoarele:

Acest studiu sugerează că managerii iau măsuri pentru a proteja timpul pentru ca angajații să se angajeze în procesarea cognitivă creativă, în special acei angajați a căror muncă necesită un grad ridicat de creativitate. […] Este foarte probabil ca ideile creative să nu fie adesea produse în absența completă a oricărei presiuni de timp, fie autoimpuse, fie impuse din exterior.

Aceste constatări indică faptul că un grad mare de presiune poate funcționa împotriva muncii creative, dar, în același timp, studiul sugerează, de asemenea, că un nivel rezonabil de presiune în ceea ce privește munca creativă poate fi util pentru a ajuta la producerea de modele mai bune.

Este întotdeauna o provocare să duci la bun sfârșit totul atunci când lucrezi ca freelancer cu mai multe proiecte active, dar este o oportunitate grozavă să fii sârguincios cu programul tău și să faci ca timpul limitat să lucreze pentru tine! A face lucrul de la distanță pentru dvs. este simplu, dar nu ușor. Combină asta cu un plan solid și ai o rețetă pentru succes.

Zilele 1-2: Primele lucruri în primul rând — Planifică!

Primul pas este să împărțiți proiectul în părți mai mici și să calculați cât timp va dura pentru a finaliza fiecare etapă a proiectului. Stabilirea obiectivelor crește motivația și realizarea. Știința realizării obiectivelor recomandă să vă împărțiți obiectivul mare în pași clari și definiți de acțiune - acest lucru vă va oferi un mare avantaj în eforturile voastre pentru a-l atinge.

În ceea ce privește designul de branding, o bună practică este crearea mai multor versiuni ale designului, astfel încât clientul să aibă diferite opțiuni din care să aleagă. Preferința mea personală este să creez trei iterații ale modelelor de logo și ale principalelor elemente ale mărcii, cum ar fi tipografie, palete de culori, imagini și seturi de pictograme. Făcând acest lucru mai întâi, vă va permite să duceți conceptul și ideile vizuale la pasul următor.

Creați procese de lucru și urmați-le.

Crearea proceselor de lucru va ușura fluxul de lucru și responsabilitatea care vine cu fiecare proiect. Următoarea este abordarea mea obișnuită pentru un proiect de design tipic, fie că este vorba de branding sau de design de interfață cu utilizatorul:

Cercetare

Aflați totul despre afacerea clientului dvs.:

• Care este nucleul afacerii lor și care este activitatea lor principală?
• Cine este publicul țintă și care sunt nevoile lor?
• Care sunt obiectivele lor și ce problemă trebuie rezolvată folosind design?
• Cine este concurența și cum poți fi mai bun?

Un chestionar sau un brief de proiectare este una dintre cele mai convenabile și eficiente modalități de colectare a informațiilor menționate mai sus.

Creați un Mood Board

Unul dintre lucrurile pentru care puteți folosi un moodboard este să creați conceptul - o parte esențială a oricărui proiect. Obțineți o imagine de ansamblu - faceți toate cercetările și puneți-o pe o pânză mare, astfel încât să puteți vedea toate elementele care ar trebui să fie încorporate în design. Există mai multe instrumente gratuite care vă ajută să creați cu ușurință panouri de dispoziție.

Dacă nu vă plac instrumentele online, folosirea Adobe Illustrator funcționează bine, deoarece puteți crea, adăuga și muta liber elemente. Gândiți-vă la el ca la un colaj — nu vă faceți griji prea mult cu privire la poziționarea detaliilor; esti liber sa aranjezi totul dupa bunul plac. Scopul principal este de a vedea cum culorile, fotografiile, pictogramele, tipografia etc. funcționează între ele — vizual și în povestire.

Ziua 3: Creați un concept de design

Crearea unui concept este următorul pas după finalizarea mood board-ului și este fundamentul tuturor lucrărilor tale viitoare. Un concept este produs ca model experimental pentru a testa viabilitatea caracteristicilor de proiectare.

Moodboard-ul va fi de ajutor în stabilirea unei direcții vizuale timpurii care ar trebui să corespundă publicului pe care îl vizați și obiectivelor afacerii. Conceptul va sta la baza direcției dumneavoastră UX și, prin urmare, face parte din cele 10 UX Deliverables pe care le folosesc designerii de top.

Este important să apreciați cât de important este acest pas, deoarece un concept solid ajută la repovestirea unei povești convingătoare, chiar și în primele etape ale proiectului. Accentul principal ar trebui să țină cont de sentimentele și experiențele pe care utilizatorii le întâmpină atunci când au de-a face cu imaginile, mai degrabă decât cu ceea ce sunt imaginile în sine.

Unul dintre cei mai influenți consultanți de marketing și vorbitori motivaționali din industrie, Simon Sinek, a susținut o conferință TED strălucitoare pe acest subiect.

Tabloul de dispoziție vă poate ajuta să creați câteva sloganuri scurte sau poate să setați pictograme și stiluri de fotografii într-un concept. Deoarece este bine să aveți o tipografie care poate fi citită rapid indiferent de mediu, este, de asemenea, important să luați în considerare o tipografie prietenoasă pentru web și imprimare. Acesta este un element cheie al designului excelent și este, de asemenea, unul dintre principiile privite de practicile universale de design.

Ziua 4: Design Brand Visuals

Procesul de construire a mărcii poate deveni plictisitor și consumator de timp dacă sunteți surprins că urmați o abordare greșită de la început. Începerea prin crearea iterațiilor de logo este cel mai bine făcută odată ce aveți un concept aprobat și fișierele de ghidare vizuală sunt finalizate. Acest lucru vă va oferi încrederea că vă mișcați în direcția corectă și vă va permite să abordați provocările de branding într-un mod inteligent și eficient în timp.

Este esențial să faci schițe mici în pix și hârtie cu ideile tale de design. Va dura mai puțin timp dacă schițați mai întâi și apoi treceți la Illustrator, Sketch etc. pentru a lucra la logo-ul dvs. Acest pas m-a ajutat să creez trei propuneri diferite de logo-uri care sunt toate în direcția vizuală aleasă pentru brand. Acest lucru a durat câteva zile pentru a se termina:

Pot exista unele modificări și ajustări suplimentare ale designului logo-ului, dar odată ce clientul a decis asupra logo-ului și a aprobat alte elemente precum culorile, tipografia, pictogramele și stilul de fotografie, ați terminat cu elementele de bază de branding.

Zilele 7-15: Design site

Dezvoltarea mărcii include mai mult decât logotipul - ea acoperă aproape toate aspectele designului, inclusiv site-ul web. Începeți mai întâi cu site-ul web poate fi util, deoarece puteți adăuga la conceptul vizual aplicând reguli vizuale și văzând cum funcționează împreună. Acest lucru este valabil mai ales atunci când creați un site web care în cele din urmă are un obiectiv și elemente similare cu aplicația mobilă.

Harta site-ului

O hartă a site-ului este o listă de pagini ale unui site web care este accesibilă crawlerelor sau utilizatorilor. Poate fi fie un document care este folosit ca instrument de planificare pentru design web, fie o pagină care prezintă paginile unui site web într-o manieră ierarhică.

Este de mare ajutor dacă un client are deja un sitemap, deoarece vă oferă o vedere clară a tuturor paginilor care aparțin unui site web. Dacă vi se atribuie un proiect pentru care este nevoie de o hartă a site-ului, va trebui să lucrați cu clientul pentru a realiza unul.

Acest lucru ar putea însemna să puneți clientului dvs. câteva întrebări:

• Care este numărul de pagini de pe site?
• Care pagini sunt cele mai importante?
• Există subpagini?

Acest lucru vă va oferi o imagine clară a structurii site-ului web și vă va oferi o idee bună despre domeniul de aplicare al proiectului.

Copiați mai întâi

Mi se pare util sa-i rog clientul in fata sa imi dea toata copia si continutul pe care el/ea vrea sa le includa pe site. Este cea mai bună practică să faceți ca designul să funcționeze în jurul copiei, mai degrabă decât să creați mai întâi interfața de utilizare și să încercați să faceți copia să se potrivească ulterior.

Prima abordare a copierii vă economisește mult timp pe dvs. și pe dezvoltatori. Daca mergi invers, poti intampina probleme. Deși utilă uneori, utilizarea textului fals poate avea un impact negativ asupra unui proiect real, mai ales atunci când designul se bazează în mare măsură pe tipografie și este conceput în jurul conținutului. Un design centrat pe copiere nu are niciun dezavantaj și ajută doar la realizarea lucrărilor creative de o calitate excepțională.

Proiectarea paginii de start

Urmând toți pașii anteriori, aveți deja îndrumări vizuale generale, o hartă a site-ului și o copiere. Acum puteți trece la proiectarea paginilor pentru site-ul web.

Pagina de pornire este primul lucru pe care îl văd utilizatorii când ajung pe un site web și, prin urmare, este cea mai importantă pagină. Aplicarea principiului Pareto demonstrează că pagina de pornire deține 80% din direcția designului (context, tipografie, culori, elemente repetabile etc.) iar restul paginilor 20%.

Este o idee bună să începeți procesul prin gruparea și selectarea secțiunilor pentru pagina de pornire. Conținutul complet și copierea mă ajută, de obicei, să organizez întreaga pagină și să văd ce aspecte lipsesc, precum și secțiunile care ar putea fi adăugate pentru a maximiza impactul și a determina utilizatorii să cumpere/utiliza produsul sau serviciul.

Pentru a sublinia serviciul sau produsul, încercați să utilizați secțiuni proeminente îndemn la acțiune. Sunt o modalitate excelentă de a face publicitate, precum și de a capta atenția utilizatorilor pentru a cumpăra un produs, a se abona la un buletin informativ, a se înscrie etc.

Dacă tehnologia, publicul țintă și tipul de afacere al clientului o permit, adăugarea de design în mișcare precum GIF sau animație poate oferi întregului site subcontext și poate sublinia secțiunea îndemn la acțiune. Cu toate acestea, designerii ar trebui să aibă grijă să nu meargă prea departe și să creeze ceva care va dura mult timp pentru a se dezvolta.

Zilele 15-25: Aplicați design universal

Designul universal, așa cum este descris de dezvoltatorii săi, „poate fi aplicat pentru a evalua proiectele existente, a ghida procesul de proiectare și a educa atât designerii, cât și consumatorii despre caracteristicile produselor și mediului mai utilizabile”.

Conceptul de design universal este una dintre cele mai optime soluții de utilizat atunci când aveți de-a face cu un proiect de anvergură mare - un concept unificat și o direcție vizuală concentrată pentru branding, site-uri web și aplicații mobile sunt de mare beneficiu atunci când proiectați în constrângeri de timp.

Necesitatea elementelor repetitive poate fi o provocare în sine. Acest lucru se întâmplă atunci când întâmpinați cerințe tehnice. Site-urile web responsive și platformele mobile au o filozofie și un set de reguli complet diferite și, prin urmare, pot deveni o problemă dacă nu sunt abordate corespunzător. Cu toate acestea, crearea de elemente care pot fi utilizate pe mai multe platforme este una dintre coloana vertebrală a succesului oricărui proiect - în această circumstanță particulară, nu ar fi fost posibil să se acopere atât de multe platforme/dispozitive fără un design unificat care stabilește în mod clar direcția pentru brand. dezvoltare.

Dezavantajul unui termen limită strâns și al proiectării pentru mai multe platforme este că este posibil să nu utilizați întregul potențial al fiecăreia dintre platformele pentru care proiectați. În astfel de cazuri, din cauza constrângerii de timp, o soluție simplă „antiglonț” care este familiară bazei de utilizatori ar putea fi o idee valoroasă.

De exemplu: reaplicați o idee pe mai multe pagini și remodelați-o pentru fiecare dispozitiv. Modelele sunt similare în esență, ceea ce este în favoarea ta. Ar putea fi în modul în care afișați informații esențiale sau invitați utilizatorii să cumpere un produs. În acest caz, chiar și o bară de căutare ar putea fi similară dacă nu la fel.

Diagramă

Proiectarea site-ului web este finalizată și aveți o viziune mai clară asupra UX-ului pentru aplicații.

Una dintre modalitățile prin care puteți face procesul de creare a UX mai ușor și mai clar este să creați o diagramă de flux pentru utilizator.

Există mai multe metode și instrumente pe care le puteți utiliza pentru a crea diagrame de flux — practica obișnuită este de a realiza diagrame grafice cu titluri scurte și, dacă este necesar, text explicativ. Folosirea Sketch sau Illustrator pentru aceasta este preferința mea, dar orice instrument care vă permite să creați și să mutați elemente este bine pentru această sarcină.

Will Little a oferit o interpretare excelentă a acestui lucru:

Aici inginerii și creatiile trebuie să lucreze îndeaproape împreună pentru a decide ce fel de instrumente software pot sprijini cel mai bine interfețele dorite și comportamentul de clic/glisare, până la fiecare ultima filă, sfat instrument, casetă luminosă, pictogramă etc. .

Fă-o sus făcând-o scăzută

Descoperirea scopului principal al aplicației va ajuta la definirea UX-ului. Acest lucru ar putea fi să ajute un utilizator să cumpere un produs sau poate să-l ajute să folosească un produs - experiența utilizatorului trebuie să se adapteze la asta. Wireframes-urile de joasă fidelitate create pe hârtie și apoi aduse la o fidelitate mai mare în Sketch sau Photoshop pot ușura considerabil procesul.

În acest caz, wireframes-ul de joasă fidelitate au fost suficiente, deoarece aplicația este simplă și trebuie doar să urmărească detaliile vizuale de pe site.

Dacă poți, organizează un mic test pentru UX-ul tău. Veți avea nevoie de un grup de testare de viitori utilizatori pentru a vedea dacă wireframes-urile și fluxul UX au sens. După test, veți fi înarmat cu informații valoroase și puteți trece la pasul următor (crearea unei interfețe de utilizator).

Design unificat

După ce ați făcut câteva ajustări la UX, aveți tot ce aveți nevoie pentru a crea o interfață logică și bine definită, permițându-vă să o ajustați la cerințele vizuale ale platformelor iOS și Android. Deoarece iOS are niște linii directoare de design foarte specifice care vă pot împiedica să intrați în Apple App Store, trebuie să cunoașteți acele reguli și să verificați cu atenție cum este implementat designul dvs. în timpul etapei de dezvoltare.

Puteți crea un design unificat atât pentru platformele iOS, cât și pentru Android, folosind în continuare cele mai mari puncte forte ale acestora, urmând regulile și regulile atunci când proiectați interfața de utilizare.

Zilele 25-30: creați anunțuri sincronizate cu branding

Până în acest moment, ar fi trebuit să fi conceput un logo, elemente de branding, un site web și aplicații mobile. Deși ați proiectat totul în mai puțin de 25 de zile, este prea devreme pentru a sărbători, deoarece mai este încă un pas de luat în considerare: crearea de reclame pentru rețelele sociale și pentru print. Aici conceptul pe care l-ați creat la început vă va fi de mare ajutor.

Urmând aceste sfaturi atunci când proiectați reclame și materiale pentru rețelele sociale, veți îmbunătăți considerabil calitatea, nivelul de implicare și creativitatea generală a imaginilor dvs.:

• Folosiți culori vii și luminoase care ies în evidență.
• Arătarea oamenilor fericiți și activi ajută la dinamica și sentimentele despre grafica dvs.
• Mișcarea, activitatea și entuziasmul oamenilor atrage întotdeauna privirea și ajută la sentimentele transmise în general.

Toate aceste reguli vă vor ajuta să creați grafice remarcabile pentru reclame. Dacă este cazul, folosiți paleta de culori, tipografia și alte elemente vizuale pe care le-ați folosit pe site-ul dvs. web, branding și aplicații. Acest lucru vă va ajuta să fiți consecvenți în design-ul dvs. și va lucra în favoarea dvs. atunci când lucrați în constrângeri de timp.

Nu vă angajați niciodată la un termen limită pe care nu îl puteți respecta

Uneori, oricine poate subestima cantitatea de efort și de muncă pe care o poate lua un proiect - de aceea planificarea fiecărui pas este crucială la începutul unui proiect. Obiectivele și scopurile realiste împărțite în părți mici sunt esențiale pentru livrarea la timp a unei lucrări solide.

Benjamin Franklin a spus-o cel mai bine: „Dacă nu te pregătești, te pregătești să eșuezi”.

În orice moment, nu eșuați să vă pregătiți și să anticipați posibilitatea că ați subestimat jobul în ceea ce privește timpul necesar pentru a-l livra. Deși clienții pot avea termene limită, ar trebui să aveți abilitățile care vă vor ajuta să determinați dacă un proiect este realizabil sau chiar merită luat în considerare în primul rând. Cu toate acestea, nu lăsați acest lucru să fie o scuză pentru a nu accepta o provocare personală care, în cele din urmă, ar putea ajuta să vă faceți un designer și manager mai priceput al timpului dvs.

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Cele mai bune practici de design UI și greșeli comune
• State goale – Cel mai neglijat aspect al UX
• Simplitatea este cheia – Explorarea designului web minimal
• Principii euristice pentru interfețele mobile
• Proiectare pentru lizibilitate – Un ghid pentru tipografia web