De ce povestirea digitală excepțională bate designul excepțional de bun

Publicat: 2017-09-09

Elementele vizuale sunt foarte importante în lumea designului digital. Luați, de exemplu, o fotografie cu o mamă și copilul ei jucându-se în aer liber cu zâmbetul pe buze, afișată cu mândrie pe site-ul unui producător de jucării pentru copii.

Gândiți-vă la acea imagine a unui grup de profesioniști în afaceri într-o sală de ședințe pentru un panou cu o soluție de conferințe care v-a captat atenția în timp ce conduceați pe autostradă. Chiar și cel mai mic logo de pe eticheta produsului lactat pe care l-ați cumpărat de la băcănia din cartier este un produs al unui designer grafic.

Fotografiile și graficele sunt folosite pentru a spune povești tot timpul, dar designerii uită uneori că, oricât de uimitoare arată site-urile web sau grafica lor, publicul va fi mereu atent la povestea din spatele ei. Un design digital bun vă va spune întotdeauna „ce”. Designul digital excelent vă spune și „de ce”.

Oferă publicului tău ceva de văzut, dar are și ceva de spus.

Până acum, s-ar putea să vă întrebați: „Sunt designer. Nu ar trebui scriitorii să spună povestea?” Dacă nu ați observat încă, povestirea înseamnă mai mult decât să scrieți o copie sau să compuneți un articol lung despre un produs sau serviciu. Imaginile tale au nevoie și de o poveste. Gândiți-vă la bărbatul eroic care salvează un cățeluș să nu fie lovit de un vehicul în mișcare pe o stradă aglomerată. Sau imaginați-vă un tată care își învață fiul cum să meargă pe bicicletă, uitându-vă cum copilul trece bucuros. Acestea sunt momente mici în care oamenii se angajează într-o anumită acțiune, care creează impact.

Ei spun că media este valoroasă doar atunci când este folosită pentru a completa conținut valoros. În calitate de designeri, trebuie să fiți capabil să spuneți o poveste sau să transmiteți o idee cu fiecare rezultat. Imaginile, grafica și tipografia sunt toate modalități foarte creative prin care poți transmite un mesaj; dar cu fiecare mesaj, trebuie să ai ceva de spus. Nu crea doar pentru a impresiona; crea pentru a exprima.

Storifică-ți designul.

Înainte de a începe cu designul, asigurați-vă că aveți o poveste din spate. De ce faci asta? Ce rost are să împărtășesc asta? Fă brainstorming dacă trebuie. Asociați cuvintele - substantive, verbe și adjective cu proiectul dvs. Va apărea ceva comun; aceasta ar putea fi povestea ta de design.

Un exemplu deosebit de bun este direcția pe care TOMS, o companie populară de pantofi cu scop profit, cu sediul în California, a luat-o în brandingul lor. Nu a fost nimic special în linia lor inițială de produse; Tocmai au făcut o ramură a pantofilor simpli de pânză, faimoși în America de Sud, numiți alpargatas. Dar aici devine interesant. În timp ce lucra voluntar, fondatorul Blake Mycoskie a observat că mulți dintre copii nu aveau pantofi. Când Blake a luat balonul, a decis că pentru fiecare pereche vândută, va oferi o nouă pereche unui alt tânăr dintr-o țară în curs de dezvoltare, sau ceea ce este acum cunoscut sub numele de modelul de afaceri „unu pentru unul”.

Storify your design

Datorită acestei povești grozave, vestea despre marcă s-a răspândit ca un incendiu prin intermediul cuvântului în gură și al rețelelor sociale. În special, această poveste se reflectă pe site-ul web de pantofi TOMS. Multe dintre imaginile din site evidențiază care este povestea companiei, în loc să pună în prim-plan produsele efective pe care le oferă. Drept urmare, ei sunt capabili să se conecteze la simțurile publicului și să transmită o poveste care rezonează.

O altă bună utilizare a povestirii în design este unicornul de transport, Uber. La început, povestea este destul de clară. Transportul în comun este dezastruos. Nu știi când este o întârziere, nu știi dacă vei putea circula confortabil și atunci trebuie să plătești cash. Deși compania s-a confruntat cu o grămadă de probleme grave, numărul său de călători la nivel mondial a arătat destul de evident că Uber funcționează și își face treaba excelent ca un serviciu alternativ de transport la cerere.

Storify your design

Interfața de utilizare a aplicației abordează toate punctele dureroase pe care le are călărețul obișnuit. Unde se află exact cursa acum? Cât timp va dura până când mașina ajunge la locația călărețului? Cât va plăti călărețul? Care este numărul șoferului dacă trebuie contactat? Toate detaliile vitale de care are nevoie pilotul sunt afișate în aplicație într-o manieră sistematică. Chiar și site-ul Uber spune multe despre efortul companiei. Fiecare grafic, pictogramă și chiar și fonturile strigă „plăcut” și „ușor”.

A spune povești prin design implică procese sistematice.

Ca și în orice lucru construit manual (și cu minte), designul eficient trebuie să urmeze anumite procese. Luați, de exemplu, procesul de creare a unui site web. Construiți storyboard-uri chiar înainte de a începe să creați machete sau wireframes. Fiecare parte a poveștii dvs. ar trebui să conțină o interacțiune, de exemplu, ce se va întâmpla când utilizatorul face clic pe ceva sau derulează în jos și așa mai departe.

Braden Kowitz, un cunoscut designer de experiență pentru utilizator, sugerează crearea unei serii de cazuri de utilizare narative pentru produsul dvs. care ilustrează fiecare pas din călătoria utilizatorului. El îl numește un proces de design centrat pe poveste. Cu aceasta, puteți simula experiența utilizatorului și puteți identifica toate rezultatele posibile și, ca rezultat, deciziile dvs. de proiectare se vor baza în întregime pe modul în care oamenii aleg să vă folosească produsul.

Acest lucru este în contrast puternic cu un design centrat pe ecran, în care prezentați sau creați o prezentare a unei interfețe de utilizare, așa cum se arată un plan. Afișarea planurilor înseamnă că doar enumerați modul în care fiecare element se încadrează în plan. „Problema este că”, spune Kowitz, „când desenele sunt prezentate în acest fel, nu faceți decât să înțelegeți cum arată produsul. Nu vă concentrați pe modul în care funcționează produsul și nu simulați modul în care clienții interacționează cu acesta.”

Kowitz sugerează, de asemenea, să folosiți instrumente precum Adobe Fireworks și programe de screencast atunci când vă redați poveștile, în afară de software-ul obișnuit de design vizual Adobe Photoshop și Adobe Illustrator. Nu creați pentru web doar proiectând ecrane individuale.

Când exersați adoptarea acestei discipline, procesul de proiectare va fi mult mai ușor. De asemenea, puteți evidenția greșelile de design care sunt adesea trecute cu vederea. De asemenea, puteți ști dacă vă îndepliniți sau nu obiectivele de proiectare pe măsură ce progresați. În plus, veți putea lucra mai rapid atunci când fiecare parte a procesului este acoperită sau abordată.

Modul în care vă spuneți povestea designului contează și el.

În fiecare proiect de design, mai întâi trebuie să pregătești scena pentru povestea ta. Fundalul și dispozițiile contează la fel de mult ca mesajul tău real și rezultatele dorite. Cum va avea povestea ta un pumn?

  • Introduceți o poveste personală. Trebuie să fii capabil să apelezi la simțurile publicului tău. Dacă acest lucru este dificil pentru tine, atunci trebuie să poți găsi o modalitate de a încorpora publicul în povestea ta. Oamenii trebuie să fie capabili să se relaționeze cu punctele tale de durere pentru ca ei să ia măsuri.
  • Spune neașteptat. Nu faceți un utilizator să spună „Am văzut asta de multe ori. De ce să cred asta?” Nu lăsați publicul să devină sceptic. Câștigă-le atenția făcând ceva nou. Nu mergeți cu o copie formulă sau cu grafice sau sunete prea familiare.
  • Provocați înțelepciunea convențională. Cine știa că emoji-urile acelea mici pot fi îmbunătățite? Au făcut parte din cultura de mesaje text și mesaje de atât de mult timp, dar astăzi puteți chiar atașa versiuni în mișcare ale acestora ca obiecte în videoclipuri. Atenția oamenilor se scurtează cu fiecare minut, așa că, în calitate de designer, trebuie să găsești constant modalități de a îmbunătăți chiar și cele mai simple, cele mai frecvent utilizate lucruri, pentru a preveni ca acestea să devină plictisitoare.
  • Agățați-le cu noutate. Introduceți ceva nou cu fiecare poveste. Includeți date pentru a vă valida afirmațiile. Te-ai întrebat vreodată de ce creierul tău tânjește la infografice? Oamenilor le ia mai mult timp pentru a procesa informații noi care le sunt prezentate. Cu ajutorul infograficelor, oamenii sunt capabili să proceseze simboluri și numere în câteva milisecunde și sunt capabili să le atribuie un sens imediat. Sunt ușor de digerat și extrem de captivante.
  • Pune întrebări provocatoare. Poveștile de design de succes îți vor obliga publicul să acționeze. Fă-ți întotdeauna clienții potențiali să gândească. Ce este în joc? Ce se întâmplă mai departe? În acest fel, îți vei face povestea să rămână.

Câteva exemple fantastice de la care să îți iei reper.

Acum că știți de ce contează o povestire bună și ce presupune o povestire bună, este timpul să explorați mai multe exemple bune de povestire vizuală convingătoare.

1. Bellroy – Slim Your Wallet

Bellroy
Slăbiți-vă portofelul. Sursă

Acesta este un exemplu foarte frumos de poveste de design bine făcută. Vă prezintă o problemă deja existentă (în acest caz, portofele grase) și vă arată cum produsul vă va rezolva problema, unul lângă altul. Există, de asemenea, o scurtă instrucțiune despre ceea ce ar trebui să facă utilizatorul: „Mutați cursorul pentru a compara portofelele”. Formulare simplă, dar atât de precisă. Nu presupuneți întotdeauna că cineva care vă vizitează site-ul va ști automat ce trebuie să facă.

2. Atlassian – Pierderea timpului la locul de muncă

Atlassian
Pierderea de timp la locul de muncă. Sursă

Infograficul interactiv de la Atlassian te prinde de încheietura mâinii cu acest fapt deranjant: pierzi mult timp la serviciu. Apoi vă prezintă statistici pentru a susține această afirmație. Deși este o informație complet nouă, este un subiect destul de plictisitor. Ceea ce îl face eficient este că este prezentat într-o manieră interactivă și plină de culoare, în timp ce transmite un sentiment de profesionalism. Culoarea captează atenția și ajută la evidențierea informațiilor critice.

3. Slack – Mențiune NASA pe pagina de pornire

Slack
Mențiune NASA pe pagina de pornire. Sursă

Pentru o vreme, aplicația de mesagerie și productivitate la locul de muncă Slack a avut o includere foarte inteligentă în pagina lor de pornire. Au prezentat Laboratorul de propulsie cu reacție NASA, un client apreciat, cu copia „O aplicație de mesagerie pentru echipele care au pus roboți pe Marte!!” împreună cu o fotografie a lui Marte ca imagine erou. Asta este o poveste în sine. Slack vrea în mod clar să sugereze că produsul este suficient de bun pentru echipa ta, deoarece chiar și oamenii de știință de la NASA îl folosesc. Când proiectați pentru un produs, trebuie să puteți oferi imediat o propunere de valoare cu o singură privire. Spune-i publicului de ce ieși în evidență fără a promite exagerat ceea ce vei oferi.

4. Twoodie – Jucării organice din lemn pentru bebeluși

Twoodie
Jucării organice din lemn pentru bebeluși. Sursă

Nu aspectele tehnice ale site-ului te vor atrage, ci povestea care vine cu imaginile din site. Pentru a evidenția ceea ce oferă, totul este în tonuri de gri, cu excepția jucăriilor reale. Acest lucru evocă un sentiment de puritate și simplitate. Privitorul este făcut să se țină de promisiunea că marca este complet durabilă, sigură și organică, cu modele bine gândite.

Elementele vizuale vor fi întotdeauna esența designului. Cu toate acestea, povestirea imersivă este, de asemenea, la fel de esențială, așa că merită să vă gândiți la povestea pe care doriți să o spuneți. Asigurați-vă că includeți acest lucru în procesul dvs. de proiectare și conectați această poveste interesantă cu modelele, culorile, imaginile, fonturile și efectele dvs. După ce ai terminat, evaluează dacă povestea funcționează sau nu sau dacă lasă un impact de durată. Asigurați-vă că designul dvs. se conectează la simțuri, creează experiențe noi și generează rezultate de durată.