Škola dizajna Yandex. Mobilna škola dizajna: postupak rješavanja testnog zadatka. O čemu se radi u našoj školi?

Izvrsna prilika za ulazak u novo zanimanje. Stoga sam odlučio napraviti testni zadatak.

Zadatak se sastoji iz dva dijela:

1. Pogledajte Yandexove mobilne proizvode i predložite nekoliko ideja za poboljšanje bilo kojeg od njih.
2. Predložite koncept mobilne aplikacije za uslugu Yandex.Travel. Rezultat bi trebao biti nekoliko ključnih zaslona i opis kako radi i zašto.

Drugi zadatak pokazao se težim nego što sam mislio. Čini se da sam napravio sve greške koje sam mogao, a o tome ću govoriti u nastavku.

Postupak

Saznao sam za upis u Školu neposredno prije odlaska u Jekaterinburg na DAMP. Na putu u vlaku počeo sam razmišljati o sučelju aplikacije i crtati ekrane u bilježnici.

Ovo je bila prva greška. Počeo sam graditi sučelja onako kako sam želio. Ispravna stvar bi bila prvo shvatiti koje potrebe sučelje treba riješiti i izgraditi ga u skladu s tim.

Kad sam se vratio iz Jekaterinburga, imao sam 12 dana da obavim dva zadatka ispitni zadatak. Kako bih bolje razumio prolazak vremena, objesio sam papirić s danima ispred sebe da zapamtim rok. Svake sam večeri prekrižio prethodni dan.

Ikona

Korisnik se upoznaje s aplikacijom prije njenog pokretanja. Ikona aplikacije je jako bitna, pa sam počeo tamo. Za osnovu sam uzeo ikonu već postojeće web usluge Yandex.Travel.

Počeo sam crtanjem ikone u svom:

Moja druga greška. Izgleda lijepo, ali u stvarnosti nema nikakve koristi. Kad sam počeo crtati u Sketchu, pokazalo se da je to totalno sranje:

Pravo bi bilo ne crtati postojeću ikonu, već krenuti od asocijacija koje servis izaziva. Yandex.Travel je usluga za traženje izleta i odabir hotela.

Prva asocijacija koja mi je pala na pamet bila je čaša koktela; ona vam omogućuje opuštanje, poput izleta na more.

Slažem se, izgleda jadno. Iako čak možete primijetiti Y iz Yandexovog logotipa. Ova opcija nije prikladna jer povezivanje usluge s alkoholnim pićem nije dobra ideja. Sljedeća asocijacija na putovanje: palme!

Shvatio sam da sam opet pogriješio. Da, počela sam crtati ikone po asocijacijama, ali one su bile u vakuumu. Bilo bi ispravnije proučiti ikone mobilnih aplikacija Yandex, istaknuti zajedničke značajke i koristeći ih u kombinaciji s asocijacijama za crtanje ikone.

Tko bi želio prihvatiti takvog čudaka u svoju obitelj?

Ikone Yandexovih aplikacija jednostavne su i ne nose previše asocijacija. Za Transport imaju autobus, za Poštu kovertu, a za Tržnicu kolica s namirnicama.

Počinjem tražiti jednostavne asocijacije za putovanje: prtljaga, torba, karta. Dok sam tražio jednostavne implementacije ikona, naišao sam na kompas. Doista, kompas i njegova slika poznati su svima. Nacrtam ikonu i oblačim je u korporativne boje. Provjeravam kako se osjeća u obitelji:

Sjećam se da je pola vremena prije roka iza mene. Ostalo je još tjedan dana. Crtanje ikone nije lak zadatak. Odlučujem se za opciju s kompasom i prelazim na sučelje mobilne aplikacije.

S lijeve strane nalazi se ikona s obrubom za stranicu popisa mobilne aplikacije, s desne strane je ikona za korištenje u prototipu, ne bi trebala imati obrube.

Ikona se dobro osjeća u svom prirodnom staništu:

Mobilna aplikacija

Otvorio sam Yandex.Travel na svom pametnom telefonu da vidim kako izgleda mobilna verzija stranice. Zatim sam instalirao sljedeće aplikacije: Booking, Ostrovok, Travelata.ru, Aviasales i AirBnB da vidim kako bi sučelje moglo izgledati u aplikacijama posvećenim putovanjima i traženju hotela/tura. Instalirao sam sve Yandex aplikacije dostupne za iPhone kako bih pronašao uobičajene obrasce u sučeljima.

Počeo sam tražiti udarce driblingom u nadi da ću pronaći zanimljiva sučelja i iskoristiti ih kao osnovu za svoj koncept. Ovo je bila moja sljedeća greška.

Ispostavilo se da su slike u driblingu odvojene od života. Zasloni koje sam pronašao bili su lijepi, ali bili su u vakuumu i nisu riješili problem.

Određeno tko će koristiti mobilnu aplikaciju Travel. Prije svega, to su oni korisnici koji su već koristili uslugu putem mobilne verzije stranice.

Idi na aplikaciju iz mobilna verzija Stranica bi trebala biti što manje bolna za korisnika, stoga bi sučelje trebalo biti poznato i poznato.

Uzeo sam sučelje mobilne verzije stranice kao osnovu i modificirao ga kako bi odgovarao mobilnoj stvarnosti. Rezultat je bila datoteka skice od 8,7 MB i 15 umjetničkih ploča:

Za razliku od mobilne verzije, aplikacija sada ima stranicu s izborom osobnih obilazaka, mogućnost dodavanja rezultata pretraživanja u favorite i gumb "Povijest" koji pohranjuje povijest upite za pretraživanje korisnik.

Prototip

U ovoj sam fazi shvatio da sam napravio najveću pogrešku tijekom cijelog ispitnog zadatka.

Nacrtao sam sučelja za zaslon svog starog iPhonea 4es kako bih demonstrirao rad koncepta na njemu. Kad sam prvi put otvorio sliku aplikacije, shvatio sam da veličina artboarda ne odgovara veličini zaslona pametnog telefona.

U Sketchu su moji ekrani imali dimenzije 320 x 480 piksela, ali su trebali 640 x 960. Počeo sam prepravljati sve ekrane. Tada sam shvatio da elementi izgledaju dobro u Sketchu, ali na pametnom telefonu su mali.

Bilo bi ispravnije pristupiti procesu drugačije: ne "Nacrtaj sučelje" → "Pokreni izradu prototipa", već nacrtajte jedan ekran i odmah provjerite kako se prikazuje na pametnom telefonu, što bi uštedjelo nekoliko dana rada.

Prije početka testnog zadatka odlučio sam se za alat za izradu prototipa - Framer Studio. Tamo možete pisati u CoffeeScriptu i raditi cool animacije. Zapravo, pokazalo se da nije lako svladati Framerove mogućnosti i implementirati svoje sučelje na njemu u kratkom vremenu. Nema se kamo, rok je na izmaku, treba se gibati.

U školi je Anton Shein spomenuo uslugu InVision. Počeo sam shvaćati.

Usluga se pokazala intuitivnom: postavljate slike i povezujete ih s prijelazima. Možete prilagoditi animacije za prijelaze, postaviti vlastitu ikonu aplikacije koja će se prikazati kada se spremi na početni zaslon iPhonea. To je ono što mi treba!

Bilo je nekih problema. Morao sam se boriti sa statusnom trakom.

Statusna traka je traka sučelja koja prikazuje vrijeme, napunjenost baterije i signal mobilne komunikacije. Moji su izgledi imali svoju statusnu traku, ali InVision može prikazati onu sustava. Ako ikonu spremite na početni zaslon i preko njega pokrenete aplikaciju, statusna traka se stapa s pozadinom.

Kada spremimo ikonu stranice na početni zaslon i pokrenemo je, stranica se otvara kroz web prikaz. Statusna traka može se konfigurirati putem meta oznake apple-touch-icon. Nažalost, statusna traka ne može se konfigurirati da bude prozirna i ima crni tekst. Samo s bijelim tekstom i crnom pozadinom.

Rješenje problema: instalirajte aplikaciju InVision i koristite je za demonstraciju.

Budući da se koncept morao prikazati kroz drugu aplikaciju, narušen je integritet demonstracije. Smislio sam scenarij: show pokrenuta aplikacija, vratite se na ikonu, razgovarajte o tome i vratite se na aplikaciju, bez klika na ikonu.

Proizlaziti

Σ

Da, potpuno sam zaboravio reći. Prije testnog zadatka nikada nisam radio u Sketchu. Kako se pokazalo, lako ga je naučiti.

Mnogo je teže prijeći na dizajn mobilnih aplikacija. Kao web programer, u glavi imam samo web sučelja. Aplikacije imaju potpuno drugačiji slučaj upotrebe i različite značajke.

Glavni razlog zašto želim upisati Školu mobilnog dizajna je steći znanje i iskustvo u kreiranju dizajna aplikacija, te naučiti razmišljati kao dizajner.

Nedavno sam završio tečaj Yandex.Design. Sama sam proučavala gradivo. Ali nisam imao priliku komunicirati s ostalim studentima, postavljati pitanja predavačima, a bilo je teško osjetiti atmosferu Škole.

Stoga želim upisati Školu mobilnog dizajna i osobno pohađati predavanja, postavljati pitanja i što je najvažnije steći iskustvo u stvaranju proizvoda zajedno s ostalim polaznicima.

Bit će primljeno samo 30 osoba, rezultati će biti objavljeni do 27. svibnja. Ostaje samo čekati rezultate i nadati se najboljem, a u međuvremenu me možete podržati lajkanjem i komentiranjem objave.

Bit će mi drago čuti komentare i prijedloge na ispitni zadatak.

U ljeto 2015. prvi Škola dizajna Yandex. Video materijali snimljeni tijekom ljeta bili su osnova tečaja učenja na daljinu. Taras Sharov, koautor škole, napravio je uvodni video u kojem ukratko objašnjava:

1. Kome je namijenjena Škola dizajna?
2. O čemu se radi u našoj školi?
3. Kako ispravno percipirati školsko gradivo?
4. Kako završiti obuku?
5. Gdje početi?

1. KOME JE NAMIJENJENA ŠKOLA DIZAJNA?

Škola nije namijenjena početnicima u dizajnu.

2. ČIME SE NAŠA ŠKOLA RADI?

Trening je podijeljen u 4 bloka:
1. Dizajn u velikoj tvrtki.
2. Izrada prototipova.
3. Dizajn proizvoda.
4. Timski rad.
I također tvoja osobni projekt(praksa).

3. KAKO ISPRAVNO SHVATITI ŠKOLSKO GRADIVO?

Ostavite kritiku na neko vrijeme po strani i budite otvoreni za sve novo. Pokušajte detaljnije proučiti teme o kojima će se raspravljati u školskim materijalima.

4. KAKO SE TRENIRATI?

1. Pripremite se za rad.
2. Odaberite marku i zamislite sebe kao dizajnera koji radi za tu marku.
3. Osmislite ideju za proizvod koji će nadopuniti liniju proizvoda marke. To bi trebao biti mali proizvod – ništa kompliciraniji od Instagrama.
4. Radite na ruskoj verziji proizvoda.
5. Tijekom prvog i drugog odjeljenja naše škole djelujte na temelju svoje intuicije. Počevši od trećeg odjeljka, slijedite naše preporuke.

5. GDJE POČETI?

Ako niste upoznati sa HTML jezici, CSS i JavaScript, onda biste trebali početi s osnovnim tečajevima na Codeacademy. Također, prije starta preporučamo zagrijati mozak uz nekoliko savjeta iz Gorbunovljevog biroa.

Yandex otvara Školu dizajna - projekt za ambiciozne dizajnere proizvoda. Od 15. lipnja do 31. kolovoza zaposlenici Yandexa i pozvani stručnjaci podijelit će svoja iskustva rada na dizajnu proizvoda sa sudionicima projekta. Program se sastoji od četiri bloka: “dizajn u velikoj tvrtki”, “izrada prototipa”, “dizajn proizvoda” i “timski rad”.
Na kraju programa sudionici će predstaviti osobni projekt - jednostavan i korisna usluga, koji bi se konceptualno i vizualno nadovezao na brojne Yandexove servise.

Odabir za školu odvijao se u nekoliko faza. Od 18. ožujka do 19. travnja kandidati su Yandexovom timu poslali portfelj, esej i ispitni zadatak. Intervjuirani su autori najuspješnijih radova. Ukupno je školski tim pregledao 780 prijava i razgovarao sa 74 podnositelja zahtjeva. Iako je prvotno u projektu trebalo sudjelovati 30 sudionika, u konačnom sastavu bio je još jedan.

Lola Kristallinskaya

Zamjenik voditelja Odjela za dizajn

“Dizajn proizvoda za masovne usluge još se nigdje u Rusiji ne uči, Stoga je Škola privukla pažnju različitih ljudi: pisali su nam fizičari, inženjeri, matematičari, arhitekti, web dizajneri, ilustratori. Neki rade i složili su portfolio, drugi još studiraju i tek odlučuju gdje dalje.

U početku smo planirali uzeti 30 slušatelja, ali brojka je proizvoljna: da smo našli 23 osobe, uzeli bismo 23. Bilo nam je važno pronaći “svoje” - strastvene i promišljene u isto vrijeme. Od samog početka formulirali smo cilj - sustav selekcije treba biti transparentan, kako bismo svakome mogli jasno objasniti zašto „da“ ili zašto „ne“.

Bilo nam je važnoo pronaći“naši” - entuzijastični
i promišljeno istovremeno.

Prije svega, pogledali smo "zabrinutost": koliko je osoba ozbiljno pristupila ispunjavanju testnog zadatka. Nije mi bilo otkriće da iskustvo ili cool portfelj uopće ne jamče točan i smislen rad. Vrijedno je kada čovjek razumije kamo ide i spreman je učiti. To opet ne ovisi o dobi ili iskustvu, već o internoj kulturi i osobnim ciljevima. Primjerice, neki su se perspektivni kandidati povukli nakon upozorenja da će morati učiti cijelo ljeto: puno, dugo i teško.

Odgovorili smo svakoj osobi koja nam je pisala, razgovarali s puno ljudi i saznali mnogo zanimljivih stvari o tržištu dizajnera u Rusiji, sigurno ćemo vam to uskoro reći.”

Nastava će se održavati svaki drugi dan u večernjim satima. Mentori iz Yandexa i osobni kustosi pratit će napredak sudionika. Budući da u ruskom obrazovanju za dizajn ne postoji utvrđena metodologija i literatura za dizajnere proizvoda, djelatnici Yandexa samostalno su razvili projektni program.

Taras Šarov

Voditelj odjela za upravljanje proizvodima i dizajn

Škola dizajna, pokrenuta u ljeto 2015. - polaznici tečaja moći će uzastopno proći kroz sve dijelove Škole, slušajući predavanja zaposlenika Yandexa i istovremeno radeći na vlastitim projektima. Videopredavanja će biti objavljivana sekvencijalno, svaki tjedan utorkom. Tečaj traje 10 tjedana i završava 5. travnja.

Urednici stranice doznali su od kreatora Škole detalje o novom video tečaju i njegovom radu.

Recite nam o rezultatima Škole za dizajn. Jeste li zadovoljni rezultatima?

Lola Kristallinskaya, organizatorica Škole dizajna, zamjenica voditelja odjela za dizajn Yandexa: U ljeto 2015. prvi put smo održali Školu dizajna. Za veliki tim Yandex dizajnera - usput, u našoj tvrtki već ima oko 140 dizajnera - ovo je bio važan događaj za koji smo se ozbiljno pripremali.

Žustro smo se raspravljali o programu i formatu obuke: „Što je dizajn u velikoj tvrtki? Što produkt dizajner treba znati? Kako bi trebao raditi s timom?” Dizajneri početnici imaju puno pitanja, a bilo je potrebno razumjeti kako skupiti naizgled rasuto znanje u koherentnu priču i uklopiti je u 2,5-mjesečni intenzivni tečaj.

Kao rezultat toga, program nije uključivao samo praktične blokove, poput izrade prototipova, već i timski rad, prednosti srodnih profesija i drugo. Redoslijed sekcija nije odabran slučajno – prema našem planu, polaznik Škole postupno razvija praktične vještine, postiže određenu profesionalnu zrelost – i do finala je spreman za obranu svog projekta.

Interes za produkt dizajn je velik, i to ne samo od strane poslodavaca – zaprimili smo 780 prijava za edukaciju, s odrađenim testnim zadacima, te smo proveli 70 intervjua koje su uspješno završile 32 osobe.

Jedan od njih je još na početku školovanja odlučio pokušati dobiti posao u Yandexu i nakon uspješno položenih intervjua pridružio nam se. Bilo nam je jako bitno da odaberemo dečke koji ozbiljno shvaćaju svoje treninge. Uspjeli smo, a do završne obrane projekta došlo je 30 učenika Škole od 31 prijavljenog.

Kao rezultat Škole, Yandex je zaposlio 16 diplomanata; ostali su otišli razvijati vlastite projekte ili se vratili u tvrtke za koje su radili.

Taras Sharov, organizator škole, voditelj grupe za izradu prototipa za nove proizvode Searcha, Yandexa: Portret idealnog učenika naše škole izgleda ovako: vi ste se kao dizajner više puta nosili sa zadacima koji su vam postavljeni, kupci su prihvatili vaš rad i bili njime zadovoljni. Postupno ste počeli sumnjati da kupac doista razumije što mu treba. Ili uopće nema kupca, a najbliži kandidat za ovu ulogu ste vi sami. Često se pitate “kako razumjeti: što je ispravno, a što pogrešno?”, imate motivaciju temeljito razumjeti ovo pitanje.

Kod izrade školskog programa pokušali smo odgovoriti na pitanje “što bi produkt dizajner u tvrtki kao što je Yandex trebao znati i moći?” Dakle, imamo ambicioznog dizajnera sučelja. Gdje bi se trebao razvijati?

Upotrijebili smo sljedeću analogiju: razvoj dizajnera je poput rezanja stabla – što više iskustva, to više godova na rezu. Bliže srži kroja su zanatske vještine - uostalom, mnogi počinju s vježbom. A bliže vanjskom prstenu kriške nalazi se apstraktno znanje - to su razmišljanja o pravom značenju dizajnerskog rada.

Koja je ideja iza danas pokrenutog video tečaja Škole dizajna?

Yandex danas otvara daljinski video tečaj za Školu dizajna - polaznici tečaja moći će uzastopno proći kroz sve dijelove Škole, slušajući predavanja zaposlenika Yandexa i istovremeno radeći na vlastitom projektu.

Na početku tečaja potrebno je odabrati poznatu i poznatu marku, zamisliti sebe kao dizajnera koji radi za nju te smisliti ideju za mali proizvod koji će nadopuniti liniju proizvoda. S ovim ćete proizvodom raditi tijekom cijelog tečaja. Samo gledanje videa vjerojatno neće biti učinkovito.

Detalji su u uvodnoj lekciji Tarasa Sharova:

Sažetak uvodnog predavanja:

1. Kome je namijenjena Škola dizajna?
2. O čemu se radi u našoj školi?
3. Kako pravilno percipirati školsko gradivo?
4. Kako do obuke?
5. Gdje početi?

Videopredavanja će biti objavljivana sekvencijalno, svaki tjedan utorkom. Tečaj traje 10 tjedana i završava 5. travnja.

Mogu li polaznici tečaja slati projekte Yandexu na pregled?

Lola Kristallinskaya: Spremni smo regrutirati eksperimentalnu grupu koja će imati priliku dobiti konzultacije s našim učiteljima tijekom proučavanja projekta. O početku i uvjetima zapošljavanja obavijestit ćemo vas dodatno tijekom veljače.

U međuvremenu preporučamo da se pripremite za ozbiljan rad: gledajte predavanja, čitajte dodatnu literaturu i u isto vrijeme radite na svom projektu. Tijekom procesa učenja njegov se koncept može ozbiljno promijeniti. Vaš cilj nije toliko krajnji rezultat koliko proces. Škola vam daje priliku da proširite svoje horizonte i pokušate raditi na proizvodu na način na koji to rade u velikim tvrtkama.

Planirate li pokrenuti drugi prijem na Školu dizajna?

Od Yandexa se očekuje da bude objektivan i da ne smeta - ovaj zahtjev za informacijama također utječe na sučelje: da bude prirodno okruženje, a ne primjesa.

PROGRAM

Dizajn u velikoj tvrtki

O razlici između kreatora i dizajnera. O prednostima studiranja srodnih zanimanja. Udubljenje u rad s ograničenjima marke: vizualni jezik, arhitektura, povijest. Kako pridonijeti zajedničkom sustavu vrijednosti i postati dio nečeg većeg. Rješavanje sukoba između osobnosti i marke.

Prototipovi

Najbolji način da dobijete osjećaj za proizvod je u fazi dizajna. Vodič za svladavanje tehnika izrade prototipova. Oslobađanje od straha od rada s kodom. Sustavan pristup organiziranju predložaka i stilova. Metodologija dekompozicije sučelja. Zajednička terminologija s programerima. Uvod u interne Yandex alate.

Proizvodi

Proizvodni proces od ideje do proizvoda. Uloge: Voditelj proizvoda, Dizajner proizvoda, Tehnički arhitekt i Marketer. Transformacija UI dizajnera u dizajnera proizvoda. Faze procesa dizajna i alati za svaku od njih. Provjera hipoteza: istraživanje i eksperimenti. Promocija proizvoda nakon njegove izrade.

Timski rad

Zašto je važno oko sebe okupiti tim različitih, istomišljenika? Kako organizirati sebe i druge. Grupne odluke i njihova provedba bez iskrivljenja. Ispravno ponašanje u tipičnim konfliktnim situacijama. Tehnike prenošenja ideja drugima. Specifičnosti velikog tima: rokovi, sastanci, kritika, kontrola kvalitete, poštovanje i povjerenje.

Projektni rad

Za učinkovito završavanje tečaja potrebno je baviti se ne samo teorijom, već i praksom. Sudionici Škole radili su na vlastitim proizvodima - sličan zadatak nudimo polaznicima video tečaja. Više o tome možete saznati od