A Yandextől elvárják az objektivitást és az interferenciamentességet - ilyen információigény a felületet is érinti: természetes környezet legyen, ne keveredés.
PROGRAM
Tervezés egy nagy cégnél
Az alkotó és a tervező közötti különbségről. A kapcsolódó szakmák tanulásának előnyeiről. Elmerülés a márka korlátaival való munkában: vizuális nyelv, építészet, történelem. Hogyan járuljunk hozzá közös rendszerértékeket, hogy több részévé váljunk. A személyiség és a márka konfliktusának feloldása.
Prototípusok
A legjobb módja annak, hogy egy terméket a tervezési szakaszban érezzünk. Útmutató a prototípuskészítési technikák elsajátításához. Megszabadulni a kóddal való munkavégzéstől való félelemtől. A sablonok és stílusok rendszerezésének szisztematikus megközelítése. Interfész dekompozíciós módszertan. A fejlesztőkkel megosztott terminológia. Bevezetés a Yandex belső eszközeibe.
Termékek
Gyártási folyamat ötlettől termékig. Szerepek: termékmenedzser, terméktervező, műszaki építész és marketinges. Az interfész tervezőből terméktervezővé válhat. A tervezési folyamat szakaszai és mindegyikhez szükséges eszközök. Hipotézisvizsgálat: kutatás és kísérletezés. A termék promóciója létrehozása után.
Csapatmunka
Miért fontos, hogy sokszínű, hasonló gondolkodású emberekből álló csapatot gyűjts magad köré. Hogyan szervezd meg magad és másokat. Csoportdöntések és azok végrehajtása torzítás nélkül. Helyes viselkedés tipikus konfliktushelyzetekben. Az ötletek másokkal való közlésének technikái. Egy nagy csapat sajátosságai: határidők, értekezletek, kritika, minőség-ellenőrzés, tisztelet és bizalom.
Projekt munka
A kurzus hatékony lebonyolításához nemcsak elméletben, hanem gyakorlatban is részt kell venni. Az Iskola résztvevői saját termékeiken dolgoztak - hasonló feladatot kínálunk a videó tanfolyam hallgatóinak. Többet megtudhat róla
Remek lehetőség egy új szakma megkezdésére. Ezért úgy döntöttem, hogy elvégzek egy tesztfeladatot.
A feladat két részből áll:
- Nézze meg a Yandex mobiltermékeit, és kínáljon néhány ötletet ezek fejlesztésére.
- Javasoljon koncepciót egy mobilalkalmazáshoz a Yandex.Travel szolgáltatáshoz. Az eredmény néhány kulcsfontosságú képernyő, valamint annak működésének és miértjének leírása.
A második feladat nehezebbnek bizonyult, mint gondoltam. Úgy tűnik, minden hibát elkövettem, amit lehetett, és erről az alábbiakban fogok beszélni.
Folyamat
Közvetlenül azelőtt értesültem az iskolába való toborzásról, hogy Jekatyerinburgba küldtek a DAMP-ra. Útközben a vonaton elkezdtem gondolkodni az alkalmazás felületén, és képernyőket rajzolni egy notebookba.
Ez volt az első hiba. Elkezdtem az interfészeket úgy építeni, ahogy szerettem volna. Helyes lenne először megérteni, hogy milyen igényeket kell megoldania a felületnek, és ennek függvényében megépíteni.
Amikor visszatértem Jekatyerinburgból, 12 napom volt két feladat elvégzésére a tesztfeladat részeként. Hogy jobban megértsem az idő folyását, magam elé akasztottam a napok lapot, hogy emlékezzek a határidőre. Minden este áthúzta az eltelt napot.
Ikon
A felhasználó az alkalmazás elindítása előtt megismeri az alkalmazást. Az alkalmazás ikonja nagyon fontos, ezért ezzel kezdtem. A meglévő Yandex.Travel webszolgáltatás ikonját vettem alapul.
Azzal kezdtem, hogy rajzoltam egy ikont:
A második hibám. Jól néz ki, de tényleg használhatatlan. Amikor elkezdtem rajzolni a Vázlatban, teljes baromságnak bizonyult:
Helyes lenne nem egy már meglévő ikont átrajzolni, hanem a szolgáltatás által megnevezett asszociációkkal kezdeni. A Yandex.Travel egy olyan szolgáltatás, amely túrák keresését és szállodák kiválasztását szolgálja.
Az első asszociáció, ami eszembe jutott, egy pohár koktéllal volt, ez lehetővé teszi a kikapcsolódást, mint egy tengeri kirándulás.
Egyetértek, szánalmasan néz ki. Bár itt még a Yandex logóból is észrevehető az Y. A lehetőség nem megfelelő, mivel a szolgáltatást alkoholos itallal társítani nem jó ötlet. A következő utazási egyesületek: pálmafák!
Rájöttem, hogy megint hibáztam. Igen, asszociációk alapján kezdtem ikonokat rajzolni, de ezek légüres térben voltak. Helyesebb lenne tanulmányozni a Yandex mobilalkalmazások ikonjait, kiemelni a közös jellemzőket, és asszociációkkal együtt használni őket egy ikon rajzolásához.
Ki akarna örökbe fogadni egy ilyen korcsot a családba?
A Yandex egyszerű alkalmazásikonokkal rendelkezik, nem lépnek túl az asszociációkon. A Közlekedésnek van egy buszuk, a Postának van egy borítékuk, a Piacnak pedig egy élelmiszerkocsijuk.
Elkezdek egyszerű asszociációkat keresni az Utazáshoz: poggyász, táska, jegy. Miközben az ikonok egyszerű megvalósításait keresem, egy iránytűbe botlok. Valójában az iránytű és képe mindenki számára ismerős. Rajzolok egy ikont és céges színekbe öltöztetem. Megnézem, hogy érzi magát a családban:
Emlékszem, hogy a határidő előtti határidő fele lejárt. Egy hét van hátra. Egy ikon rajzolása nem könnyű feladat. Megállok az iránytűvel ellátott opciónál, és továbblépek a mobilalkalmazás felületére.
Bal - ikon szegélyekkel a listaoldalhoz mobil alkalmazások, a jobb oldalon a prototípusban használható ikon látható, nem szabad, hogy legyen kerete.
Az ikon jól érzi magát természetes élőhelyén:
Mobil alkalmazás
Megnyitottam a Yandex.Travel-t az okostelefonomon, hogy megnézzem, hogyan néz ki a webhely mobil verziója. Ezután telepítettem a következő alkalmazásokat: Booking, Ostrovok, Travelata.ru, Aviasales és AirBnB, hogy megnézzem, hogyan néz ki a felület az utazási és szállodai/túrakereső alkalmazásokban. Telepítettem az összes iPhone-hoz elérhető Yandex alkalmazást, hogy megtaláljam a közös mintákat az interfészeken.
Elkezdtem keresgélni a dribble-ről készült felvételeket abban a reményben, hogy érdekes felületeket találok, és ezeket a koncepcióm alapjául használom. Ez volt a következő hibám.
Kiderült, hogy a csöpögő képek nem érintkeznek az élettel. A képernyők, amelyeket találtam, gyönyörűek voltak, de légüres térben voltak, és nem oldották meg a problémát.
Döntött arról, hogy ki fogja használni a Travel mobilalkalmazást. Először is, ezek azok a felhasználók, akik már használták a szolgáltatást az oldal mobil verzióján keresztül.
Ugrás az alkalmazáshoz innen mobil verzió az oldal legyen a lehető legkevésbé fájdalmas a felhasználó számára, ezért a felület legyen ismerős és ismerős.
Az oldal mobil verziójának felületét vettem alapul és véglegesítettem a mobil valósághoz. Az eredmény egy 8,7 mb-os vázlatfájl és 15 rajztábla:
A mobil verziótól eltérően az alkalmazásnak van egy oldala, amelyen személyes túrák válogathatnak, lehetőség van a keresési eredmény kedvencekhez adására, valamint az előzményeket tároló "Előzmények" gomb. keresési lekérdezések felhasználó.
Prototípus
Ebben a szakaszban rájöttem, hogy a legnagyobb hibát követtem el, amit valaha is elkövettem a teszten.
Rajzoltam felületeket a régi iPhone 4es képernyője alá, hogy bemutassam a koncepciómunkát. Amikor először megnyitottam az alkalmazás képét, rájöttem, hogy a rajztáblák mérete nem egyezik az okostelefon képernyőjének méretével.
A Sketch-ben a képernyőim 320x480 pixelesek voltak, de 640x960-nak kellett volna lennie. Elkezdtem újraírni az összes képernyőt. Aztán rájöttem, hogy a Sketchben az elemek jól néznek ki, de az okostelefonon kicsik.
Helyesebb lenne másképp megközelíteni a folyamatot: nem „Interfész rajzolása” → „Indítson prototípust”, hanem rajzoljon egy képernyőt, és azonnal ellenőrizze, hogyan jelenik meg egy okostelefonon, ez megspórolna néhány nap munkát.
A tesztfeladat megkezdése előtt egy prototípuskészítő eszköz mellett döntöttem - ez a Framer Studio. Ott írhatsz CoffeeScript-re, és remek animációkat készíthetsz. Valójában kiderült, hogy nem volt könnyű elsajátítani a Framer képességeit, és rövid időn belül megvalósítani rajta a felületemet. Nincs hova menni, a határidő az orrán, hajlítani kell.
Az iskolában Anton Shein említette az InVision szolgáltatást. Kezdett érteni.
A szolgáltatás intuitívnak bizonyult: képeket tölt fel, és átmenetekkel kapcsolja össze őket. Testreszabhatja az animációt az átmenetekhez, beállíthatja saját alkalmazásikonját, amely az iPhone kezdőképernyőjére mentve jelenik meg. Ez kell nekem!
Prototípuskészítési folyamat az InVisionban Nem volt semmi probléma. Szenvednem kellett az állapotsorral.
Az állapotsor egy interfészsor, amely megjeleníti az időt, az akkumulátor töltöttségét és a jelet sejtes kommunikáció. Az elrendezéseimnek saját állapotsoruk volt, de az InVision képes megjeleníteni a rendszert. Ha elmenti az ikont a kezdőképernyőre, és azon keresztül elindítja az alkalmazást, akkor az állapotsor összeolvad a háttérrel.
Amikor mentjük a webhely ikonját a kezdőképernyőre, és elindítjuk, a webhely webes nézetben nyílik meg. Az állapotsor testreszabható az apple-touch-icon metacímkével. Sajnos az állapotsort nem lehet úgy beállítani, hogy fekete szöveggel átlátszó legyen. Csak fehér szöveggel és fekete háttérrel.
Megoldás: telepítse az InVision alkalmazást, és használja bemutatóra.
Mivel a koncepciót egy másik alkalmazáson keresztül kellett bemutatni, megsértették a demonstráció integritását. Találja ki a forgatókönyvet: show futó alkalmazás, térjen vissza az ikonhoz, beszéljen róla, és térjen vissza az alkalmazáshoz anélkül, hogy az ikonra kattintana.
Eredmény
Σ
Igen, teljesen elfelejtettem mondani. A tesztfeladat előtt még soha nem dolgoztam Sketchben. Mint kiderült, könnyű elsajátítani.
Sokkal nehezebb alkalmazkodni a mobil alkalmazások kialakításához. Webfejlesztőként csak webes felületek vannak a fejemben. Alkalmazásokban teljesen más használati eset, egyéb funkciók.
A fő ok, amiért iskolába akarok menni mobil tervezés- tudást és tapasztalatot szerezni az alkalmazástervezés elkészítésében, megtanulni tervezőként gondolkodni.
Nemrég végeztem el a Yandex.Design tanfolyamot. Magam tanultam az anyagot. De nem volt lehetőségem más hallgatókkal kommunikálni, kérdéseket feltenni az előadóknak, és nehéz volt átérezni az Iskola légkörét.
Ezért szeretnék belépni a Mobil Design Iskolába, és személyesen részt venni az előadásokon, kérdéseket feltenni, és ami a legfontosabb, más hallgatókkal közösen tapasztalatot szerezni egy termék létrehozásában.
Csak 30 főt fogadnak, az eredményhirdetés május 27-ig lesz. Már csak várni kell az eredményeket és remélni a legjobbakat, de egyelőre egy like-al és megjegyzéssel támogathattok.
Örömmel veszek észrevételeket, javaslatokat a tesztfeladattal kapcsolatban.
A Yandex megnyitja a Design Iskolát - egy projektet kezdő terméktervezők számára. Június 15. és augusztus 31. között a Yandex alkalmazottai és meghívott szakértői megosztják a projekt résztvevőivel a terméktervezés terén szerzett tapasztalataikat. A program négy blokkból áll: "tervezés egy nagy cégben", "prototípuskészítés", "terméktervezés" és "csapatmunka".
A program végén a résztvevők személyes projektet mutatnak be - egyszerű és hasznos szolgáltatás, amely koncepcionálisan és vizuálisan is folytatná számos Yandex szolgáltatást.
Az iskolába való kiválasztás több szakaszban zajlott. Március 18. és április 19. között a jelentkezők portfóliót, esszét és tesztfeladatot küldtek a Yandex csapatának. A legsikeresebb dolgozatok szerzőivel interjút készítettek. Az iskola csapata összesen 780 jelentkezést vizsgált meg, és 74 jelentkezővel beszélt. Bár eredetileg 30 résztvevőnek kellett volna lennie a projektnek, a végső összeállításban eggyel többen vannak.
Lola Kristallinskaya
tervezési osztályvezető-helyettes
„Oroszországban a tömegszolgáltatások terméktervezését még sehol nem tanítják, ezért az Iskola különböző emberek figyelmét felkeltette: fizikusok, mérnökök, matematikusok, építészek, webdesignerek, illusztrátorok írtak nekünk. Valaki dolgozik és portfóliót gyűjtött, valaki más tanul, és csak azt dönti el, merre tovább.
Kezdetben 30 hallgatót terveztünk, de a szám feltételes: ha 23 embert találunk, akkor 23-at. Fontos volt, hogy megtaláljuk a "mieinket" - lelkes és gondolkodó egyszerre. Kezdettől fogva megfogalmaztuk a célt - a kiválasztási rendszernek átláthatónak kell lennie, hogy mindenki számára egyértelműen el tudjuk magyarázni, miért „igen” vagy miért „nem”.
Fontos volt számunkrao megtalálni"ők" - lelkes
és megfontolt egyidejűleg.
Mindenekelőtt a „zűrzavart” néztük meg: mennyire komolyan áll az ember a tesztfeladathoz. Nem volt számomra felfedezés, hogy a tapasztalat vagy a menő portfólió egyáltalán nem garantálja a pontos és értelmes munkát. Értékes, ha az ember megérti, merre tart, és készen áll a tanulásra. Ez ismét nem az életkortól vagy a tapasztalattól függ, hanem inkább a belső kultúrától és a személyes céloktól. Néhány ígéretes jelölt például visszavonult, miután figyelmeztették, hogy egész nyáron kell tanulniuk: sokat, sokáig, nehéz.
Minden embernek válaszoltunk, aki írt nekünk, sok emberrel beszélgetett és sok érdekes dolgot megtudott az oroszországi dizájnerpiacról, erről biztosan hamarosan beszámolunk.”
Az órák minden második nap az esti órákban lesznek. A résztvevők előrehaladását a Yandex mentorai és személyes kurátorok fogják nyomon követni. Mivel az orosz tervezési oktatásban nincs kialakított módszertan és szakirodalom a terméktervezők számára, a Yandex alkalmazottai önállóan dolgozták ki a projektprogramot.
Tarasz Sarov
Termékmenedzsment és tervezési osztály vezetője
A 2015 nyarán indult Design School - a kurzus résztvevői egymás után végigjárhatják az Iskola minden szakaszát, hallgathatják a Yandex alkalmazottainak előadásait, és egyidejűleg dolgozhatnak saját projektjeiken. A videós előadások minden héten keddenként jelennek meg. A tanfolyam 10 hetesre tervezett és április 5-én ér véget.
Az oldal szerkesztői az Iskola készítőitől tudtak meg részleteket az új videó tanfolyamról és annak munkájáról.
Meséljen nekünk a Design School eredményeiről. Elégedett az eredménnyel?
Lola Kristallinskaya, a Design School szervezője, a Yandex tervezési osztályának helyettes vezetője: 2015 nyarán rendeztük meg először a Design Iskolát. A Yandex tervezőinek nagy csapata számára - cégünkben egyébként már körülbelül 140 tervező van - ez egy fontos esemény volt, amelyre komolyan készültünk.
Hevesen vitatkoztunk a programról és a képzési formátumról: „Mi a design egy nagy cégnél? Mit kell tudnia egy terméktervezőnek? Hogyan tud együtt dolgozni a csapattal? A kezdő tervezőkben rengeteg kérdés merül fel, és meg kellett érteni, hogyan lehet az első pillantásra eltérőnek tűnő tudást összegyűjteni egy koherens történetbe, és beleilleszteni egy 2,5 hónapos intenzívbe.
Ennek eredményeként a program nemcsak gyakorlati blokkokat tartalmazott, mint például a prototípuskészítés, hanem a csapatmunkáról, a kapcsolódó szakmák előnyeiről és egyebekről is. A szekciók sorrendjét nem véletlenül választották meg - terveink szerint az Iskola tanulója fokozatosan fejleszti gyakorlati képességeit, elér egy bizonyos szakmai érettséget - és a végére kész megvédeni a projektjét.
A terméktervezés iránt nagy az érdeklődés, és nem csak a munkáltatók részéről – 780 jelentkezés érkezett a képzésre, tesztfeladatokkal, 70 interjút készítettünk, melyeket 32 fő sikeresen teljesített.
Egyikük az iskola elején úgy döntött, hogy megpróbál elhelyezkedni a Yandexnél, és miután sikeresen letette az interjúkat, csatlakozott hozzánk. Nagyon fontos volt számunkra, hogy olyan srácokat válasszunk, akik komolyan vették az oktatásukat. Sikerült, és az Iskolába bekerült 31 diák közül 30-an jutottak el a projekt végső védéséig.
Az iskola eredményeként a Yandex 16 diplomát hívott meg dolgozni, más srácok saját projekteket dolgoztak ki, vagy visszatértek azokhoz a cégekhez, ahol dolgoztak.
Taras Sharov, az iskola szervezője, a Poisk, Yandex új termékek prototípus-készítő csoportjának vezetője: Iskolánk ideális diákjának portréja így néz ki: Ön tervezőként többször is megbirkózott a rád bízott feladatokkal, megrendelői elfogadták a munkáját és elégedettek voltak vele. Fokozatosan kételkedni kezdett abban, hogy az ügyfél valóban megérti, mire van szüksége. Vagy egyáltalán nincs ügyfél, és erre a szerepre te magad vagy a legközelebbi esélyes. Gyakran felteszi magának a kérdést, hogy „hogyan értse meg: mi a helyes és mi a helytelen?”, megvan a motiváció, hogy alaposan megértse ezt a kérdést.
Az iskolai program kidolgozásakor arra a kérdésre próbáltunk választ adni, hogy „mit kell tudnia és mit kell tudnia egy terméktervezőnek egy olyan cégnél, mint a Yandex?”. Tehát van egy kezdő felülettervezőnk. Hol kell fejlődnie?
A következő hasonlatot alkalmaztuk: a tervező fejlődése egy favágáshoz hasonlít – minél több tapasztalat, annál több gyűrű a vágáson. A vágás lényegéhez közelebb állnak a kézműves készségek – végül is sokan a gyakorlással kezdik. A szelet külső gyűrűjéhez pedig közelebb állnak az absztrakt ismeretek – ezek a tervezői munka valódi értelmének reflexiói.
Mi az ötlete a ma elindított School of Design videó tanfolyamnak?
Ma a Yandex távoli videó tanfolyamot indít a School of Design-ban - a tanfolyam résztvevői egymás után végigjárhatják az Iskola összes szakaszát, hallgathatják a Yandex alkalmazottainak előadásait, és egyidejűleg dolgozhatnak saját projektjükön.
A tanfolyam elején ki kell választani egy ismert és jól ismert márkát, elképzelni kell magát, mint egy tervezőt, aki érte dolgozik, és egy olyan kis termék ötletével kell rendelkeznie, amely kiegészíti a termékcsaládot. A tanfolyam során ezzel a termékkel fog dolgozni. Valószínűleg nem lesz hatékony a videofelvételek egyszerű megtekintése.
Részletek - Taras Sharov bevezető leckében:
A bevezető előadás terve:
- Kinek szól a Design School?
- Miről szól az iskolánk?
- Hogyan kell helyesen érzékelni az iskolai anyagokat?
- Hogyan lehet edzeni?
- Hol kezdjem?
A videós előadások minden héten keddenként jelennek meg. A tanfolyam 10 hetesre tervezett és április 5-én ér véget.
A tanfolyam résztvevői küldhetnek projekteket a Yandexnek felülvizsgálatra?
Lola Kristallinskaya: Készek vagyunk egy kísérleti csoport toborzására, amely a projekt tanulmányozása során konzultációs lehetőséget kap tanárainktól. Az indulásról és a felvételi feltételekről február folyamán további tájékoztatást adunk.
Addig is javasoljuk, hogy hangolódjon rá komoly munkára: nézzen előadásokat, olvasson további szakirodalmat, és ezzel párhuzamosan dolgozzon a projektjén. A tanulás folyamatában koncepciója komolyan megváltozhat. A célod nem annyira a végeredmény, mint inkább a folyamat. Az iskola lehetőséget ad arra, hogy tágítsd a látókörödet, és próbálj úgy dolgozni a terméken, ahogy azt a nagyvállalatoknál teszik.
Tervezi a második beiratkozást a Design Schoolba?
Lola Kristallinskaya: Igen, idén tervezzük egy Mobil Design Iskola megnyitását. Az indulásról és a felvételi feltételekről márciusban adunk tájékoztatást.2015 nyarán az első Yandex Design School. A távirányító alapját a nyáron forgatott videóanyagok képezték képzés. Taras Sharov, az iskola társszerzője készített egy bemutatkozó videót, amelyben röviden elmondja:
1. Kinek szól a Design School?
2. Miről szól az iskolánk?
3. Hogyan kell helyesen érzékelni az iskolai tananyagokat?
4. Hogyan lehet edzeni?
5. Hol kezdjem?
1. KINEK A DESIGN ISKOLA?
Az iskola nem a tervezésben kezdőknek készült.
2. MIRŐL SZÓL AZ ISKOLÁNK?
A képzés 4 blokkra oszlik:
1. Tervezés egy nagy cégnél.
2. Prototípuskészítés.
3. Terméktervezés.
4. Csapatmunka.
Valamint a személyes projektje (gyakorlat).
3. HOGYAN LEHET FELISMERNI AZ ISKOLA ANYAGJÁT?
Tedd félre a kritikát egy időre, és légy nyitott minden újdonságra. Próbálja meg részletesebben tanulmányozni azokat a témákat, amelyek az iskola anyagaiban hangzanak majd el.
4. HOGYAN EDZEK?
1. Készülj fel a munkára.
2. Válasszon ki egy márkát, és képzelje el magát az adott márkának dolgozó tervezőként.
3. Találjon ki egy olyan termékötletet, amely kiegészíti a márka termékvonalát. Kicsi terméknek kell lennie – nem bonyolultabb, mint az Instagram.
4. Dolgozzon a termék orosz verzióján.
5. Iskolánk első és második szakaszában cselekedj megérzéseid szerint. A harmadik résztől kezdve kövesse ajánlásainkat.
5. HOL KEZDJÜK?
Ha nem ismeri a HTML-t, a CSS-t és a JavaScriptet, akkor érdemes a Codeacademy alaptanfolyamaival kezdenie. Azt is javasoljuk, hogy indulás előtt melegítse fel az agyát a Gorbunov Iroda néhány tippjével.
Betöltés...