Визуальный дизайн для нужд медиа-журналиста

Transcript

1. Как и зачем улучшать визуальный дизайн, если вы не дизайнер
2. Дизайнер изменяет жизнь людей
3. 2 приема
4. Кто я такой, и что я здесь делаю? Чтобы поставить задачу на дизайн, надо влезть
 в шкуру своего пользователя
5. Что он увидит? Что он должен 
 понять или почувствовать? Кто он такой? Как он сюда попал? зачем он здесь? Что человек должен сделать после взаимодействия? 1 Кто я такой, и что я здесь делаю?
6. Что он увидит? Что он должен 
 понять или почувствовать? Что человек должен сделать после взаимодействия? Кто он такой? Откуда он сюда попал? Зачем он здесь? 1 2 Кто я такой, и что я здесь делаю?
7. Что он увидит? Что он должен 
 понять или почувствовать? Что человек должен сделать после взаимодействия? Кто он такой? Откуда он сюда попал? Зачем он здесь? 1 2 Кто я такой, и что я здесь делаю? 3
8. Кто я такой, и что я здесь делаю? Что он увидит? Что он должен 
 понять или почувствовать? Что человек должен сделать после взаимодействия? Кто он такой? Откуда он сюда попал? Зачем он здесь? 1 2 3 4
9. Что он увидит? Что он должен 
 понять или почувствовать? Что человек должен сделать после взаимодействия? Кто он такой? Откуда он сюда попал? Зачем он здесь? Трансформация интерфейс изменяет поведение пользователя ДО ПОСЛЕ
10. Что он должен 
 понять или почувствовать? Что человек должен сделать после взаимодействия? Кто он такой? Откуда он сюда попал? Что знает заранее?
 Что мы сказали ему на предыдущем шаге? Зачем он здесь?
 Какую проблему решает? С кем/чем он будет сравнивать то, 
 что увидит? В чем барьер – мысленное возражение которое мешает ему сделать действие, которое мы организуем? Что он увидит? Постановка на блок контента Персона Какое впечатление мы хотим оставить после взаимодействия?
11. Семен Викторович Легальный просмотр фильма не требует усилий. Хотелки сразу будут превращаться в просмотр за 2 секунды. Оставить заявку на подключение пакета телевидения, чтобы мы ему перезвонили. Это новый пользователь, он пришел сюда из внешнего веба. хочет подключиться к интересному телевидению, выбирает у кого. – Будет сравнивать с: 
 – Опытом пиратства,
 – Предыдущим провайдером – и обещаниями других телекомов 
 – Описанием TV сервисов Покупать фильм – всегда заморочка. Я хочу просто сесть и смотреть. Мне портят все впечатление перед фильмом ненужной маятой Интерфейс покупки, из которого понятно, что выбирать и оплачивать фильм приятно и просто, а просмотр начинается почти моментально Постановка на блок контента “ Это – отличный сервис, который действительно заботится о моем удобстве и понимает, что мне на самом деле надо от провайдера “
12. Бритва оккама
13. “Не умножай сущностей без необходимости” = все что МОЖНО упростить – НУЖНО упростить
14. Аккуратность Рифмы Словарь Все что дизайнер делает – или прием, или небрежность
15. Следствие: правил должно быть мало, 
 но они должны быть строгими. Все что дизайнер делает – или прием, или небрежность
16. Следствие: правил должно быть мало, 
 но они должны быть строгими. Несколько приемов: 1. Контраст – прием должен быть ясно выражен, и отличаться от остальных 2. Консистентность – приемы и состояния дизайна должны составлять гармоничный ряд 3. Аккуратность – не допускать бардака в мелочах 4. Рифмы – они должны перекликаться между собой 5. Палитра – словарь “визуальных слов” должен быть скуп, расширяться и применяться сознательно Все что дизайнер делает – или прием, или небрежность
17. Нам надо Сделать 3 кнопки Вот НАПРИМЕР
18. Нам потребуется правило визуального языка
19. Оккам не надо! Проще всего начать с равных отступов.
20. Оккам не надо!
21. Оккам не надо!
22. Оккам не надо!
23. Оккам не надо!
24. Оккам не надо!
25. Конечно, сетка может быть гораздо сложнее, но нам пока хватит.
26. Ключевые противоречия
27. Эффективность Эффектность
28. Проектирование Оформление
29. Удержание рамки Выход за рамки
30. Дизайн это упрощение за счет синтеза
31. Алексей Кулаков kulakov@gmail.com +7 912 688 81 19