Școala de Design, lansată în vara anului 2015 - participanții la curs vor putea parcurge secvențial toate secțiunile școlii, ascultând prelegerile angajaților Yandex și lucrând simultan la propriile proiecte. Prelegerile video vor fi publicate secvenţial, în fiecare săptămână în zilele de marţi. Cursul durează 10 săptămâni și se încheie pe 5 aprilie.

Editorii site-ului au aflat de la creatorii Școlii detalii despre noul curs video și despre activitatea acestuia.

Povestește-ne despre rezultatele Școlii de Design. Ești mulțumit de rezultate?

Lola Kristallinskaya, organizatorul Școlii de Design, șef adjunct al departamentului de design Yandex:În vara lui 2015, am ținut pentru prima dată Școala de Design. Pentru echipa mare de designeri Yandex - apropo, există deja aproximativ 140 de designeri în compania noastră - acesta a fost un eveniment important pentru care ne pregătim serios.

Ne-am certat aprins despre programul și formatul instruirii: „Ce este designul într-o companie mare? Ce ar trebui să știe un designer de produs? Cum ar trebui să lucreze cu echipa?” Designerii începători au o mulțime de întrebări și a fost necesar să înțeleagă cum să adune cunoștințe aparent împrăștiate într-o poveste coerentă și să le încadreze într-un curs intensiv de 2,5 luni.

Drept urmare, programul a inclus nu numai blocuri practice, cum ar fi prototiparea, ci și despre munca în echipă, beneficiile profesiilor conexe și altele. Ordinea secțiunilor nu a fost aleasă întâmplător - conform planului nostru, elevul Școlii își dezvoltă treptat aptitudini practice, atinge o anumită maturitate profesională - iar până la finală este gata să-și apere proiectul.

Există un mare interes pentru proiectarea produsului și nu numai din partea angajatorilor - am primit 780 de cereri de instruire, cu sarcini de testare finalizate și am realizat 70 de interviuri, care au fost trecute cu succes de 32 de persoane.

Unul dintre ei, chiar și la începutul școlii, a decis să încerce să obțină un loc de muncă la Yandex și, după ce a promovat cu succes interviurile, ni s-a alăturat. A fost foarte important pentru noi să alegem băieți care și-au luat antrenamentul în serios. Am reușit, iar 30 de elevi din școală din 31 de solicitanți au ajuns la apărarea finală a proiectului.

Ca urmare a școlii, Yandex a angajat 16 absolvenți, alți băieți au mers să-și dezvolte propriile proiecte sau s-au întors la companiile pentru care lucrau.

Taras Sharov, organizatorul școlii, șef al grupului de prototipare pentru noi produse de căutare, Yandex: Portretul unui elev ideal la școala noastră arată astfel: tu, ca designer, ai făcut față de mai multe ori sarcinilor care ți-au fost atribuite, clienții tăi au acceptat munca ta și au fost mulțumiți de ea. Treptat, ai început să te îndoiești că clientul a înțeles cu adevărat de ce are nevoie. Sau nu există deloc client, iar cel mai apropiat candidat pentru acest rol ești tu. Vă întrebați adesea „cum să înțelegeți: ce este bine și ce este greșit?”, aveți motivația să înțelegeți temeinic această problemă.

La dezvoltarea programului școlar, am încercat să răspundem la întrebarea „ce ar trebui să știe și să poată face un designer de produs dintr-o companie precum Yandex?” Deci, avem un designer de interfață aspirant. Unde ar trebui să se dezvolte?

Am folosit următoarea analogie: dezvoltarea unui designer este ca tăierea unui copac - cu cât mai multă experiență, cu atât mai multe inele pe tăiere. Mai aproape de miezul tăieturii sunt abilitățile de artizanat - la urma urmei, mulți încep cu practică. Și mai aproape de inelul exterior al feliei există cunoștințe abstracte - acestea sunt reflecții asupra sensului real al lucrării designerului.

Care este ideea din spatele cursului video School of Design lansat astăzi?

Astăzi, Yandex deschide un curs video la distanță pentru Școala de Design - participanții la curs vor putea parcurge secvențial toate secțiunile școlii, ascultând prelegerile angajaților Yandex și lucrând simultan la propriul proiect.

La începutul cursului, trebuie să alegeți un brand cunoscut și familiar, să vă imaginați ca un designer care lucrează pentru el și să vii cu o idee pentru un produs mic care să completeze linia de produse. Veți lucra cu acest produs pe tot parcursul cursului. Pur și simplu vizionarea videoclipurilor este puțin probabil să fie eficientă.

Detalii sunt în lecția introductivă de la Taras Sharov:

Schema prelegerii introductive:

1. Cui îi este destinată Școala de Design?
2. Despre ce este scoala noastra?
3. Cum să percepi corect materialele școlare?
4. Cum să te antrenezi?
5. De unde să încep?

Prelegerile video vor fi publicate secvenţial, în fiecare săptămână în zilele de marţi. Cursul durează 10 săptămâni și se încheie pe 5 aprilie.

Participanții la curs pot trimite proiecte către Yandex pentru revizuire?

Lola Kristallinskaya: Suntem pregătiți să recrutăm un grup experimental care va avea ocazia să primească consultații de la profesorii noștri în timp ce studiază proiectul. Vă vom informa despre începutul și condițiile de recrutare suplimentar în luna februarie.

Între timp, vă recomandăm să vă pregătiți pentru o muncă serioasă: urmăriți prelegeri, citiți literatură suplimentară și, în același timp, lucrați la proiectul dvs. În timpul procesului de învățare, conceptul său se poate schimba serios. Scopul tău nu este atât rezultatul final, cât procesul. Școala vă oferă posibilitatea de a vă lărgi orizonturile și de a încerca să lucrați la un produs așa cum o fac în companiile mari.

Intenționați să lansați un al doilea curs la Școala de Design?

Yandex deschide o școală de design - un proiect pentru designeri de produse aspiranți. În perioada 15 iunie - 31 august, angajații Yandex și experții invitați își vor împărtăși experiența de lucru la design de produs cu participanții la proiect. Programul este format din patru blocuri: „proiectare într-o companie mare”, „prototipare”, „proiectare produs” și „lucrare în echipă”.
La sfârșitul programului, participanții vor prezenta un proiect personal - un serviciu simplu și util care ar continua din punct de vedere conceptual și vizual gama de servicii Yandex.

Selecția pentru școală a avut loc în mai multe etape.Între 18 martie și 19 aprilie, solicitanții au trimis echipei Yandex un portofoliu, un eseu și o temă de testare. Au fost intervievați autorii celor mai de succes lucrări. În total, echipa Școlii a analizat 780 de aplicații și a vorbit cu 74 de solicitanți. Deși inițial ar fi trebuit să fie 30 de participanți la proiect, a mai fost unul în gama finală.

Lola Kristallinskaya

Şef adjunct Departament proiectare

„Designul de produse pentru servicii de masă nu este încă predat nicăieri în Rusia, Prin urmare, Școala a atras atenția diferitelor persoane: ne-au scris fizicieni, ingineri, matematicieni, arhitecți, web designeri și ilustratori. Unii lucrează și au alcătuit un portofoliu, alții încă studiază și doar decid unde să se mute mai departe.

Inițial, am plănuit să luăm 30 de ascultători, dar cifra este arbitrară: dacă am fi găsit 23 de persoane, am fi luat 23. Pentru noi era important să-i găsim pe „a noastră” - pasionați și grijulii în același timp. De la bun început, am formulat un obiectiv - sistemul de selecție ar trebui să fie transparent, astfel încât să putem explica în mod clar fiecărei persoane de ce „da” sau de ce „nu”.

A fost important pentru noio găsi„al nostru” - entuziast
si grijuliu simultan.

În primul rând, ne-am uitat la „îngrijorare”: cât de serios a abordat o persoană să finalizeze sarcina de testare. Nu a fost o descoperire pentru mine că a avea experiență sau un portofoliu cool nu garantează deloc o muncă exactă și semnificativă. Este valoros atunci când o persoană înțelege încotro merge și este gata să învețe. Acest lucru din nou nu depinde de vârstă sau de experiență, ci mai degrabă de cultura internă și de obiectivele personale. De exemplu, unii candidați promițători s-au retras după un avertisment că ar trebui să studieze toată vara: mult, mult timp, ar fi greu.

Am răspuns oricărei persoane care ne-a scris, a vorbit cu o mulțime de oameni și a aflat o mulțime de lucruri interesante despre piața designerilor din Rusia, cu siguranță vă vom spune despre asta în curând.”

Cursurile vor avea loc în fiecare două zile, seara. Mentorii de la Yandex și curatorii personali vor monitoriza progresul participanților. Deoarece nu există o metodologie și o literatură stabilite pentru designerii de produse în educația rusă de design, angajații Yandex au dezvoltat programul de proiect în mod independent.

Taras Sharov

Șef Departament Management și Design de Produs

O oportunitate excelentă de a intra într-o nouă profesie. Prin urmare, am decis să efectuez o sarcină de testare.

Sarcina constă din două părți:

1. Consultați produsele mobile Yandex și sugerați câteva idei pentru îmbunătățirea oricăreia dintre ele.
2. Propuneți un concept pentru o aplicație mobilă pentru serviciul Yandex.Travel. Rezultatul ar trebui să fie câteva ecrane cheie și o descriere a modului în care funcționează și de ce.

A doua sarcină s-a dovedit a fi mai dificilă decât credeam. Se pare că am făcut toate greșelile pe care le-am putut și despre asta voi vorbi mai jos.

Proces

Am aflat despre înscrierea la școală chiar înainte de a merge la Ekaterinburg pentru DAMP. Pe drum în tren, am început să mă gândesc la interfața aplicației și să desenez ecrane într-un bloc de note.

Aceasta a fost prima greșeală. Am început să construiesc interfețe așa cum mi-am dorit. Ar fi corect să înțelegem mai întâi ce necesități ar trebui să rezolve interfața și să o construim în consecință.

Când m-am întors de la Ekaterinburg, aveam la dispoziție 12 zile pentru a finaliza două sarcini ca parte a sarcinii de testare. Pentru a înțelege mai bine trecerea timpului, am atârnat o foaie de hârtie cu zile în fața mea pentru a-mi aminti termenul limită. În fiecare seară am bifat ziua precedentă.

Pictogramă

Utilizatorul se familiarizează cu aplicația înainte de a o lansa. Pictograma aplicației contează foarte mult, așa că am început de acolo. Am luat ca bază pictograma unui serviciu web Yandex.Travel deja existent.

Am început prin a desena o pictogramă în:

A doua greșeală a mea. Arată frumos, dar în realitate nu este de nici un folos. Când am început să desenez în Sketch, s-a dovedit a fi o prostie completă:

Ceea ce trebuie făcut ar fi să nu redesenați o pictogramă existentă, ci să începeți cu asocierile pe care le evocă serviciul. Yandex.Travel este un serviciu de căutare de tururi și alegere de hoteluri.

Prima asociere care mi-a venit în minte a fost un pahar de cocktail care îți permite să te relaxezi, ca o excursie la mare;

Sunt de acord, pare jalnic. Deși puteți observa chiar și Y din sigla Yandex. Această opțiune nu este potrivită, deoarece asocierea serviciului cu o băutură alcoolică nu este o idee bună. Următoarele asociații de călătorie: palmieri!

Mi-am dat seama că am făcut din nou o greșeală. Da, am început să desenez icoane pe baza asocierilor, dar erau în vid. Ar fi mai corect să studiezi pictogramele aplicațiilor mobile Yandex, să evidențiezi caracteristicile comune și să le folosești în combinație cu asociații pentru a desena o pictogramă.

Cine ar vrea să accepte un astfel de ciudat în familia lor?

Pictogramele aplicației Yandex sunt simple și nu au prea multe asocieri. Pentru Transport au autobuz, pentru Post au plic, iar pentru Market au cărucior de băcănie.

Încep să caut asocieri simple pentru Călătorii: bagaje, geantă, bilet. În timp ce caut implementări simple de pictograme, dau peste o busolă. Într-adevăr, busola și imaginea ei sunt familiare tuturor. Desenez o icoană și o îmbrac în culori corporative. Verific cum se simte în familie:

Îmi amintesc că jumătate din timpul înainte de termen este în urmă. A mai rămas o săptămână. Desenarea unei pictograme nu este o sarcină ușoară. Mă stabilesc pe opțiunea cu busolă și trec la interfața aplicației mobile.

În stânga este o pictogramă cu margini pentru o pagină cu o listă de aplicații mobile, în dreapta este o pictogramă pentru utilizare într-un prototip, nu ar trebui să aibă margini.

Icoana se simte bine în habitatul său natural:

Aplicație mobilă

Am deschis Yandex.Travel pe smartphone-ul meu pentru a vedea cum arată versiunea mobilă a site-ului. În continuare, am instalat următoarele aplicații: Booking, Ostrovok, Travelata.ru, Aviasales și AirBnB pentru a vedea cum ar putea arăta interfața în aplicațiile dedicate călătoriilor și căutării de hoteluri/tururi. Am instalat toate aplicațiile Yandex disponibile pentru iPhone pentru a găsi modele comune în interfețe.

Am început să caut lovituri pe dribling în speranța de a găsi interfețe interesante și de a le folosi ca bază pentru conceptul meu. Aceasta a fost următoarea mea greșeală.

Imaginile în dribling s-au dovedit a fi divorțate de viață. Ecranele pe care le-am găsit au fost frumoase, dar erau în vid și nu au rezolvat problema.

S-a stabilit cine va folosi aplicația mobilă Travel. În primul rând, aceștia sunt acei utilizatori care au folosit deja serviciul prin versiunea mobilă a site-ului.

Trecerea la aplicație de la versiunea mobilă a site-ului ar trebui să fie cât mai nedureroasă posibil pentru utilizator, prin urmare interfața ar trebui să fie familiară și familiară.

Am luat ca bază interfața versiunii mobile a site-ului și am modificat-o pentru a se potrivi cu realitățile mobile. Rezultatul a fost un fișier schiță de 8,7 MB și 15 planșe de artă:

Spre deosebire de versiunea mobilă, aplicația are acum o pagină cu o selecție de tururi personale, posibilitatea de a adăuga rezultate de căutare la favorite și un buton „Istoric”, care stochează istoricul interogărilor de căutare ale utilizatorului.

Prototip

În această etapă, mi-am dat seama că am făcut cea mai mare greșeală în timpul întregii sarcini de testare.

Am desenat interfețe pentru ecranul vechiului meu iPhone 4es pentru a demonstra funcționarea conceptului pe acesta. Când am deschis imaginea aplicației pentru prima dată, mi-am dat seama că dimensiunea artboard-urilor nu corespundea cu dimensiunea ecranului smartphone-ului.

În Sketch, ecranele mele aveau dimensiuni de 320 pe 480 pixeli, dar aveau nevoie de 640 pe 960. Am început să refac toate ecranele. Atunci mi-am dat seama că elementele arată bine în Sketch, dar pe un smartphone sunt mici.

Ar fi mai corect să abordăm procesul diferit: nu „Desenați interfața” → „Începeți prototipul”, ci desenați un ecran și verificați imediat cum este afișat pe un smartphone, ceea ce ar economisi câteva zile de muncă.

Înainte de a începe sarcina de testare, m-am hotărât asupra unui instrument de prototipare - Framer Studio. Acolo puteți scrie în CoffeeScript și puteți face animații interesante. De fapt, s-a dovedit că nu a fost ușor să stăpânești capacitățile lui Framer și să-mi implementez interfața pe el într-un timp scurt. Nu există încotro, termenul limită se apropie, trebuie să ne flexăm.

La școală, Anton Shein a menționat serviciul InVision. Am început să-mi dau seama.

Serviciul s-a dovedit a fi intuitiv: încărcați imagini și le legați cu tranziții. Puteți personaliza animațiile pentru tranziții, puteți seta propria pictogramă a aplicației, care va fi afișată atunci când este salvată pe ecranul de pornire al iPhone. Exact ce am nevoie!

Au fost unele probleme. A trebuit să mă lupt cu bara de stare.

Bara de stare este o bară de interfață care afișează ora, încărcarea bateriei și semnalul celular. Aspectele mele aveau propria bară de stare, dar InVision o poate afișa pe cea de sistem. Dacă salvați pictograma pe ecranul de start și lansați aplicația prin intermediul acesteia, bara de stare se îmbină cu fundalul.

Când salvăm pictograma site-ului pe ecranul de start și o lansăm, site-ul se deschide prin vizualizarea web. Bara de stare poate fi configurată prin metaeticheta apple-touch-pictogramă. Din păcate, bara de stare nu poate fi configurată să fie transparentă și să aibă text negru. Doar cu text alb și fundal negru.

Soluția problemei: instalați aplicația InVision și utilizați-o pentru demonstrație.

Deoarece conceptul trebuia arătat printr-o altă aplicație, integritatea demonstrației a fost încălcată. Am venit cu un scenariu: afișați aplicația care rulează, reveniți la pictogramă, vorbiți despre ea și reveniți la aplicație, fără să dați clic pe pictogramă.

Rezultat

Σ

Da, am uitat complet să spun. Înainte de sarcina de testare, nu lucrasem niciodată în Sketch. După cum se dovedește, este ușor de învățat.

Este mult mai dificil să treci la proiectarea aplicațiilor mobile. Ca dezvoltator web, am doar interfețe web în cap. Aplicațiile au un caz de utilizare complet diferit și caracteristici diferite.

Motivul principal pentru care vreau să mă înscriu la School of Mobile Design este să dobândesc cunoștințe și experiență în crearea designului de aplicații și să învăț să gândesc ca un designer.

Am terminat recent cursul Yandex.Design. Am studiat materialul pe cont propriu. Dar nu am avut ocazia să comunic cu alți studenți, să pun întrebări lectorilor și a fost greu să simt atmosfera Școlii.

Prin urmare, vreau să mă înscriu la School of Mobile Design și să particip personal la cursuri, să pun întrebări și, cel mai important, să câștig experiență în crearea unui produs împreună cu alți studenți.

Vor fi acceptate doar 30 de persoane, rezultatele urmând a fi anunțate până pe 27 mai. Rămâne doar să aștept rezultatele și să sper la mai bine, dar între timp mă poți susține dând like și comentând postarea.

Voi fi bucuros să aud comentarii și sugestii cu privire la sarcina de testare.

Yandex este de așteptat să fie obiectiv și să nu interfereze - această cerință de informații afectează și interfața: să fie un mediu natural, nu un amestec.

PROGRAM

Design într-o companie mare

Despre diferența dintre creator și designer. Despre beneficiile studierii profesiilor conexe. Imersiune în lucrul cu constrângerile mărcii: limbaj vizual, arhitectură, istorie. Cum să contribui la un sistem de valori comun și să devii parte din ceva mai mare. Rezolvarea conflictului dintre personalitate și marcă.

Prototipuri

Cel mai bun mod de a vă simți asupra produsului este în faza de proiectare. Un ghid pentru stăpânirea tehnicilor de prototipare. A scăpa de teama de a lucra cu cod. O abordare sistematică a organizării șabloanelor și stilurilor. Metodologia de descompunere a interfeței. Terminologie comună cu dezvoltatorii. Introducere în instrumentele interne Yandex.

Produse

Procesul de producție de la idee la produs. Roluri: manager de produs, designer de produs, arhitect tehnic și marketer. Transformarea unui designer UI într-un designer de produs. Etape ale procesului de proiectare și instrumente pentru fiecare dintre ele. Testarea ipotezelor: cercetări și experimente. Promovarea unui produs după crearea acestuia.

Munca în echipă

De ce este important să aduni în jurul tău o echipă de oameni diverși, cu idei similare? Cum să te organizezi pe tine și pe ceilalți. Deciziile de grup și implementarea lor fără distorsiuni. Comportament corect în situații de conflict tipice. Tehnici de transmitere a ideilor altora. Specificul unei echipe mari: termene limită, întâlniri, critici, control al calității, respect și încredere.

Lucrați la proiect

Pentru a finaliza eficient cursul, este necesar să vă angajați nu numai în teorie, ci și în practică. Participanții la școală au lucrat la propriile produse - oferim o sarcină similară studenților cursului video. Puteți afla mai multe despre el de la

În vara lui 2015 primul Școala de design Yandex. Materialele video filmate în timpul verii au stat la baza unui curs de învățământ la distanță. Taras Sharov, coautor al școlii, a realizat un videoclip introductiv în care explică pe scurt:

1. Cui este destinată Școala de Design?
2. Despre ce este scoala noastra?
3. Cum să percepi corect materialele școlare?
4. Cum se finalizează formarea?
5. De unde să începi?

1. PENTRU CUI SE AFACE SCOALA DE DESIGN?

Școala nu este concepută pentru începători în design.

2. DESPRE CE ESTE SCOALA NOASTRA?

Antrenamentul este împărțit în 4 blocuri:
1. Design într-o companie mare.
2. Prototiparea.
3. Design de produs.
4. Munca în echipă.
Și, de asemenea, proiectul tău personal (practică).

3. CUM SĂ PERCEPEȚI CORECT MATERIALELE SCOLARĂ?

Lasă criticile deoparte pentru un timp și fii deschis la tot ce este nou. Încercați să studiați mai detaliat subiectele care vor fi discutate în materialele școlare.

4. CUM SE FORMĂ?

1. Pregătește-te să lucrezi.
2. Alege un brand și imaginează-te ca un designer care lucrează pentru acel brand.
3. Veniți cu o idee de produs care să completeze linia de produse a mărcii. Ar trebui să fie un produs mic - nu mai complicat decât Instagram.
4. Lucrați la versiunea rusă a produsului.
5. În prima și a doua secțiune a școlii noastre, acționează pe baza intuiției tale. Începând cu a treia secțiune, urmați recomandările noastre.

5. DE UNDE SĂ ÎNCEPE?

Dacă nu sunteți familiarizat cu HTML, CSS și JavaScript, atunci ar trebui să începeți cu cursurile de bază despre Codeacademy. De asemenea, înainte de start, vă recomandăm să vă încălziți creierul cu câteva sfaturi de la Biroul lui Gorbunov.