Дизайн для менеджера: Тестируем идеи, улучшаем коммуникацию, меньше разговариваем, больше делаем

Разработчиком, который умеет писать и бекенд, и фронтенд, сегодня никого не удивишь. А бывают ли фулстек дизайнеры?

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

Удивительно, но такие ребята есть. Дизаноботчики или разрайнеры, которые чаще всего закаляются в пламени итерирующего стартапа.

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

Transcript

1. Дизайн для менеджера Тестируем идеи, улучшаем коммуникацию, меньше разговариваем, больше делаем Тихон Белоусько Директор по продукту в Resume.io
4. Дизайн — это важно Это эффективный способ коммуникации Это точка кратного роста Это узнаваемость вышего бренда
5. Боль Нарушена коммуникация с дизайнером Дизайн это сложно Нет дизайнера Я участвую в процессе, но сам не могу ничего сделать
6. Архитектура
7. Текст Текст Форматируй даты и время Записывай числа с помощью цифр Пиши просто и понятно Пиши про выгоду Обновлено 5 минут назад Вылет 3 декабря 2018 в 12:30 Загружено вчера Хорошо: Сохранить изменения? Хорошо: Покупай билеты на 20% дешевле. Плохо: Сервис покупки билетов. Плохо: Хотите ли вы сохранить внесённые изменения? Поступило 2 сообщения
8. Текст Текст Избегай местоимений в навигации Не пиши длинные тексты Не используй термины и названия функций Хорошо: Сообщения, фотографии Плохо: Мои сообщения, ваши фотографии Чем меньше слов, тем лучше. Не пиши описания длиннее 5 предложений. Люди не читают. Хорошо: Подготавливаем видео… Плохо: Буферизация… Пиши, сокращай. Как создавать сильный текст РЕКОМЕНДУЮ Максим Ильяхов, Людмила Сарычева
11. x Сетка Поля Авто Колонка 64px Гаттер 24px
14. Сетка Дизайнер эффективнее работает, меньше думает об отступах Команда не спорит по поводу пикселей, реже ошибается Пользователь получает эстетические оргазмы от того, какие у вас красивые макеты (на самом деле ему всё равно)
15. Типографика Avenir Next Lato IBM Plex Sans Open Sans Roboto Museo Sans San Francisco Helvetica Neue Бесплатно Доступно на TypeKit
16. Типографика H1 Заголовок H2 Заголовок H3 Заголовок ЗАГЛАВНЫЕ Подпись Кнопка Тело 2 Тело 1 Подзаголовок 2 Подзаголовок 1 H6 Заголовок H5 Заголовок H4 Заголовок
17. Типографика Высота кегля не менее 12 пикселей Отступы в параграфах и заголовках Не более 80 символов в строке Межстрочный интервал 120% – 145%
18. Типографика Звёздные войны Эпизод I: Скрытая угроза Неспокойные времена настали для Галактической Республики. Налогообложение торговых путей к отдаленным солнечным системам стало причиной раздоров. В стремлении добиться своего обуянная алчностью Торговая Федерация с помощью мощных боевых кораблей взяла в кольцо блокады маленькую планету Набу, лишив её всех поставок. В то время как члены Конгресса Республики ведут напряженные дебаты в связи с тревожными событиями, Верховный канцлер втайне от всех поручил двум рыцарям джедай — хранителям мира и справедливости в Галактике — урегулировать конфликт… Звёздные войны Эпизод I: Скрытая угроза Неспокойные времена настали для Галактической Республики. Налогообложение торговых путей к отдаленным солнечным системам стало причиной раздоров. В стремлении добиться своего обуянная алчностью Торговая Федерация с помощью мощных боевых кораблей взяла в кольцо блокады маленькую планету Набу, лишив её всех поставок. В то время как члены Конгресса Республики ведут напряженные дебаты в связи с тревожными событиями, Верховный канцлер втайне от всех поручил двум рыцарям джедай — хранителям мира и справедливости в Галактике — урегулировать конфликт… Звёздные войны Эпизод I: Скрытая угроза Неспокойные времена настали для Галактической Республики. Налогообложение торговых путей к отдаленным солнечным системам стало причиной раздоров. В стремлении добиться своего обуянная алчностью Торговая Федерация с помощью мощных боевых кораблей взяла в кольцо блокады маленькую планету Набу, лишив её всех поставок. В то время как члены Конгресса Республики ведут напряженные дебаты в связи с тревожными событиями, Верховный канцлер втайне от всех поручил двум рыцарям джедай — хранителям мира и справедливости в Галактике — урегулировать конфликт… В Галактическом Сенате неспокойно. Несколько тысяч звёздных систем объявили о намерении выйти из состава Республики. Движение сепаратистов, возглавляемых загадочным графом Дуку, создало трудности малочисленным джедаям для сохранения мира и порядка в галактике. Сенатор Амидала, бывшая королева Набу, возвращается в Галактический Сенат, чтобы голосовать по принципиальному вопросу: созданию АРМИИ РЕСПУБЛИКИ в помощь не справляющимся джедаям... Неспокойные времена настали для Галактической Республики. Налогообложение торговых путей к отдаленным солнечным системам стало причиной раздоров. В стремлении добиться своего обуянная алчностью Торговая Федерация с помощью мощных боевых кораблей взяла в кольцо блокады маленькую планету Набу, лишив её всех поставок. В то время как члены Конгресса Республики ведут напряженные дебаты в связи с тревожными событиями, Верховный канцлер втайне от всех поручил двум рыцарям джедай — хранителям мира и справедливости в Галактике — урегулировать конфликт… В Галактическом Сенате неспокойно. Несколько тысяч звёздных систем объявили о намерении выйти из состава Республики. Движение сепаратистов, возглавляемых загадочным графом Дуку, создало трудности малочисленным джедаям для сохранения мира и порядка в галактике. Сенатор Амидала, бывшая королева Набу, возвращается в Галактический Сенат, чтобы голосовать по принципиальному вопросу: созданию АРМИИ РЕСПУБЛИКИ в помощь не справляющимся джедаям...
19. Цвет
20. Цвет Иллюстрация: Джереми Бут # D3273E # FF9F29 # A0B4D1 # FFFFFF
21. Цвет Следи за контрастом Старайся не использовать больше двух основных цветов Выделяй кнопки и важные элементы интерфейса Используй готовые палитры Не отвлекай пользователя, а фокусируй его внимание
22. Иконки
23. Иконки
24. Иконки 24px
25. Иконки 2px
26. Иллюстрации
27. Иллюстрации
28. Иллюстрации Иллюстрация: Дейв Васмер https://dribbble.com/shots/2170028-Illustration-Doodles
29. Компоненты Кнопки Дропдауны Поля ввода Навигация Дилоговые окна Слайдеры Табы Тултипы Снэкбары Карточки Меню Таблицы Табы Кнопка Кнопка Лейбл Текст Лейбл Выбрано 2 элемента Опция 1 Опция 2 Опция 3 Опция 4 Текст Лейбл Отменить Удалить Удалить заказ? Это необратимое действие День Неделя Месяц Загрузка… Отменить Тихон Белоусько 400 бонусов Пример подсказки Подсказка Земля – Хот от 1 310 000 ₽
30. Практика: Проектируем сервис
31. Практика: Проектируем сервис
32. Практика: Проектируем сервис
33. Практика: Проектируем сервис Spacescanner помогает покупать билеты для межпланетных перелетов
34. Практика: Проектируем сервис Дешёвые перелеты на другие планеты
35. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Экономь до 20% на билетах на популярные направления
36. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Экономь до 20% на билетах на популярные направления
37. R Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления
38. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления
39. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% перелётах на популярных направлениях 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% перелётах на популярных направлениях 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ
40. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% перелётах на популярных направлениях 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ
41. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ
42. Практика: Проектируем сервис Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ
43. Практика: Проектируем сервис Земля – Хот от 1 310 000 ₽ Земля – Плутон от 740 000 ₽ Земля – Набу от 530 000 ₽ Земля – Марс от 340 000 ₽ Популярные направления Мы собрали коллекцию самых интересных предложений в этом месяце Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ
44. v Практика: Проектируем сервис Земля – Хот от 1 310 000 ₽ Земля – Плутон от 740 000 ₽ Земля – Набу от 530 000 ₽ Земля – Марс от 340 000 ₽ Популярные направления Мы собрали коллекцию самых интересных предложений в этом месяце Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ Онлайн табло Блог Рассылка Календарь вылетов Прокат марсоходов Бронирование отелей
45. Практика: Проектируем сервис Земля – Хот от 1 310 000 ₽ Земля – Плутон от 740 000 ₽ Земля – Набу от 530 000 ₽ Земля – Марс от 340 000 ₽ Популярные направления Мы собрали коллекцию самых интересных предложений в этом месяце Дешёвые перелеты на другие планеты Найти Земля ERT Меркурий 12 окт – 30 дек MRC 1 пассажир Войти Зарегистрироваться Поддержка Сервисы SPACESCANNER Экономь до 20% на билетах на популярные направления 43 785 билетов продано за сегодня НОВОЕ ОТКУДА КУДА ДАТЫ ПАССАЖИРЫ Блог Совету путешественнику Онлайн табло Следи за вылетом Рассылка Лучшие предложения Календарь вылетов Находи выгодные варианты Прокат марсоходов Новые марсоходы Бронирование отелей Лучшие цены СКОРО
46. Выводы Дизайн — это бесконечный процесс Картинки – путь к эффективной коммуникации Начать делать дизайн – не сложно Копировать — это нормально Использовать готовое – это нормально
47. Ресурсы Редполитика Модульбанка Редполитика Альфабанк Material Guidelines – Writing Copywriting is Interface Design Текст Google Material Guidelines IBM Carbon Human Interface Guidelines Rambler Ratio Дизайн системы Design+Code Курсы 8pt Grid for Web. Или мой Калькулятор. Сетка Good to great UI animation tips Анимация Путеводитель по иллюстрациям к статье Иллюстрации