Projektiranje vizualnog sustava na skali

Prije otprilike godinu dana preuzeo sam izazov predvoditi napore u dizajniranju kohezivnog vizualnog sustava za sve Facebookove poslovne proizvode - alate koje tvrtke koriste za povezivanje s milijardama ljudi širom svijeta.
 
Iako je svaki od alata dobro obavljao svoje predviđene funkcije, nije pružio zadovoljavajuće cjelokupno iskustvo niti nadahnjivao tvrtke koje su nam povjerile svoj rast. Naši UI obrasci, upotreba boja i ikonografija varirali su od proizvoda do proizvoda. Cjelokupno iskustvo izgledalo je ne samo zastarjelo, već i izvan kontakta s Facebookom koji su ovi profesionalci koristili u svom osobnom životu.
 
Željeli smo stvoriti dosljedno, zadovoljavajuće, ljudsko iskustvo vrijedno vrijednosti koju naši poslovni proizvodi mogu otključati i za tvrtke i za ljude. Također smo htjeli pokazati predanost tim tvrtkama poboljšavajući alate na koje računaju.

Jedan sustav, mnogo iskustava

Znao sam da će projekt biti timski napor, ali bio sam zastrašen. Do tada sam dizajnirao korisničko sučelje za The Sims i stvorio opsežni vodič za stil za SFMOMA, ali ti su projekti imali samo jednu publiku i jedan proizvod. Stvaranje koherentnog vizualnog sustava koji je obuhvaćao više alata za oglašavanje za različite segmente kupaca, uključujući milijune malih poduzeća, velikih marki i agencija, kao i našu marketinšku web stranicu, bio je posve drugačiji raspon izazova i puno složeniji od svega što sam ikad učinio. Ne samo da je svaki proizvod imao drugačiji izgled i izgled, već je bilo 150 dizajnera preko tih proizvoda; sustav bi morao raditi za sve njih.
 
Nisam znao kako će izgledati sustav, ali znao sam da ne može biti previše recepturan. To je moralo biti proširivo i fleksibilno, sa sposobnošću da se razvijamo kako smo rasli. Prije nego što sam se udubio u vizual, trebao sam shvatiti kako želimo da ljudi dožive naše proizvode. Počeo sam raditi s našim dizajnerskim timom vodstva kako bih definirao naše atribute. Kako smo željeli da se iskustvo osjeća? Smislili smo niz opisa s različitim kontekstima, poput ljudskih, profesionalnih, pouzdanih i prijateljskih.

Usklađivanje dionika

Zatim sam obavio reviziju svih Facebook poslovnih proizvoda, kao i naše potrošačke ilustracije i boje. Pokazala sam našim različitim timovima koliko je cjelokupno iskustvo nepošteno. Potom sam vodio radionice s različitim timovima, koristeći točkasto glasanje i pisanje bilježaka za brzo prepoznavanje dizajna za koje smo mislili da su uspješni.

Jednom kada smo postigli dogovor o osnovnom smjeru - jednom kojeg smo nazvali "apstraktni geometrijski stil" - prošli smo kroz mnogo, mnogo krugova usavršavanja. Sada smo imali jasan smjer, ali još uvijek nam je trebao zajednički način da shvatimo kako se to može primijeniti na sve različite proizvode koje bi sustav mogao preoblikovati.

Veže sve zajedno

Odstupio sam unatrag da pogledam sustav kao cjelinu. Kad sam revidirao vježbu koju smo učinili da bismo odredili atribute našeg branda, vidio sam da se mogu primijeniti u svakom od različitih iskustava koje smo željeli spojiti. Bilo je samo pitanje prilagođavanja intenziteta svakog atributa duž spektra, ovisno o publici i proizvodu.
 
Primjerice, željeli smo da se Power Editor, reklamno sučelje koje primarno koriste profesionalci u oglasnim agencijama, osjeća sofisticiranije i naprednije. S druge strane, ljudi koji koriste Stranice uglavnom su mala i srednja poduzeća, pa bi se proizvod trebao osjećati jednostavnijim i pristupačnijim.
 
Isto je vrijedilo i za boju. Jednoj će publici trebati da bude pouzdan i smiren, dok drugoj treba da se osjeća prijateljski. Proučavao sam sustav boja i pokušao ga preslikati u dimenzije koje smo razvili za Facebook poslovanje. Primjenjujući dimenzije poput ovih na sva iskustva na koja bi projekt utjecao, počeo sam uočavati kako se možemo odnositi prema čitavoj našoj publici na koherentan, sustavan način.
 
To ne znači da je bilo lako. Razvoj palete boja koji bi djelovao na svim potrošačkim i poslovnim proizvodima - držeći ih zajedno bez brisanja značajnih razlika - bio je jedan od naših najvećih izazova. Susret je zahtijevao dosta suradnje više timova.

Koristili smo ton-po-ton kako bismo pojačali Facebook robnu marku i stvorili više dosljednosti u ilustracijama potrošača i poslovnih. Unutar cjelokupne sheme koristili smo različite sheme boja za različite poslovne proizvode da bismo stvorili jasne razlike između površina, pomažući ljudima da ostanu orijentirani.

Održavanje čovjeka

Boja je bila samo dio našeg napora u izradi poslovnih alata koji su objedinjavali različita iskustva, čuvajući odgovarajuće razlike. Facebook se odnosi na povezivanje ljudi i ako se naši poslovni alati - čak i oni najnapredniji - osjećaju dehumanizirajuće ili odvojenim, neće se osjećati kao dio Facebooka.
 
Trebao nam je novi vizualni sustav da bude dovoljno jednostavan i univerzalan da se emocionalno povežemo sa širinom ljudi koji koriste naše alate širom svijeta. Napisala sam smjernice za predstavljanje ljudi unutar našeg vizualnog sustava, uključujući puno različitih tonova kože i frizura koje predstavljaju raznolikost.

Ljudske figure također su morale odražavati mnoštvo radnih mjesta (na primjer, agencija protiv restorana). Potrošačke brojke trebale bi izgledati poput svakodnevnih ljudi, nikada ukočene ili robotske. Na svim proizvodima ljudi bi se trebali koristiti za ispričavanje priče ili prenošenje poruka - nikad nasumično smještenih u sastav. Svaka je ilustracija potrebna kako bi se jasno priopćilo kako se odnose na naše proizvode.

Pet stvari sam naučio

Što dalje od početka projekta postajem jasnija, njegove najveće lekcije postaju. Neki su specifični za Facebookove jedinstvene razmjere, ali nadam se da su drugi korisni svima koji grade vizualni sustav za raznolik raspon iskustava - ili vodeće složene dizajnerske projekte općenito. Evo pet najvećih poduzimanja:

  1. Radite s timovima na definiranju jasnih ciljeva rano. Ovaj je projekt imao puno nejasnoća i ovisnosti. Tijekom faze istraživanja provodili smo intenzivne radne sesije sa svim našim dizajnerskim timovima. Uvidi koji smo stekli pomogli su nam da uspostavimo jasne vodeće principe.
  2. Preuzeti odgovornost. Kad su ta načela postavljena, nemojte pretjerivati ​​s demokracijom. Dugačke, emocionalno nabijene rasprave mogu dovesti do dizajna koji zajedno ujedinjuje sve ideje i nema jaku osobnost. Kad ste u nedoumici, vratite se na načela vodilja.
  3. Ostanite u kontaktu s pokretnim ciljevima. Mnogi su se poslovni proizvodi ponovno dobivali na marki u isto vrijeme kada se ovaj posao razvijao. Komunikacija s pravim dionicima iz tih timova u pravo vrijeme pomogla nam je da utječemo na njihov rad. Također nam je pomoglo da bolje razumijemo njihove dizajnerske potrebe.
  4. Odgajati, educirati, educirati. Mnogo mog najvažnijeg rada usredotočeno je na izgradnju šireg razumijevanja što je sustav i zašto je važan. Sustav smo evangelizirali rano i često, kroz širok raspon događaja i Q & As s različitim dizajnerskim timovima.
  5. Ostanite uključeni. Bez obzira koliko je vaš sustav usklađen i fleksibilan, vjerujte da će mu trebati kontinuirano aktivno održavanje. Kako bih vam pomogao da pratimo sve naše pokretne dijelove, ostao sam uključen ne samo kao izvor odgovora, već i kao slušatelj. Raspitivanje dizajnerskih timova o njihovim izazovima omogućilo nam je provedbu nekoliko poboljšanja koja su dizajnerima olakšala uklapanje njihovog rada u sustav.

Prema snažnijim vezama

Nije svako iskustvo u svim Facebook poslovnim i potrošačkim proizvodima savršen balans između prepoznatljivosti i jedinstva s cjelokupnim Facebook iskustvom. Ali vizualni sustav pomogao nam je da napravimo veliki skok ka tom cilju. Sve više naši poslovni alati ne djeluju samo; oni se također dobro koriste. Osjećaju se više kao dio Facebooka i više su u skladu s tim zašto ih ljudi u prvom redu koriste - kako bi uspostavili smislene veze s drugim ljudima i tvrtkama.