Please enable JavaScript.
Coggle requires JavaScript to display documents.
Алан Купер Об интерфейсе (III Детальное проектирование взаимодействия…
Алан Купер Об интерфейсе
I Введение
в целеориентированное
проектирование
2. Модели реализации
и ментальные модели
Программисты следуют модели реализации: программа работает так, как она сделана изнутри. У пользователей своя - ментальная - модель, им не обязательно знать, что происходит под капотом. Нужно защищать интересы пользователя и следовать ментальной модели
Проектирование, ориентированное на цели
3. Новички, эксперты
и середняки
Самый распространенный тип - середняки, на них нужно ориентироваться в первую очередь. Новички быстро становятся середняками или отваливаются. Середняки редко становятся экспертами, или быстро из экспертов становятся обратно середняками.
Как понять пользователей: качественные исследования
5.Модели пользователей: персонажи и цели
Основы проектирования: сценарии и требования
От требований к пользовательскому интерфейсу: общая инфраструктура и детализация
II Проектирование
облика и поведения
8. Создание качественного интерфейса: принципы и шаблоны
Ценности
Этичные
Не причиняют вреда
Межличностного
Психологического
Физического
Экологического
Социального
Улучшают положение человека
Понимание
Эффективность
Совершенствование коммуникаций
Снижение социокультурной напряженности
Умножение справедливости
Сглаживание культурных противоречий
Целенаправленные
Интерфейс служит
целям пользователя
Прагматичные
Продукт должен увидеть свет
и приносить прибыть создателям.
Проект должен быть технически осуществим.
Элегантные
Минимум элементов, максимум пользы
Шаблоны
Универсальных шаблонов нет, так как их употребление зависит от контекста
Позиционирования:
тип продукта
Структурные:
расположение элементов на экране.
Например, все почтовые клиенты имеют
похожую структуру
Поведенческие: взаимодействие
с элементами или даными
Создание собственного каталога шаблонов – один из важнейших аспектов обучения проектировщика взаимодействия.
Изучая лучшие образцы работы других специалистов, мы коллективно совершенствуем идиомы взаимодействия во благо пользователей, а проделанная работа позволяет нам сосредоточить усилия на решении новых проблем, избавляя от необходимости изобретать колесо.
9. Техническая платформа
и тип интерфейса
Платформа - это аппаратные и технические возможности, которые позволяют продукту функционировать
Важно донести, что выбор
платформыдолжен происходить
после проектирования, а не до.
Тип интерфейса - это то, как ведет
себя пользователь с интерфейсом.
Десктопные
Временные
выполняют 1 функцию
и имеют ограниченный набор элементов управления. Простые и понятные. Краткий промежуток внимания. Визуальная привлекательность. Элементы управления крупнее. Одно окно. Да простым кнопкам, нет прокруткам и манипулированию мышью. Удобное переключение, если функций больше 1. Сохранение пользовательского выбора. Диалоговые окна - это временные приложения.
Фоновые
Управляют процессами, протекающими фоново. Иногда их нужно настраивать. Окно настройки - по принципу временного приложения. Вызов окна настройки пиктограммой (может менять внешний вид) или через панель управления.
Монопольные
полностью
завладевают вниманием пользователя. Долгая работа. Характерно состояние потока. Основные пользователи середняки. Нет сложным идиомам для новичков и мощным инструментам экспертов. Полный экран, все необходимые панели. Консервативный визуальный стиль. Обогащенная, но тонкая немодальная обратная связь. Часто используемые элементы на видном месте, редкие можно разместить с краю. Дочерние окна документов всегда развернуты.
Web
Информационные сайты
Основные вопросы проектирования связаны с дизайном, визуальной композицией, элементами навигации и структурой. Нет сложного поведения. Читать Круга, Нильсона. Постоянные посетители у часто обновляемых сайтов (монопольное приложение). Нужно учитывать размер экрана. Актуальна резиновая верстка. У редко обновляемых - как справочный материал (временное приложение). Простота и прозрачность, закладки, куки.
Сервисные сайты
Интернет-магазины, финансовые службы. Сложное поведение, необходимо проектирование взаимодействия. Равновесие между монопольным и временным.
Веб-приложения
работают почти как настольные. Совместная работа. Приложение, которое не требует установки.
Монопольные
Временные
Интернет-приложения
настольные
приложения, использующие интернет
Интранет-приложения
закрытый
вариант веб'среды, доступный только
сотрудникам компании
Принципы проектирования:
• Не думайте о продукте как о компьютере
• Объединяйте проектирование аппаратной и программной частей
• Позвольте контексту определять направление проектирования
• Используя режимы, делайте это взвешенно
• Ограничивайте функциональность
• Выдерживайте баланс между навигацией и плотностью отображае'
мой информации
• Минимизируйте сложность ввода
Последним делом будет переносить весь профессиональный багаж (идиомы
и терминологию) из мира персональных компьютеров на «простенькое» устройство вроде фотоаппарата или микроволновки
Оркестровка и состояние потока
Увлеченный работой человек входит в состояние потока. Внешние факторы не должны мешать этому состоянию.
Оптимизация налогообложения
Проектирование хорошего поведения
Метафоры, идиомы, ожидаемое назначение
Нужно пользоваться идиомами, а не метафорами из реального мира. Хорошая идиома запоминается пользователем быстро.
Визуальный дизайн интерфейсов
III Детальное проектирование взаимодействия
Совершенствуем поиск и извлечение данных
Отмена
Нужно не спрашивать разрешения , а предоставлять возможность отмены
Новый взгляд на файлы и операцию сохранения
18.Улучшаем ввод данных
Ввод данных должен осуществляться там же, где и вывод
Указание, выделение, непосредственное манипулирование
20.Поведение окон
Элементы управления
22.Меню
Панели инструментов
Диалоговые окна
Ошибки, уведомления, подтверждения
Проектирование для различных потребностей