Проектирование графических интерфейсов лекция 8

Навигация

ПерсонажиСценарииТребованияОбъекты

Принцип работы с продуктом?

ЛаконичностьСдвиг в сторону опытныхРабота с объектамиНепристойно захватываем все пространство

Быстрый ввод в контекстСдвиг в сторону новичковОриентируемся на задачи и сценарииСкорость!

Совсем для тупыхАлерты и крайние случаиИногда настройкаМаксимальная информативностьНичего не происходит —сервиса нет

Что еще?

Фиксируем структуру

Частота (не суммируем)ПерсонажиФункцииОбъекты системыТребования (отсценариев и персонажей)

Типы экранов?

Структура объектовСценарии и действияОбъекты как функцииКарты и помощникиОбщесистемные возможностиШорткаты и алерты

ОперативнаяСтруктурнаяНавигацияАрхивнаяНалоги

1

2

3

4

Протестировать разныерешенияДешево менять и дорабатыватьНаправить ожиданиязаказчикаЗаставить участвовать

Детальное проектирование

Зачем?

Рисуем!

Законы распределения и

группировки

Пространственная группировкаПохожесть элементовДинамика

Паттерны

Определяем что оптимизируем

Распределяем элементы по

экранам

MS Visio

+ПолотноОбъемыГибкость инструменов

-КартинкиШаблоныСтили

InDesign

+Мастер пейджМакросыКликабельностьДизайнеры

-СкоростьГлюкиСтраницы

Axure

+ИнтерактивМастер ЭлементИмитация в мобильных

-Сложная логикаЦвета

Еще?

Бумага

+ПривычкаСкоростьНалогИдеологияДоступность

-Детали

Хитро

Хитро

Хитро

Хитро

Хитро

Рисуем?

Принципы и законы

Минимизируем деятельность

КогнитивнаяРабота с памятьюВизуальная работаФизическая (моторная)

Минимизируем деятельность

Закон Фитса

Хитро

Закон Хикка

Время для принятия решения обуславливается количеством предлагаемых альтернатив. Чем больше альтернатив, тем больше времени необходимо.

Закон сохранения сложности Теслера

Хитро

Пока Йокэ

Хитро

Поиск решений

ПерсонажиМозговой штурмПаттерныЧек-листыGOMSСтандарты

Паттерны

Listbox: не более 20-ти элементов

Radiobutton: не более 3х элементов

Checkbox не должен использоваться для переключения между двумя режимами;

Меню не должно содержать исчезающих и появляющихся элементов, вместо этого необходимо использовать блокировку элементов

Нажатие на клавишу 0,28Нажатие на кнопку мыши 0,10Перемещение мыши 1,10Взятие-бросание мыши 0,40Выбор действия 1,20Реакция системы 0,1-

Термины Стандарты ОС: Microsoft , Apple, SAP Стандарты отдельных приложений: MS Office 2007 SO/ГОСТ стандарты: ISO 9241, ISO 9126 и так далееiOS, Android и прочие гайдлайны

Уже ближе

Организация информации

Цвет

Управления вниманием ГруппировкиУправления эмоциональным состояниемИндивидуализации

Избегайте

Типографика

МинимализмЗасечки – для текстаМалые строчные –заголовки, большие -текст