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

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

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

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

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

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

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

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

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

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

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

°°°

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

°°°

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

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

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

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

Даша и Сергей

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

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

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

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

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

°°°

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

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

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

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

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

°°°

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

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

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

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

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

°°°

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

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

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

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

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

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

Инструменты

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

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

°°°

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

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

Вчера в Школе мобильного дизайна у нас была лекция про интерфейсы от Коли Васюнина — продуктового дизайнера сервисов Яндекс.Музыка и Яндекс.Радио.

Четвертый день мобилизации

Коля рассказывает про интерфейсы

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

Про исследования и опросы: когда читаешь в умных книгах об ошибках людей, думаешь «теперь понятно, не допущу такого». У меня была классная гипотеза по проекту, но после проведения опроса, оказалось что это нужно только 10% аудитории, а основная проблема совсем в другом. Опрос людей помогает понять, что им по-настоящему необходимо, а просто классная идея. Вот теперь точно понятно.

Если хотите проектировать удобные интерфейсы — учите психологию и изучайте поведение людей, а также читайте книги и статьи по теме. Прикладываю ссылки на полезные материалы:

°°°

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