Доклад рассчитан на UI-дизайнеров, просто дизайнеров, а также менеджеров проекта и просто интересующихся. Мы постоянно занимаемся enterprise-решениями – крупными системами, рассчитанными на определенную целевую аудиторию. В большинстве случаев эта аудитория работает с интерфейсом целый день. Как сделать, чтобы пользователям было удобно, мы уже примерно знаем. Возникает вопрос – как сделать так, чтобы дизайнерам было интересно это рисовать. В то время как Dribbble и Behance забиты яркими мобильными экранами и развеселыми анимациями – как замотивировать творческих людей увлеченно рисовать «скукоту»? Попробуем разобраться.

1. 23 апреля 2016
«Скучные» интерфейсы — где искать вдохновение
Анастасия Режепп

2. Используйте строгий
визуальный стиль.
Поскольку пользователь смотрит
на монопольное приложение в
течение продолжительного
времени, позаботьтесь о том,
чтобы приглушить цвета и
текстуру визуальной части.
Придерживайтесь
консервативной цветовой
палитры.
«
»
Алан Купер

5. 1
Вертикальный ритм
Вертикальное пространство
членится иначе, нежели
горизонтальное. Вы должны
выбрать не только общую
размерность (ширину колонки
или страницы), но и основную
ритмическую единицу»
«
Роберт Брингхерст

6. «

7. «
10px или 8px? ... или?

8. 2
Оформление таблиц
Таблица не должна быть похожа
на рыболовную сеть, где каждая
цифра в своей клеточке»
«
Ян Чихольд

9. Edward R.Tufte
Envisioning Information
и др.

10. Избавьтесь от всего лишнего:
внешних границ,
разделителей,
чересполосицы

12. Можно избавиться,
но не от всего.

13. Всегда думайте,
как лучше, читабельнее, информативнее

14. 3
Инфографика
В целом, круговые диаграммы –
наименее практичный из пяти
типов диаграмм. К тому же, они
чаще всего используются не по
назначению»
«
Джин Желязны

15. Cole Nussbaumer Knaflic
Storytelling with Data
Stephen Few
Information Dashboard Design

17. Эмммм?

18. Жизнь без круговых диаграмм тяжела...
но возможна!

19. 4
Accessibility
...цветовое обозначение
полезно как дополнительное
средство, на которое никогда не
следует полагаться полностью,
считая единственным способом
выделения»
«
Стив Круг
(доступность)

21. Протанопия Дейтеранопия

22. Протанопия Дейтеранопия
Что видит дальтоник?

23. Что видит близорукий?

24. 5
Анимация
Мультипликация — это
особенное занятие, которое
лучше всего подходит тем, кто
толком не умеет ни рисовать, ни
писать»
«
Мэтт Гроунинг

26. Куда запихнуть анимацию?
Индикатор загрузки
Drag’n’drop
Интерактивное меню
и т. д. и т. п.

27. Включайте голову...
... и не скучайте.
1. Вертикальный ритм
2. Таблицы
3. Инфографика
4. Доступность
5. Анимация

28. Спасибо!
Anastasia.Rezhepp@dataart.com