Мобилизация, итог обучения

На каждый день лекций в Школе мобильного дизайна писал заметки. Кроме лекций каждый ученик работал над личным проектом. 10 августа презентовал проект организаторам Школы. В начале недели стали известны результаты.

Презентую проект

Фото с презентации личного проекта, автор Станислав Сабиров

Во второй этап не прошёл, поэтому для меня обучение закончилось. Ребята, которые прошли, разделились на команды и работают над проектами вместе. К концу сентября у них должна получиться минимальная рабочая версия продукта.

°°°

В феврале поставил перед собой цель: стать дизайнером. До этого с дизайном никак не был связан, даже не верстал из ПСД-файлов. Впервые открыл Скетч, когда выполнял тестовое задание для поступления в проект «Мобилизация».

С 4 июля по 15 августа мне повезло учиться в Яндексе: слушал лекции, проходил тренинги, семинары и занимался личным проектом. Всё это дало мне отличную базу для входа в новую профессию.

Раз всё так хорошо, то возникает логичный вопрос: «почему не прошёл?». Основная причина — это недостаточный опыт в отрисовке интерфейсов. Как следствие, сложно визуализировать решение проблемы в виде живого интерфейса. Для начала рисовал экран в блокноте, а уже после этого открывал Скетч. Такой подход отнимает много времени.

Пример бумажного прототипа

Пример бумажного прототипа

Кроме этого, мой технический опыт сыграл со мной злую шутку. Когда придумывал решение проблемы, сразу задумывался о возможности технической реализации. Если не понимал, как реализовать — выкидывал идею. Надо было делать иначе: придумал решение → пообщался с другими разработчиками. Они могут знать что-то, чего не знаю я.

До конца года осталось четыре месяца. Чтобы набраться опыта в отрисовке интерфейсов, я собираюсь в месяц выкладывать по десять экранов мобильных приложений на дрибле. Это будут как собственные идеи, так и редизайн экранов современных приложений.

Мне настолько понравилась тема мобильных продуктов, что кроме отрисовки интерфейсов поставил перед собой новый вызов: к концу года запустить мобильное приложение. Для какой платформы оно будет, какую проблему собираюсь решать — ничего из этого пока не знаю. В процессе работы над приложением буду использовать знания, которые получил в Школе мобильного дизайна.

Σ

Продолжаю развиваться в дизайне. К концу года повышу уровень отрисовки интерфейсов и запущу мобильное приложение. Сменю работу разработчика на работу дизайнера.

У меня пока нет портфолио, но есть описание дизайн-процесса: выполнение тестового задания и редизайн главной страницы. Если вам требуется дизайнер для продукта с техническим бэкграундом — пишите в фэйсбук.

СохранитьСохранить

Мобилизация, четырнадцатый день

В четверг Юра Подорожный закрыл серию лекций в Школе мобильного дизайна рассказом про работу в команде.

В прошлом году в школе «Яндекс.Дизайн» заключительная лекция была с похожим названием:

Лола Кристаллинская рассказала о том, что делать после того, как тебя приняли на работу и как провести первый год в компании. Не пожалейте час и посмотрите, лекция полезная.

В четверг Юра рассказал про работу в команде. Почему недостаточное общение между дизайнером, разработчиком и менеджером приводит к плачевным результатам.

Юра рассказывает про работу в команде

Юра рассказывает про работу в команде

Дизайнеры и разработчики разговаривают на разных языках, поэтому важно развиваться и учиться понимать друг друга. Дизайнеру полезно изучить вёрстку, а разработчику — освоить Скетч.

Лучше всего, если дизайнеры и разработчики общаются между собой на каждом этапе работы над продуктом. Если дизайнер заранее узнает у разработчика возможно ли реализовать ту или иную фичу, то команда быстрее придёт к необходимому результату. Общение в команде также рождает интересные продуктовые идеи. Разработчик тоже дизайнер и может предложить интересное решение или идею.

Важно создать и держать в актуальности единую базу знаний по продукту, разумно подходить к хранению версий дизайна интерфейсов.

У команды одна цель — сделать качественный продукт.

°°°

Все дни: первый, второй, третий, четвёртый, пятый и шестой, седьмой, с восьмого по тринадцатый, четырнадцатый.

Мобилизация, с восьмого по тринадцатый дни

На каждый день лекций пишу заметку. Такие публикации важны для меня, когда пишу — рефлексирую. Последние пять дней были насыщенными: узнал про инструменты для создания прототипов, мастерство презентации, писал во Фреймер Студии, узнал подробнее про развитие продукта и как исследовать интерфейсы.

Внутренний дворик Яндекса

В прошлой заметке писал про лекцию от Сергея Томилова и Даши Старицыной. Они провели ещё две лекции: про инструменты для создания прототипа и анимацию в нём.

Инструментов для создания прототипа много. «Золотой пули» пока нет. Инструменты можно разделить на две категории: когда нам необходимо построить карту переходов с одного экрана на другой, чтобы показать сценарий использования, и когда нам необходимо показать взаимодействие с элементами интерфейса на одном экране.

Ниже приведу список таких инструментов. Возможно, о каком-то из них вы не знали.

  • Для сценария: InVision, Flinto, Marvel
  • Для взаимодействия: Pixate, Principle, Hype 3, Principle, Framer

Общаемся с Сергем Томиловым после лекции

Общаемся с Сергем после лекции

На выходных у нас был семинар от ребят из Фреймера и лекция от Алексея Каптерева.

В субботу Jonas Treub и Krijn Rijshouwer рассказали про свой продукт — Фреймер Студию. После описания возможностей мы принялись выполнять задания: начали с простых действий с перемещением картинки по тапу, а закончили панорамой на 360 градусов. Получилось круто, но четыре часа с моим уровнем знания английского было сложно воспринимать. После обучения в проекте возьмусь за изучение английского языка — без него невозможно развиваться в нашей профессии.

В воскресенье прошла отличная лекция от Алексея Каптерева — автора книги «Мастерство презентации» и консультанта по публичным выступлениям. Через две недели каждому участнику проекта «Мобилизация» предстоит защитить свой проект. Поэтому пора задуматься о том, как и что мы будем говорить на своих десяти минутах славы.

Алексей отвечает на вопросы после лекции

В понедельник у дизайнеров впервые прошла лекция от не дизайнера. Менеджер продуктов Яндекс.Музыка и Яндекс.Радио Андрей Гевак рассказал нам о цикле развития продукта. Какие шаги проходит пользователь, чтобы начать использовать наше приложение, как с помощью статистики искать узкие места и исправлять их.

Если вы сейчас делаете приложение, то задумайтесь над тем, для чего делаете. Фичи, которые вы хотите внедрить в приложение, действительно решат проблему? Как собираетесь удержать пользователя?

Задумайтесь над тем, сколько целевых действий должно быть у продукта. Если их несколько, то точно ли они должны быть в одном приложении? Может, их стоит разделить? Например, так сделал Фэйсбук со своим Мессенжером, а Фосквер со Свармом.

Во вторник Саша Кондратьев из лаборатории Яндекса рассказал про то, как проводить исследования с людьми, изучать, как пользуются вашим интерфейсом и узнавать, что было удобно, а что нет.

Осталась одна лекция и семинар, дальше — защита проекта.

°°°

Все дни: первый, второй, третий, четвёртый, пятый и шестой, седьмой, с восьмого по тринадцатый, четырнадцатый.

Мобилизация, седьмой день

Последние дни, в свободное от работы время, занимался проработкой мобильного приложения в рамках личного проекта Школы мобильного дизайна. Сегодня каждый участник школы отправил свои наработки в качестве домашнего задания по субботнему семинару.

Вечером прошла лекция по прототипированию. Даша Старицына и Сергей Томилов рассказали для чего нужны прототипы, как их используют в Яндексе, привели примеры из реальных задач. Про инструменты расскажут в следующий раз.

Даша и Сергей

Даша и Сергей отвечают на вопросы после лекции

В апреле смотрел курс «Яндекс.Дизайн», по итогам которого написал конспект. Просмотр лекций в уютном домашнем кресле и присутствие на них — две разные вещи. В первом случае ты спокойно смотришь видео, когда есть время и силы.

Во время обучения в школе обстановка совсем иная. Ты постоянно находишься вне зоны комфорта: то заболеешь из-за смены климата, то необходимо за двое суток посмотреть пяти часовую видеолекцию, по итогам которой переделываешь все наработки, а ещё надо успеть поработать необходимое количество времени по основному проекту.

Отдельным кайфом обучения является то, что ты постоянно находишься в компании таких же учеников, как ты. Можно спросить совет по Скетчу, как что-то сделать, обсудить волнующие тебя вопросы. Каждый старается друг другу помочь. Начинаешь быстрее обучаться. После каждой лекции мы уходим на кухню, продолжаем общение с лекторами и сотрудниками Яндекса в неофициальной обстановке. Здорово когда такие профессионалы спокойно стоят, пьют чай и с интересом отвечают на твои вопросы, стараются помочь, подсказать и направить.

Полезные материалы

°°°

Все дни: первый, второй, третий, четвёртый, пятый и шестой, седьмой, с восьмого по тринадцатый, четырнадцатый.

Мобилизация, пятый и шестой день

Прошло две лекции и два семинара, поэтому опишу впечатления по прошедшим дня. Они были насыщенными.

Сергей Калабин рассказал нам про связь между продуктом и платформой. У каждой мобильной платформы есть свои правила оформления — гайдлайны. Следовать им или отходить от правил — решает дизайнер. Важно соблюдать баланс между родным системным интерфейсом и отхождением к брендовому стилю. Дизайнер несёт ответственность за то, какие идеи он принимает и то, насколько затратна будет их реализация и помнит, что всё зависит от задачи.

Дизайнеры и разработчики должны дружить. Только так можно добиться использования самых современных решений.

°°°

Нас обучают не только дизайнерским навыкам, но и навыкам продуктовых менеджеров. Например, проводим интервью и опросы с целевой аудиторией своих личных проектов.

Для начала нам позволили самостоятельно выполнить опросы, после чего дали посмотреть лекцию на пять часов про пользовательские истории и интервью от классного менеджера — Гоши Баркана.

Ночная Москва

Ночная Москва после просмотра пяти часов видео лекции для менеджеров

Сегодня у нас было три часа общения с Гошей. Поняли, что делали неправильно. Кажется, что в голове всё улеглось. Начинаю делать новый опрос и параллельно продумываю основной кейс использования продукта, продумываю экраны интерфейса.

°°°

Каждый участник школы мобильного дизайна до поступления уже имел представление о том, что такое материальный дизайн и — выполнял тестовое задание в Скетче.

Сегодня на лекции и семинаре по мобильным интерфейсам нам подробнее рассказали про подходы и инструменты с вершины опыта продуктовых дизайнеров Яндекса.

Семинар по мобильным интерфейсам

Антон Тен рассказывает про Скетч и Зеплин

Ниже приведу краткий список с полезными ссылками и инструментами.

Полезные материалы

Инструменты

  • Скетч — основной инструмент для рисования дизайна;
  • Крафт Менеджер — плагин для Скетча, который позволяет вставлять картинки из интернета в интерфейс, заполнять данными, располагать элементы и т.д;
  • Зеплин – инструмент для разработчиков, чтобы просматривать файлы из Скетча на разных операционных системах.

Помните, всё зависит от задачи.

°°°

Все дни: первый, второй, третий, четвёртый, пятый и шестой, седьмой, с восьмого по тринадцатый, четырнадцатый.