Pārveidojot Pinterest, bloks pa blokam

Kad biju bērns, kas auga Zviedrijā, mana istaba bija piepildīta ar klasiskām BRIO izstrādātām koka rotaļlietām. Es atceros, ka mani fascinē vienkāršie zīmējumi, košās krāsas un abstrakto ģeometrisko formu un organisko formu sajaukums. Tas, kā viņi izskatījās un pārvietojās, aicināja jūs spēlēties ar viņiem.

Īpaši lieliska bija koka vilcienu sistēma. Sliežu gabalus jūs varētu salikt lokos, taisni, s-līkumos, lai ko jūs vēlētos. Bet jums bija jāpārdomā, kā izveidojāt savus maršrutus - bija loģika, kā gabali sader kopā, un jūs nevarat piespiest ģeometriju.

Pēc divdesmit gadiem mani paši bērni spēlējas ar šīm pašām manas bērnības relikvijām. Es šobrīd dzirdu, kā viņi ķeras pie viņu istabas koka grīdas. Izturīgais dizains ir noturējies gadu gaitā un pārmaiņu paaudzēs.

Šī brīnišķīgā pašsaprotamā BRIO vienkāršība man ienāca prātā pagājušā gada pavasarī, kad es pirmo reizi sāku pievērsties lielai problēmai, kas bija izveidojusies, izstrādājot Pinterest. Patiesībā 3 lielas problēmas.

  1. Mūsu lietotāja saskarne nebija konsekventa
  2. Mūsu redzes sistēma bija sastingusi
  3. Mūsu mārketings jutās atvienots no mūsu produkta

Gadu gaitā mūsu tīmekļa vietnes, lietotņu un mārketinga modeļi bija sākuši dreifēt, tāpēc vairs nelikās, ka viņiem ir tāda pati personība. Tika pievienotas arī vairākas jaunas funkcijas bez skaidra redzējuma par to, kā tās iekļaujas kopējā dizainā, tāpēc interfeiss bija sācis justies pārblīvēts un grūti saprotams. Nebija vizuālas hierarhijas vai sistēmas, kas palīdzētu jums saprast, kas ir svarīgi, apskatot jebkuru konkrēto lapu. Rezultātā pazuda visas iedvesmojošās idejas, kuras cilvēki saglabā vietnē Pinterest - līdz šim vissvarīgākā mūsu pieredzes daļa.

Kā izrādās, ir sasodīti grūti izveidot konsekventas un skaistas lietas mērogā.

Principu jautājums

Visai Pinterest pieredzei bija ļoti nepieciešama vienkāršošana un apvienošana. Un, ja mēs to darītu, mums pašiem bija jāidentificē daži galvenie dizaina principi.

Es atkāpjos uz tumšo Pinterest pagraba stūri un nākamās pāris nedēļas pavadīju spēlējoties ar dizainu. Sākumā es pat nebiju pārliecināta, ko daru - būtībā tā bija kā mana paša izaugušā versija, kā kopā sasist blokus. Es sāku ķerties pie tādiem jautājumiem kā Kāpēc cilvēki mīl Pinterest? Kas padara mūsu produktu unikālu? Kāda ir mūsu personība? Par ko mēs visi runājam?

Jo vairāk es par to domāju, jo vairāk es sapratu, ka Pinterest būtība ir līdzīga manas ģimenes iemīļotajai BRIO rotaļlietu kolekcijai. Abas mudina jūs spēlēties ar dažādām iespējām, savienot gabalus kopā un radīt savu pasauli. Jūs varat sākt ar saviem mērķiem un projektiem prātā, vai arī jūs varat iedvesmoties no tā, ko kāds cits dara, un veidot to. Ieliecieties un nekavējoties sāciet spēlēt, apstājieties, kad vien vēlaties, pēc tam atgriezieties un paņemiet tieši tur, kur beidzāt.

Padziļinot domāšanu, pamatīpašības, kuras dalījās Pinterest un BRIO, saruka līdz 3 vienkāršiem principiem. Tie aprakstīja labākās Pinterest šodienas īpašības un lika pamatus tam, kur mēs vēlējāmies produktu nākotnē.

-

  1. Lucid

Tas ir intuitīvs, nav iemācīts
 Jūs saprotat, kā lietas darbojas bez tieša paskaidrojuma.

Tas lietotājam liek justies spēcīgam
Nekas neliek justies neērti vai patīk, ka nevarat uzticēties sistēmai. Sistēma nodrošina jūs ar pareizajām sastāvdaļām un jautā, ko darīt tālāk.

Tas padara saturu labāku garšu
Rāmis ir pilnīgi bezšuvju un slēpts. Jūs to nepamanīsit, kamēr nedarbosities ar to. Tā vietā, lai mēs piespiestu jūs, jūs izlemjat, kāds tas ir.

2. Animēts

Tas ir krāsains
Personība ir drosmīga un izceļas.

Tas ir vizuāli atsaucīgs
Pieredzes mijiedarbība fiziskā veidā.

Tas ir negaidīti
Pieredze ir rotaļīga un jautra, taču nekad nav milzīga.

3. nesalaužams

Tas ir izveidots izpētei
Tāpat kā bērnu rotaļlietu, jūs vēlaties to izmēģināt, tikai lai redzētu, kas notiks. Jo vairāk jūs izmeklēsit, jo ātrāk jūs mācīsities un vairāk iegūsit pretī.

Nav iespējams nepareizi pieskarties
Viss ir paredzēts, lai palīdzētu jums viegli orientēties un darīt tieši to, kas jums bija prātā.

Tas ir atgriezenisks
Ja nejauši veicat kaut ko tādu, kas nesniedz meklētos rezultātus, ir skaidrs, kā to labot.

-

Kad mēs bloķējām šos 3 principus, nākamais solis bija tos pārveidot par kaut ko taustāmu, kas potenciāli varētu būt pamatā visam, ko mēs uzbūvējām, virzoties uz priekšu.

Pamati

Formas - mēs izmantojam pamata formas un skārienjutīgas formas, kuras cilvēki dabiski saprot un ar kurām vēlas mijiedarboties. Stūri ir noapaļoti, lai tie būtu pieejamāki.

Krāsas - es esmu liels līdzīgu krāsu shēmu cienītājs. Viņi jūtas ļoti dabiski un atspoguļo mierīguma sajūtu. Ja jūs apvienojat dažas dažādas analogās krāsu shēmas, kas sākotnēji bija balstītas uz dažām dotajām papildinošajām krāsām, rezultāts ir ļoti interesants un negaidīts.

Hierarhija - viss ir ārkārtīgi hierarhisks, tāpēc vienmēr ir skaidrs, kas ir vissvarīgākais. Projektējot, mēs sev jautājam: kas šeit ir vissvarīgākais, lai kāds to saprastu? Ko mēs varam noņemt, lai padarītu lietas vēl acīmredzamākas?

Baltā telpa - vecajā Pinterest dizainā galvenā uzmanība tika pievērsta traukiem, kas ieskauj cilvēku saturu, un tas pārspīlēja pašu saturu. Viss, ko jūs redzējāt, bija daudz līniju, slīpumu, pelēkas nokrāsas. Nebija vietas elpot. Ieviešot balto telpu, tiek panākta dabiska elementu atdalīšana, nepievienojot lielāku vizuālo troksni. Rezultāts ir līdzsvarots un strukturēts, un atstarpes daudzums palielina personību un ietekmē.

Sākotnējie pētījumi un idejas

Mēs gribējām redzēt, kas notiks, ja mēs vienkārši noņemsim visus konteinerus no lietotāja saskarnes. Vai uzmanība tiks pievērsta pašiem objektiem, vai arī pieredze pilnībā sabruks?

Izrādās, ka izveidotais režģis bez konteineriem jutās lieliski, un beidzot tika uzsvērta idejas, ko cilvēki taupīja vietnē Pinterest. Mēs nezaudējām konteinerus pilnībā, jo tie palīdz noskaidrot, kāda informācija ir pievienota attēlam. Tā vietā mēs gaidām konteinera parādīšanu, līdz jūs esat pietiekami ziņkārīgs, lai pieskartos. Tādā veidā interfeiss vizuāli māca, kā informācija ir savienota un grupēta mūsu sistēmā. Šī mijiedarbība ir jāpiedzīvo tikai vienreiz, lai saprastu, kā tapa ir izveidota.

Jauna standartu kopuma izstrāde

Pēc labu pāris mēnešu spēles ar dizainu un mijiedarbību, komanda un es beidzot ieguvām lietas, kur mēs jutāmies kā pārstāvēti visi trīs mūsu produktu dizaina principi (gaiši, animēti, nesalaužami). Mēs bijām gatavi izmēģināt mūsu jaunizveidotos principus un projektēšanas sistēmu.

Mēs gribējām sākt ar ierobežotu sistēmu, tāpēc vispirms nolēmām pievērsties mūsu iOS lietotnei. Pirmajā piegājienā mēs koncentrējāmies uz vizuālo noformējumu - informācijas arhitektūras pārveidošana notiks vēlāk. Varat izlasīt visu par iOS pārstrukturēšanu un koordinēto aizmugures programmas atjaunošanu WIRED.

Vienlaicīgi ar lietotnes pārveidi mēs izveidojām arī tā saucamos Pinterest produktu dizaina standartus, kas ietver:

Sistēma - formas, tipogrāfija, krāsas, režģi
Struktūra - sastāvdaļu izvietojums
Vide - visi mazie pasaules projekti, kurus mēs projektējam

Nākamos 9 mēnešus mēs pavadījām, cieši sadarbojoties ar inženierzinātnēm, lai izveidotu katru komponentu, un visa gaitā mēs izdarījām daudz modifikāciju un pielāgojumu. Tas ir bijis neticami, kopīgs darbs, kas nodrošina, ka viss, ko mēs kopā uzbūvējām, ne tikai atbilst mūsu dizaina mērķiem, bet arī ir atkārtoti lietojams un vērtīgs visām citām produktu inženieru komandām visā Pinterest.

Zemāk ir aprakstīti tikai daži no veidiem, kā mūsu jaunie dizaina standarti ir izveidojušies visā Pinterest.

Episkā komanda, kas ļāva tam notikt

Diezgan visa jaunā produktu dizaina komanda Pinterest bija iesaistīta jaunās dizaina sistēmas pārbaudē un izpildē.

Mums bija arī neliela plaisu dizaineru komanda (Annija Tenga, Džejs Mārsijs, Kimberlija Fellmane, Linusa Vahlstedta, Ilga Čena, Patrika Gēte, Riks Čatas, Sjūzena Kare, Toms Vatsons, Vouzungs Kangs), kuri cieši sadarbojās ar mani un mūsu apbrīnojamajiem inženieriem. kopā atkārtojiet dizaina lēmumus, lai atrastu pareizās pārejas un līknes, noteiktu dažādu žestu prototipus utt. un tā tālāk. Šī patiesi bija labākā procesa daļa. Darbs starp komandām, iekļaujot atsauksmes no vairākiem aspektiem (process Pinterest tika dēvēts par “adīšanu”), padarīja rezultātus eksponenciāli spēcīgākus. Mums arī bija ļoti jautri.

Un visbeidzot, es cieši sadarbojos ar Pinterest zīmola komandu, lai izveidotu jaunas zīmola vadlīnijas, kas atspoguļo šos pašus dizaina principus. Mūsu jaunākais mārketings jau sāk justies tā, it kā tas būtu vienāds ar mūsu produktu.

Nākamajā posmā mēs risināsim nākamo iOS lietotnes uzlabojumu vilni, kā arī pārveidosim Pinterest vietni un Android lietotni, un mēs meklējam vēl vairāk zvaigžņu dizainerus, kas palīdzētu to īstenot.

Es ceru, ka jūs esat tikpat satraukti kā mēs par to, kur tas viss nonāks.

-

Pateicoties Adam Barton, Allens Viljamss, Arla Rosenzweig, Andrea Burbank, Austin Chang, Austin Louden, Bill Kunz, Brendan Ryan, Bin Liu, Chris Danford, Changshu Liu, Chunyan Wang, Connor Montgomery, Dan Lurie, Eusden Shing, Evan Sharp, Evanijs Tomass, Hijs Ngujens, Frenks Fumarola, Garets Mūns, Džordžs Liu, Gordons Čens, Džeisons Kosta, Džefs Feriss, Dženija Liu, Džons Milinovičs, jūnijs Andrews, Leo Liu, Leons Lins, Levi Makkalums, Lukas Blaks, Lūks Žao, Martins Jiangs , Maura Linčs, Makss Gū, Maikls Šneiders, Nikola Hedlija, Nipoon Malhotra, Rahul Malik, Ricky Cancro, Rocir Santiago, Romi Phadte, Samuel Hsiung, Scott Goodson, Seth Weisfeld, Steven Ramkumar, Steven Walling, Trevor Pels, Vincent Tian, ​​Vivian. Qu, Wendy Lu, Yu Yang, Yuchen Liu, Yuliang Lin, Yunnan Wu par to, ka tas notika.

-

Andreass