Mobilioji dizaino mokykla: bandomosios užduoties atlikimo procesas. „Yandex“ atidarė nemokamą internetinį kursą Dizaino komandinio darbo mokyklai

„Yandex“, kaip rinkos lyderis, reguliariai rengia edukacinius renginius profesinėmis temomis. Šių metų pradžioje jie pradėjo „Yandex Design School“ projektą „Youtube“. Vaizdo įrašo formatu Yandex ekspertai pasakoja apie interneto dizaino principus ir ypatybes, analizuoja įvairius pavyzdžius ir pateikia vertingos teorinės medžiagos.

Pirmosios vaizdo įrašų serijos apie dizainą aprašymas:

Video kursai norintiems tobulėti gaminių dizaino srityje.
Norint sėkmingai išlaikyti, jums reikia pagrindinės sąsajos dizaino ar susijusių sričių patirties, užtikrintai valdyti grafinius įrankius ir gebėti kurti sąveiką su sąsaja, kad ji atitiktų atliekamą užduotį. Be to, norint mokytis, svarbu žinoti HTML, CSS ir JavaScript pagrindus.

„Yandex Design School“ vaizdo įrašų kursų klasės yra suskirstytos taip, kad mokiniai pereitų visą darbo su produktu procesą: nuo idėjos iki pristatymo.

Programą sudaro keturi skyriai:
– Dizainas didelėje įmonėje
– Prototipų kūrimas
- Produkto dizainas
– Komandinis darbas

Grojaraštis

Neseniai prasidėjo Mobiliojo dizaino mokykla 2016.

Video kursai sąsajų dizaineriams, norintiems įgyti papildomų žinių ir įgūdžių kuriant mobiliuosius produktus su didele auditorija. Remiantis Mobiliojo dizaino mokykloje paskaitomis, vykusiomis pagal mobilizacijos projektą. Programoje paskaitos apie mobiliojo gaminio dizaino ypatybes, prototipų kūrimą ir animaciją bei komandinį darbą. Vaizdo įrašai skelbiami kiekvieną antradienį nuo 2016 m. spalio 18 d. iki gruodžio 13 d.

Labai rekomenduoju visiems besidomintiems dizainu.

2015 metų vasarą pirmasis Yandex dizaino mokykla. Per vasarą nufilmuota vaizdo medžiaga buvo nuotolinio mokymosi kurso pagrindas. Tarasas Šarovas, mokyklos bendraautoris, sukūrė įžanginį vaizdo įrašą, kuriame trumpai paaiškina:

1. Kam skirta Dizaino mokykla?
2. Kas yra mūsų mokykla?
3. Kaip teisingai suvokti mokyklinę medžiagą?
4. Kaip baigti mokymus?
5. Nuo ko pradėti?

1. KAM SKIRTA DIZAINO MOKYKLA?

Mokykla nėra skirta pradedantiesiems dizaino srityje.

2. KĄ MŪSŲ MOKYKLA?

Mokymai suskirstyti į 4 blokus:
1. Dizainas didelėje įmonėje.
2. Prototipų kūrimas.
3. Gaminio dizainas.
4. Komandinis darbas.
Taip pat jūsų asmeninis projektas (praktika).

3. KAIP TEISINGAI SUVOKTI MOKYKLINĘ MEDŽIAGĄ?

Kurį laiką atidėkite kritiką į šalį ir būkite atviri viskam, kas nauja. Pabandykite išsamiau išstudijuoti temas, kurios bus aptariamos mokyklos medžiagoje.

4. KAIP IŠMOKYTI?

1. Pasiruoškite dirbti.
2. Pasirinkite prekės ženklą ir įsivaizduokite save kaip dizainerį, dirbantį tam prekės ženklui.
3. Sugalvokite produkto idėją, kuri papildys prekės ženklo produktų liniją. Tai turėtų būti mažas produktas – ne sudėtingesnis nei „Instagram“.
4. Darbas su rusiška produkto versija.
5. Pirmoje ir antroje mūsų mokyklos sekcijose elkitės vadovaudamiesi savo intuicija. Pradėdami nuo trečios dalies, vadovaukitės mūsų rekomendacijomis.

5. NUO KO PRADĖTI?

Jei nesate susipažinę su HTML, CSS ir JavaScript, turėtumėte pradėti nuo pagrindinių Codeacademy kursų. Taip pat prieš startą rekomenduojame apšildyti smegenis keliais patarimais iš Gorbunov's Bureau.

2015 m. vasarą startavusi Dizaino mokykla – kurso studentai galės nuosekliai pereiti visus mokyklos skyrius, klausytis „Yandex“ darbuotojų paskaitų ir kartu dirbti su savo projektais. Video paskaitos bus skelbiamos nuosekliai, kiekvieną savaitę antradieniais. Kursas trunka 10 savaičių ir baigiasi balandžio 5 d.

Svetainės redaktoriai iš Mokyklos kūrėjų sužinojo išsamią informaciją apie naują vaizdo kursą ir jo darbą.

Papasakokite apie dizaino mokyklos rezultatus. Ar esate patenkinti rezultatais?

Lola Kristallinskaya, Dizaino mokyklos organizatorė, „Yandex“ dizaino skyriaus vedėjo pavaduotoja: 2015 metų vasarą pirmą kartą surengėme Dizaino mokyklą. Didelei „Yandex“ dizainerių komandai – beje, mūsų įmonėje jau dirba apie 140 dizainerių – tai buvo svarbus įvykis, kuriam rimtai ruošėmės.

Aršiai ginčijomės dėl mokymų programos ir formato: „Kas yra dizainas didelėje įmonėje? Ką turėtų žinoti gaminio dizaineris? Kaip jis turėtų dirbti su komanda? Pradedantiesiems dizaineriams kyla daug klausimų, reikėjo suprasti, kaip iš pažiūros išsibarsčiusias žinias surinkti į nuoseklią istoriją ir sutalpinti į 2,5 mėnesio intensyvius kursus.

Dėl to į programą buvo įtraukti ne tik praktiniai blokai, tokie kaip prototipų kūrimas, bet ir apie komandinį darbą, susijusių profesijų naudą ir kt. Sekcijos eiliškumas pasirinktas neatsitiktinai – pagal mūsų planą Mokyklos mokinys pamažu lavina praktinius įgūdžius, pasiekia tam tikrą profesinę brandą – ir iki finalo yra pasiruošęs apginti savo projektą.

Didelis susidomėjimas gaminių dizainu ir ne tik iš darbdavių – gavome 780 prašymų mokytis, su atliktomis testinėmis užduotimis, atlikome 70 interviu, kuriuos sėkmingai išlaikė 32 žmonės.

Vienas iš jų, net pradėdamas mokyklą, nusprendė pabandyti įsidarbinti „Yandex“ ir, sėkmingai praėjęs pokalbius, prisijungė prie mūsų. Mums buvo labai svarbu pasirinkti vaikinus, kurie rimtai žiūri į savo treniruotes. Mums pavyko, o galutinį projekto gynimą pasiekė 30 Mokyklos mokinių iš 31 pretendento.

Dėl mokyklos „Yandex“ pasamdė 16 absolventų; kiti vaikinai išvyko kurti savo projektų arba grįžo į įmones, kuriose dirbo.

Tarasas Šarovas, mokyklos organizatorius, naujų „Search“, „Yandex“ produktų prototipų kūrimo grupės vadovas: Idealaus mokinio portretas mūsų mokykloje atrodo taip: jūs, kaip dizaineris, ne kartą susitvarkėte su jums pavestomis užduotimis, klientai priėmė jūsų darbą ir liko juo patenkinti. Pamažu pradėjai abejoti, ar klientas tikrai suprato, ko jam reikia. Arba išvis nėra kliento, o artimiausias pretendentas į šį vaidmenį esi tu pats. Jūs dažnai klausiate savęs „kaip suprasti: kas yra teisinga, o kas ne?“, turite motyvacijos visapusiškai suprasti šią problemą.

Kurdami mokyklos programą bandėme atsakyti į klausimą „ką turėtų žinoti ir mokėti gaminių dizaineris tokioje įmonėje kaip „Yandex“? Taigi, turime trokštantį sąsajos dizainerį. Kur jis turėtų vystytis?

Naudojome tokią analogiją: dizainerio tobulėjimas yra kaip medžio pjovimas – kuo daugiau patirties, tuo daugiau žiedų ant pjūvio. Arčiau pjūvio šerdies yra amatų įgūdžiai – juk daugelis pradeda nuo praktikos. O arčiau išorinio pjūvio žiedo yra abstrakčios žinios – tai tikrosios dizainerio darbo prasmės apmąstymai.

Kokia šiandien pradėto dizaino mokyklos vaizdo kurso idėja?

Šiandien „Yandex“ atidaro nuotolinį vaizdo kursą Dizaino mokyklai – kursų dalyviai galės nuosekliai pereiti visus mokyklos skyrius, klausytis „Yandex“ darbuotojų paskaitų ir kartu dirbti su savo projektu.

Kursų pradžioje reikia išsirinkti žinomą ir pažįstamą prekės ženklą, įsivaizduoti save kaip jam dirbantį dizainerį ir sugalvoti idėją mažam gaminiui, kuris papildytų prekių liniją. Su šiuo produktu dirbsite viso kurso metu. Tik vaizdo įrašų žiūrėjimas vargu ar bus efektyvus.

Išsamią informaciją rasite įžanginėje Taraso Šarovo pamokoje:

Įvadinės paskaitos metmenys:

1. Kam skirta dizaino mokykla?
2. Apie ką mūsų mokykla?
3. Kaip tinkamai suvokti mokyklinę medžiagą?
4. Kaip gauti mokymą?
5. Kur pradėti?

Video paskaitos bus skelbiamos nuosekliai, kiekvieną savaitę antradieniais. Kursas trunka 10 savaičių ir baigiasi balandžio 5 d.

Ar kursų dalyviai gali siųsti projektus „Yandex“ peržiūrėti?

Lola Kristallinskaya: Esame pasirengę suburti eksperimentinę grupę, kuri turės galimybę gauti mūsų dėstytojų konsultacijas studijuojant projektą. Apie atrankos pradžią ir sąlygas papildomai informuosime vasario mėnesį.

Tuo tarpu rekomenduojame pasiruošti rimtam darbui: žiūrėti paskaitas, skaityti papildomą literatūrą ir tuo pačiu dirbti su savo projektu. Mokymosi proceso metu jo samprata gali rimtai pasikeisti. Jūsų tikslas yra ne tiek galutinis rezultatas, kiek procesas. Mokykla suteikia galimybę praplėsti savo akiratį ir pabandyti dirbti su produktu taip, kaip tai daroma didelėse įmonėse.

Ar planuojate pradėti antrąjį priėmimą į Dizaino mokyklą?

Lola Kristallinskaya: Taip, šiais metais planuojame atidaryti Mobiliąją dizaino mokyklą. Apie įdarbinimo pradžią ir sąlygas papasakosime kovo mėnesį.

Puiki galimybė įgyti naują profesiją. Todėl nusprendžiau atlikti bandomąją užduotį.

Užduotis susideda iš dviejų dalių:

1. Peržiūrėkite „Yandex“ mobiliuosius produktus ir pasiūlykite keletą idėjų, kaip bet kurį iš jų patobulinti.
2. Pasiūlykite mobiliosios programos, skirtos Yandex.Travel paslaugai, koncepciją. Rezultatas turėtų būti keli pagrindiniai ekranai ir aprašymas, kaip tai veikia ir kodėl.

Antroji užduotis pasirodė sunkesnė nei maniau. Atrodo, kad padariau visas klaidas, kurias galėjau, ir apie tai pakalbėsiu toliau.

Procesas

Sužinojau apie registraciją į mokyklą prieš pat išvykdama į Jekaterinburgą DAMP. Važiuodamas traukiniu, pradėjau galvoti apie programos sąsają ir piešti ekranus bloknote.

Tai buvo pirmoji klaida. Pradėjau kurti sąsajas taip, kaip norėjau. Teisingas dalykas būtų pirmiausia suprasti, kokius poreikius sąsaja turėtų išspręsti, ir atitinkamai ją sukurti.

Kai grįžau iš Jekaterinburgo, turėjau 12 dienų atlikti dvi užduotis kaip testinės užduoties dalį. Kad geriau suprasčiau bėgantį laiką, pakabinau popieriaus lapą su dienomis, kad prisiminčiau terminą. Kiekvieną vakarą užbraukiau praėjusią dieną.

Piktograma

Vartotojas susipažįsta su programa prieš ją paleisdamas. Programos piktograma yra labai svarbi, todėl pradėjau nuo to. Kaip pagrindą paėmiau jau esamos „Yandex.Travel“ žiniatinklio paslaugos piktogramą.

Pradėjau piešdamas piktogramą savo:

Antra mano klaida. Atrodo gražiai, bet iš tikrųjų tai neduoda jokios naudos. Kai pradėjau piešti „Sketch“, tai pasirodė visiškas šūdas:

Teisinga būtų ne perbraižyti esamą piktogramą, o pradėti nuo asociacijų, kurias sukelia paslauga. Yandex.Travel – tai paslauga, skirta kelionių paieškai ir viešbučių pasirinkimui.

Pirmoji į galvą atėjusi asociacija buvo kokteilio taurė, kuri leidžia atsipalaiduoti, kaip kelionė prie jūros.

Sutinku, atrodo apgailėtinai. Nors jūs netgi galite pastebėti Y iš „Yandex“ logotipo. Ši parinktis netinka, nes susieti paslaugą su alkoholiniu gėrimu nėra gera idėja. Kitos kelionių asociacijos: palmės!

Supratau, kad vėl padariau klaidą. Taip, aš pradėjau piešti piktogramas pagal asociacijas, bet jos buvo vakuume. Teisingiau būtų ištirti „Yandex“ mobiliųjų programų piktogramas, paryškinti bendras ypatybes ir naudoti jas kartu su asociacijomis, kad nubrėžtumėte piktogramą.

Kas norėtų priimti tokį keistuolį į savo šeimą?

„Yandex“ programų piktogramos yra paprastos ir nesukelia per daug asociacijų. Transportui jie turi autobusą, paštui – voką, o turgui – maisto prekių vežimėlį.

Pradedu ieškoti paprastų asociacijų Kelionėms: bagažas, krepšys, bilietas. Ieškodamas paprastų piktogramų įgyvendinimo, randu kompasą. Iš tiesų, kompasas ir jo vaizdas yra žinomi visiems. Nupiešiu ikoną ir rengiu ją firminėmis spalvomis. Patikrinu, kaip ji jaučiasi šeimoje:

Prisimenu, kad pusė laiko iki termino jau yra už nugaros. Liko viena savaitė. Piktogramos piešimas nėra lengva užduotis. Aš apsisprendžiu su kompasu ir pereinu prie mobiliosios programos sąsajos.

Kairėje yra puslapio su mobiliųjų programų sąrašu piktograma su kraštinėmis, dešinėje yra piktograma, skirta naudoti prototipe, ji neturėtų turėti kraštinių.

Piktograma gerai jaučiasi savo natūralioje buveinėje:

Mobilioji programėlė

Išmaniajame telefone atidariau „Yandex.Travel“, kad pažiūrėčiau, kaip atrodo mobilioji svetainės versija. Tada įdiegiau šias programas: „Booking“, „Ostrovok“, „Travelata.ru“, „Aviasales“ ir „AirBnB“, kad pažiūrėčiau, kaip gali atrodyti sąsaja kelionėms ir viešbučių/turų paieškai skirtose programose. Įdiegiau visas „iPhone“ skirtas „Yandex“ programas, kad rasčiau bendrus sąsajų modelius.

Pradėjau ieškoti kadrų apie driblą, tikėdamasis rasti įdomių sąsajų ir panaudoti jas kaip savo koncepcijos pagrindą. Tai buvo kita mano klaida.

Paaiškėjo, kad nuotraukos driblingas yra atskirtos nuo gyvenimo. Ekranai, kuriuos radau, buvo gražūs, bet jie buvo vakuume ir problemos neišsprendė.

Nustatyta, kas naudosis Travel mobiliąja programa. Visų pirma, tai yra tie vartotojai, kurie jau naudojosi paslauga naudodami mobiliąją svetainės versiją.

Perėjimas prie programos iš mobiliosios svetainės versijos turėtų būti kuo neskausmingesnis vartotojui, todėl sąsaja turėtų būti pažįstama ir pažįstama.

Kaip pagrindą paėmiau mobiliosios svetainės versijos sąsają ir pakeičiau ją, kad ji atitiktų mobiliąją realybę. Rezultatas buvo 8,7 MB eskizo failas ir 15 piešinių:

Skirtingai nuo mobiliosios versijos, programoje dabar yra puslapis su asmeninių kelionių pasirinkimu, galimybe pridėti paieškos rezultatus prie mėgstamiausių ir mygtuku „Istorija“, kuriame saugoma vartotojo paieškos užklausų istorija.

Prototipas

Šiame etape supratau, kad padariau didžiausią klaidą per visą testo užduotį.

Nubraižiau sąsajas savo senojo iPhone 4es ekranui, kad parodyčiau, kaip jame veikia koncepcija. Pirmą kartą atidaręs aplikacijos vaizdą supratau, kad piešinių dydis neatitinka išmaniojo telefono ekrano dydžio.

„Sketch“ mano ekranų matmenys buvo 320 x 480 pikselių, bet jiems reikėjo 640 x 960. Pradėjau perdaryti visus ekranus. Tada supratau, kad „Sketch“ elementai atrodo gerai, tačiau išmaniajame telefone jie yra maži.

Teisingiau būtų prie proceso žiūrėti kitaip: ne „Nubraižyti sąsają“ → „Pradėti prototipą“, o nupiešti vieną ekraną ir iš karto patikrinti, kaip jis atvaizduojamas išmaniajame telefone, tai sutaupytų porą dienų darbo.

Prieš pradėdamas bandomąją užduotį, nusprendžiau naudoti prototipų kūrimo įrankį - Framer Studio. Ten galite rašyti CoffeeScript ir kurti šaunias animacijas. Tiesą sakant, pasirodė, kad nebuvo lengva per trumpą laiką įvaldyti Framer galimybes ir įdiegti joje savo sąsają. Nėra kur dėtis, terminas artėja, reikia lankstytis.

Mokykloje Antonas Šeinas paminėjo „InVision“ paslaugą. Aš pradėjau tai išsiaiškinti.

Paslauga pasirodė intuityvi: įkeliate nuotraukas ir susiejate jas su perėjimais. Galite tinkinti perėjimų animacijas, nustatyti savo programos piktogramą, kuri bus rodoma, kai bus išsaugota iPhone pagrindiniame ekrane. Štai ko man reikia!

Prototipų kūrimo procesas „InVision“.

Buvo tam tikrų problemų. Turėjau kovoti su būsenos juosta.

Būsenos juosta yra sąsajos juosta, kurioje rodomas laikas, akumuliatoriaus įkrova ir korinio ryšio signalas. Mano maketai turėjo savo būsenos juostą, tačiau „InVision“ gali rodyti sisteminę. Jei išsaugosite piktogramą pagrindiniame ekrane ir paleisite programą per jį, būsenos juosta susilieja su fonu.

Kai išsaugome svetainės piktogramą pagrindiniame ekrane ir paleidžiame ją, svetainė atidaroma žiniatinklio rodinyje. Būsenos juostą galima konfigūruoti naudojant „Apple-touch-icon“ metažymą. Deja, būsenos juostos negalima sukonfigūruoti taip, kad ji būtų skaidri ir su juodu tekstu. Tik su baltu tekstu ir juodu fonu.

Problemos sprendimas: įdiekite „InVision“ programą ir naudokite ją demonstravimui.

Kadangi koncepcija turėjo būti parodyta per kitą programą, demonstracijos vientisumas buvo pažeistas. Sugalvojau scenarijų: parodykite veikiančią programą, grįžkite prie piktogramos, pakalbėkite apie tai ir grįžkite į programą, nespustelėdami piktogramos.

Rezultatas

Σ

Taip, aš visiškai pamiršau pasakyti. Prieš bandomąją užduotį aš niekada nedirbau „Sketch“. Kaip paaiškėjo, tai lengva išmokti.

Kur kas sunkiau pereiti prie mobiliųjų aplikacijų dizaino. Kaip žiniatinklio kūrėjas, mano galvoje turiu tik žiniatinklio sąsajas. Programos turi visiškai skirtingą naudojimo atvejį ir skirtingas funkcijas.

Pagrindinė priežastis, kodėl noriu stoti į Mobiliojo dizaino mokyklą – įgyti žinių ir patirties kuriant aplikacijų dizainą, išmokti mąstyti kaip dizaineris.

Neseniai baigiau Yandex.Design kursą. Medžiagą studijavau savarankiškai. Bet neturėjau galimybės bendrauti su kitais studentais, užduoti klausimų dėstytojams, buvo sunku pajusti Mokyklos atmosferą.

Todėl noriu stoti į Mobiliojo dizaino mokyklą ir asmeniškai lankyti paskaitas, užduoti klausimus ir, svarbiausia, kartu su kitais studentais įgyti patirties kuriant produktą.

Bus priimta tik 30 žmonių, rezultatai bus paskelbti iki gegužės 27 d. Belieka laukti rezultatų ir tikėtis geriausio, bet kol kas galite mane palaikyti spausdami like ir komentuodami įrašą.

Man bus malonu išgirsti pastabas ir pasiūlymus dėl testo užduoties.