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

«Скучные» интерфейсы – где найти вдохновение

  • Upload
    ux

  • View
    4.597

  • Download
    4

Embed Size (px)

Citation preview

Page 1: «Скучные» интерфейсы – где найти вдохновение

23 апреля 2016

«Скучные» интерфейсы — где искать вдохновение

Анастасия Режепп

Page 2: «Скучные» интерфейсы – где найти вдохновение

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

«

»

Алан Купер

Page 3: «Скучные» интерфейсы – где найти вдохновение
Page 4: «Скучные» интерфейсы – где найти вдохновение
Page 5: «Скучные» интерфейсы – где найти вдохновение

1Вертикальный ритм

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

«

Роберт Брингхерст

Page 6: «Скучные» интерфейсы – где найти вдохновение

«

Page 7: «Скучные» интерфейсы – где найти вдохновение

«

10px или 8px? . . . или?

Page 8: «Скучные» интерфейсы – где найти вдохновение

2Оформление таблиц

Таблица не должна быть похожа на рыболовную сеть, где каждая цифра в своей клеточке»

«

Ян Чихольд

Page 9: «Скучные» интерфейсы – где найти вдохновение

Edward R. Tufte

Envisioning Information

и др.

Page 10: «Скучные» интерфейсы – где найти вдохновение

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

Page 11: «Скучные» интерфейсы – где найти вдохновение
Page 12: «Скучные» интерфейсы – где найти вдохновение

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

Page 13: «Скучные» интерфейсы – где найти вдохновение

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

Page 14: «Скучные» интерфейсы – где найти вдохновение

3Инфографика

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

«

Джин Желязны

Page 15: «Скучные» интерфейсы – где найти вдохновение

Cole Nussbaumer KnaflicStorytelling with Data

Stephen FewInformation Dashboard Design

Page 16: «Скучные» интерфейсы – где найти вдохновение
Page 17: «Скучные» интерфейсы – где найти вдохновение

Эмммм?

Page 18: «Скучные» интерфейсы – где найти вдохновение

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

Page 19: «Скучные» интерфейсы – где найти вдохновение

4Accessibility

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

«

Стив Круг

(доступность)

Page 20: «Скучные» интерфейсы – где найти вдохновение
Page 21: «Скучные» интерфейсы – где найти вдохновение

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

Page 22: «Скучные» интерфейсы – где найти вдохновение

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

Что видит дальтоник?

Page 23: «Скучные» интерфейсы – где найти вдохновение

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

Page 24: «Скучные» интерфейсы – где найти вдохновение

5Анимация

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

«

Мэтт Гроунинг

Page 25: «Скучные» интерфейсы – где найти вдохновение
Page 26: «Скучные» интерфейсы – где найти вдохновение

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

Page 27: «Скучные» интерфейсы – где найти вдохновение

Включайте голову...

... и не скучайте.

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

Page 28: «Скучные» интерфейсы – где найти вдохновение

Спасибо[email protected]