Лятни коментари на Yandex Design School. Училище за мобилен дизайн: процесът на изпълнение на тестова задача

През лятото на 2015 г. първият Yandex Design School. В основата на дистанционното са заснети видео материали, заснети през лятото курс на обучение. Тарас Шаров, съавтор на школата, направи въвеждащо видео, в което накратко разказва:

1. За кого е Училището по дизайн?
2. Какво представлява нашето училище?
3. Как да възприемаме правилно училищните материали?
4. Как да се обучавам?
5. Откъде да започна?

1. ЗА КОГО Е УЧИЛИЩЕТО ПО ДИЗАЙН?

Училището не е предназначено за начинаещи в дизайна.

2. КАКВО ПРЕДСТАВЛЯВА НАШЕТО УЧИЛИЩЕ?

Обучението е разделено на 4 блока:
1. Дизайн в голяма компания.
2. Прототипиране.
3. Дизайн на продукта.
4. Работа в екип.
Както и ваш личен проект (практика).

3. КАК ДА РАЗПОЗНАЕМ МАТЕРИАЛИТЕ НА УЧИЛИЩЕТО?

Оставете настрана критиката за известно време и бъдете отворени към всичко ново. Опитайте се да проучите по-подробно онези теми, които ще звучат в материалите на училището.

4. КАК ДА ТРЕНИРАМ?

1. Пригответе се за работа.
2. Изберете марка и си представете себе си като дизайнер, работещ за тази марка.
3. Измислете идея за продукт, който допълва продуктовата линия на марката. Трябва да е малък продукт – не по-сложен от Instagram.
4. Работа по руската версия на продукта.
5. По време на първия и втория раздел на нашето училище действайте според интуицията си. Започвайки от третия раздел, следвайте нашите препоръки.

5. КЪДЕ ДА ЗАПОЧНА?

Ако не сте запознати с HTML, CSS и JavaScript, тогава трябва да започнете с основните курсове в Codeacademy. Също така, преди старта, препоръчваме да загреете мозъците си с няколко съвета от бюрото Gorbunov.

Чудесна възможност за навлизане в нова професия. Затова реших да направя тестова задача.

Задачата се състои от две части:

  1. Разгледайте мобилните продукти на Yandex и предложете няколко идеи за подобряване на всеки от тях.
  2. Предложете концепция за мобилно приложение за услугата Yandex.Travel. Резултатът трябва да бъде няколко ключови екрана и описание на това как работи и защо.

Втората задача се оказа по-трудна, отколкото предполагах. Изглежда, че направих всички грешки, които можех, и ще говоря за това по-долу.

Процес

Разбрах за набирането в училището точно преди да бъда изпратен в Екатеринбург за DAMP. По пътя във влака започнах да обмислям интерфейса на приложението и да рисувам екрани в тетрадка.

Това беше първата грешка. Започнах да създавам интерфейси, както исках. Би било правилно първо да разберете какви нужди трябва да реши интерфейсът и в зависимост от това да го изградите.

Когато се върнах от Екатеринбург, имах 12 дни, за да изпълня две задачи в рамките на тестова задача. За по-добро разбиране на течението на времето закачих пред себе си лист с дни, за да запомня крайния срок. Всяка вечер зачеркваше изминалия ден.


Икона

Потребителят се запознава с приложението, преди да го стартира. Иконата на приложението е много важна, затова започнах с нея. За основа взех иконата на съществуващата уеб услуга Yandex.Travel.

Започнах, като нарисувах икона в моя:


Втората ми грешка. Изглежда хубаво, но наистина е безполезно. Когато започнах да рисувам в Sketch, се оказа пълна глупост:




Би било правилно да не преначертавате вече съществуваща икона, а да започнете с асоциациите, които услугата извиква. Yandex.Travel е услуга за намиране на обиколки и избор на хотели.

Първата асоциация, която ми дойде на ум, беше чаша с коктейл, позволява ви да се отпуснете, като пътуване до морето.


Съгласен съм, изглежда жалко. Въпреки че тук можете дори да забележите Y от логото на Yandex. Вариантът не е подходящ, тъй като асоциирането на услугата с алкохолна напитка не е добра идея. Следните туристически асоциации: палми!





Разбрах, че отново съм сгрешил. Да, започнах да рисувам икони по асоциации, но те бяха във вакуум. Би било по-правилно да изучавате иконите на мобилните приложения на Yandex, да подчертавате общи характеристики и да ги използвате в комбинация с асоциации, за да нарисувате икона.

Кой би искал да осинови такъв изрод в семейството?


Yandex има прости икони на приложения, те не надхвърлят асоциациите. За Транспорт имат бус, за Пощата имат плик, а за Пазара имат количка за хранителни стоки.


Започвам да търся прости асоциации за пътуване: багаж, чанта, билет. Докато търся прости реализации на икони, се натъквам на компас. Всъщност компасът и неговият образ са познати на всички. Рисувам икона и я обличам в корпоративни цветове. Проверявам как се чувства в семейството:


Спомням си, че половината от срока преди крайния срок изтече. Остава седмица. Рисуването на икона не е лесна задача. Спирам се на варианта с компас и преминавам към интерфейса на мобилното приложение.


Вляво - икона с граници за страница със списък мобилни приложения, вдясно е икона за използване в прототипа, не трябва да има граници.

Иконата се чувства добре в естествената си среда:


Мобилно приложение

Отворих Yandex.Travel на смартфона си, за да видя как изглежда мобилната версия на сайта. След това инсталирах следните приложения: Booking, Ostrovok, Travelata.ru, Aviasales и AirBnB, за да видя как може да изглежда интерфейсът в приложенията за пътуване и търсене на хотели/турове. Инсталирах всички налични приложения на Yandex за iPhone, за да намеря общи модели в интерфейсите.

Започнах да търся удари на дрибъл с надеждата да намеря интересни интерфейси и да ги използвам като основа в моята концепция. Това беше следващата ми грешка.

Снимки в дрибъл се оказаха извън живота. Екраните, които намерих, бяха красиви, но бяха във вакуум и не решиха проблема.


Реши кой ще използва мобилното приложение Travel. На първо място, това са тези потребители, които вече са използвали услугата през мобилната версия на сайта.

Преминете към приложението от мобилна версиясайтът трябва да бъде възможно най-малко болезнен за потребителя, следователно интерфейсът трябва да е познат и познат.

Взех интерфейса на мобилната версия на сайта като основа и го финализирах за мобилни реалности. Резултатът е файл със скица от 8,7 mb и 15 артборда:


За разлика от мобилната версия, приложението има страница със селекция от лични обиколки, възможност за добавяне на резултата от търсенето към любими и бутон "История", който съхранява историята заявки за търсенепотребител.

Прототип

На този етап разбрах, че съм направил най-голямата грешка, която съм допускал на теста.

Начертах интерфейси под екрана на стария си iPhone 4es, за да демонстрирам концептуалната работа върху него. Когато отворих изображението на приложението за първи път, разбрах, че размерите на артбордовете не съответстват на размера на екрана на смартфона.

В Sketch екраните ми бяха 320 на 480 пиксела, но трябваше да е 640 на 960. Започнах да преработвам всички екрани. Тогава разбрах, че в Sketch елементите изглеждат добре, но на смартфона са малки.

Би било по-правилно да се подходи към процеса по различен начин: не „Начертайте интерфейс“ → „Стартиране на прототипиране“, но нарисувайте един екран и веднага проверете как се показва на смартфон, това ще спести няколко дни работа.

Преди да започна тестовата задача, реших инструмент за прототипиране - това е Framer Studio. Там можете да пишете на CoffeeScript и да правите страхотни анимации. Всъщност се оказа, че не е лесно да овладея възможностите на Framer и да внедря своя интерфейс върху него за кратко време. Няма къде да отидете, срокът е на носа, необходимо е да се огъвате.


В училище Антон Шейн спомена услугата InVision. Започнах да разбирам.

Услугата се оказа интуитивна: качвате снимки и ги свързвате с преходи. Можете да персонализирате анимацията за преходи, да зададете своя собствена икона на приложение, която ще се показва, когато бъде запазена на началния екран на iPhone. Ето това ми трябва!


Процес на прототипиране в InVision

Нямаше проблеми. Трябваше да страдам с лентата на състоянието.

Лентата на състоянието е интерфейсна линия, която показва часа, заряда на батерията и сигнала клетъчна комуникация. Моите оформления имаха собствена лента на състоянието, но InVision може да покаже системната. Ако запазите иконата на началния екран и стартирате приложението през нея, тогава лентата на състоянието се слива с фона.

Когато запазим иконата на сайта на началния екран и го стартираме, сайтът се отваря чрез уеб изглед. Лентата на състоянието може да бъде персонализирана чрез мета тага apple-touch-icon. За съжаление лентата на състоянието не може да бъде конфигурирана да бъде прозрачна с черен текст. Само с бял текст и черен фон.

Решение: инсталирайте приложението InVision и го използвайте за демонстрация.

Тъй като концепцията трябваше да бъде показана чрез друго приложение, целостта на демонстрацията беше нарушена. Измислете сценарий: шоу работещо приложение, върнете се към иконата, говорете за нея и се върнете към приложението, без да щракнете върху иконата.

Резултат

Σ

Да, напълно забравих да кажа. Преди тестовата задача никога не съм работил в Sketch. Както се оказа, лесно се овладява.

Много по-трудно е да се адаптира към дизайна на мобилните приложения. Като уеб разработчик имам само уеб интерфейси в главата си. В приложенията, напълно различен случай на употреба, други функции.

Основната причина, поради която искам да вляза в School of Mobile Design, е да придобия знания и опит в създаването на дизайн на приложения, да се науча да мисля като дизайнер.

Наскоро завърших курса Yandex.Design. Сам съм учил материала. Но нямах възможност да общувам с други студенти, да задавам въпроси на преподавателите и беше трудно да усетя атмосферата на училището.

Затова искам да вляза в Училището по мобилен дизайн и лично да посещавам лекции, да задавам въпроси и най-важното да придобия опит в създаването на продукт заедно с други студенти.

Ще бъдат приети само 30 души, резултатите ще бъдат обявени до 27 май. Остава само да чакаме резултатите и да се надяваме на най-доброто, но засега можете да ме подкрепите с харесване и коментар към бележката.

Ще се радвам на коментари и предложения по тестовата задача.

Yandex открива Училището по дизайн - проект за начинаещи продуктови дизайнери. От 15 юни до 31 август служителите на Yandex и поканените експерти ще споделят своя опит в работата по дизайна на продукта с участниците в проекта. Програмата се състои от четири блока: „дизайн в голяма компания“, „прототипиране“, „дизайн на продукти“ и „работа в екип“.
В края на програмата участниците ще представят личен проект - прост и полезна услуга, което концептуално и визуално би продължило редица услуги на Yandex.


Подборът към училището премина на няколко етапа.От 18 март до 19 април кандидатите изпратиха портфолио, есе и тестова задача на екипа на Yandex. Бяха интервюирани авторите на най-успешните доклади. Общо екипът на училището разгледа 780 заявления и разговаря със 74 кандидати. Въпреки че първоначално участниците в проекта трябваше да бъдат 30, в окончателния състав те са с още един.

Лола Кристалинская

Заместник-началник отдел „Проектиране“.

„Продуктовият дизайн на масовите услуги в Русия все още не се преподава никъде,затова Училището привлече вниманието на различни хора: писаха ни физици, инженери, математици, архитекти, уеб дизайнери, илюстратори. Някой работи и е събрал портфолио, друг учи и само решава накъде да продължи.

Първоначално планирахме да вземем 30 слушатели, но цифрата е условна: ако намерим 23 души, ще вземем 23. За нас беше важно да намерим „нашите“ – ентусиазирани и замислени едновременно. От самото начало формулирахме целта - системата за подбор да бъде прозрачна, така че да можем ясно да обясним на всеки човек защо "да" или защо "не".

Беше важно за насo намери"техните" - ентусиазирани
и обмислен
едновременно.

На първо място, разгледахме „объркването“: колко сериозно човек е подходил към тестовата задача. За мен не беше откритие, че опитът или готиното портфолио изобщо не гарантират точна и смислена работа. Ценно е, когато човек разбира накъде отива и е готов да се учи. Отново, това не зависи от възрастта или опита, а по-скоро от вътрешната култура и личните цели. Например, някои обещаващи кандидати се оттеглиха, след като бяха предупредени, че ще трябва да учат цяло лято: много, дълго, трудно.

Отговорихме на всеки, който ни писа, говорихме с много хора и научихме много интересни неща за дизайнерския пазар в Русия, със сигурност ще ви разкажем скоро.”

Занятията ще се провеждат през ден вечер.Напредъкът на участниците ще бъде наблюдаван от ментори от Yandex и лични куратори. Тъй като в руското обучение по дизайн няма установена методология и литература за продуктови дизайнери, служителите на Yandex сами разработиха програмата за проекта.

Тарас Шаров

Ръководител отдел „Продуктов мениджмънт и дизайн“.

Училището по дизайн, стартирано през лятото на 2015 г. - участниците в курса ще могат последователно да преминат през всички секции на Училището, като слушат лекции от служители на Yandex и едновременно с това работят върху собствените си проекти. Видео лекциите ще се публикуват последователно всяка седмица във вторник. Курсът е предназначен за 10 седмици и ще приключи на 5 април.

Редакторите на сайта научиха от създателите на училището подробности за новия видео курс и неговата работа.

Разкажете ни за резултатите от Училището по дизайн. Доволни ли сте от резултатите?

Лола Кристалинская, организатор на Училището по дизайн, заместник-ръководител на отдела за дизайн на Yandex:През лятото на 2015 г. за първи път проведохме Училището по дизайн. За голям екип от дизайнери в Yandex - в нашата компания, между другото, вече има около 140 дизайнери - това беше важно събитие, за което се подготвяхме сериозно.

Спорихме разгорещено за програмата и формата на обучението: „Какво е дизайнът в една голяма компания? Какво трябва да знае продуктовият дизайнер? Как може да работи с отбора? Начинаещите дизайнери имат много въпроси и беше необходимо да се разбере как да се съберат знания, които на пръв поглед изглеждаха разнородни, в последователна история и да се вместят в 2,5-месечен интензив.

В резултат на това програмата включваше не само практически блокове, като например създаване на прототипи, но и работа в екип, ползите от сродни професии и други. Редът на секциите не е избран случайно - според нашия план ученикът на училището постепенно развива практически умения, достига определена професионална зрялост - и е готов да защити своя проект до края.

Интересът към продуктовия дизайн е голям, и то не само от страна на работодателите – получихме 780 заявки за обучение, с изпълнени тестови задачи, и проведохме 70 интервюта, преминали успешно от 32 души.

Един от тях, в началото на училището, реши да опита да си намери работа в Yandex и след като премина успешно интервютата, се присъедини към нас. За нас беше много важно да изберем момчета, които се отнасят сериозно към образованието си. Успяхме и до финалната защита на проекта стигнаха 30 от постъпилите 31 ученици.

В резултат на училището Yandex покани 16 завършили да работят, други момчета отидоха да разработят свои собствени проекти или се върнаха в компаниите, за които работеха.

Тарас Шаров, организатор на училището, ръководител на групата за прототипиране на нови продукти в Poisk, Yandex:Портретът на идеалния ученик на нашето училище изглежда така: вие, като дизайнер, многократно сте се справяли с възложените ви задачи, вашите клиенти са приели работата ви и са били доволни от нея. Постепенно започвате да се съмнявате, че клиентът наистина разбира от какво има нужда. Или изобщо няма клиент и най-близкият претендент за тази роля сте вие ​​самите. Често се питате „как да разберете: кое е правилно и кое не?”, имате мотивацията да разберете напълно този въпрос.

При разработването на училищната програма се опитахме да отговорим на въпроса „какво трябва да знае и може един продуктов дизайнер в компания като Yandex?“. И така, имаме начинаещ дизайнер на интерфейс. Къде трябва да се развива?

Използвахме следната аналогия: разработката на дизайнера прилича на разрез на дърво – колкото повече опит, толкова повече пръстени на среза. По-близо до сърцевината на кройката са майсторските умения - в крайна сметка много от тях започват с практика. И по-близо до външния пръстен на среза са абстрактните знания - това са размишления върху истинския смисъл на работата на дизайнера.

Каква е идеята на стартирания днес видео курс на School of Design?

Днес Yandex стартира дистанционен видео курс в Училището по дизайн - участниците в курса ще могат последователно да преминат през всички секции на Училището, да слушат лекции от служители на Yandex и едновременно да работят върху собствения си проект.

В началото на курса трябва да изберете добре позната и известна марка, да си представите себе си като дизайнер, работещ за нея, и да излезете с идея за малък продукт, който да допълни продуктовата линия. Ще работите с този продукт през целия курс. Простото гледане на видеозапис е малко вероятно да бъде ефективно.

Подробности - във встъпителния урок от Тарас Шаров:

План на встъпителната лекция:

  1. За кого е Училището по дизайн?
  2. Какво представлява нашето училище?
  3. Как да възприемаме правилно училищните материали?
  4. Как да се обучим?
  5. Откъде да започна?

Видео лекциите ще се публикуват последователно всяка седмица във вторник. Курсът е предназначен за 10 седмици и ще приключи на 5 април.

Могат ли участниците в курса да изпращат проекти на Yandex за преглед?

Лола Кристалинская:Имаме готовност да наберем експериментална група, която ще получи възможност за консултации от нашите преподаватели по време на изучаването на проекта. Ще ви информираме за началото и условията за набиране на персонал допълнително през февруари.

Междувременно ви препоръчваме да се настроите към сериозна работа: гледайте лекции, четете допълнителна литература и успоредно с това работете върху проекта си. В процеса на обучение неговата концепция може сериозно да се промени. Вашата цел е не толкова крайният резултат, колкото процесът. Училището ви дава възможност да разширите хоризонтите си и да се опитате да работите върху продукта, както се прави в големите компании.

Планирате ли да стартирате втория прием в Училището по дизайн?

Лола Кристалинская:Да, тази година планираме да отворим Мобилно училище по дизайн. Ще ви разкажем за началото и условията за набиране през март.

От Yandex се очаква обективност и ненамеса - такова изискване за информация засяга и интерфейса: да бъде естествена среда, а не примес.

ПРОГРАМА

Дизайн в голяма компания

За разликата между творец и дизайнер. За ползите от изучаването на сродни професии. Потапяне в работата с ограничения на марката: визуален език, архитектура, история. Как да допринесете за обща системаценности, за да станете част от повече. Разрешаване на конфликт между личността и марката.

Прототипи

Най-добрият начин да усетите продукта е на етапа на проектиране. Ръководство за овладяване на техники за създаване на прототипи. Да се ​​отървете от страха от работа с код. Систематичен подход към организирането на шаблони и стилове. Методология за декомпозиция на интерфейса. Терминология, споделена с разработчиците. Въведение във вътрешните инструменти на Yandex.

Продукти

Производствен процес от идея до продукт. Роли: продуктов мениджър, продуктов дизайнер, технически архитект и маркетинг специалист. Превръщане на дизайнер на интерфейс в дизайнер на продукти. Етапи на процеса на проектиране и инструменти за всеки от тях. Проверка на хипотези: изследване и експериментиране. Популяризиране на продукта след неговото създаване.

Съвместна дейност

Защо е важно да съберете около себе си екип от различни съмишленици. Как да организирате себе си и другите. Групови решения и тяхното изпълнение без изкривяване. Коректно поведение в типични конфликтни ситуации. Техники за предаване на идеи на другите. Спецификата на големия екип: срокове, срещи, критика, контрол на качеството, уважение и доверие.

Работа по проект

За ефективното преминаване на курса е необходимо да се занимавате не само с теория, но и с практика. Участниците в училището работиха върху свои собствени продукти - предлагаме подобна задача на учениците от видео курса. Можете да научите повече за него от



Зареждане...
Връх