Download - Интерфейсы электронных киосков
![Page 1: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/1.jpg)
Интерфейсы
электронных киосков
Дегтяренко Иван
![Page 2: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/2.jpg)
![Page 3: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/3.jpg)
Области применения
Спортивные
мероприятия
Выставки и музеи
Банкоматы
Реклама
Продажа товаров и
услуг
Кассовые аппараты
Ориентация на
местности
Транспорт: продажа
билетов, справки
Игры и тотализаторы
Системы безопасности
Медицинское
оборудование
Управление бытовой
техникой
![Page 4: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/4.jpg)
![Page 5: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/5.jpg)
Специфика проектирования киосков
Особый контекст использования
Технические ограничения
Связь с «классической» эргономикой
Особенный организационный контекст
![Page 6: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/6.jpg)
Контекст использования (1/2)
Пользователи киоска —
новички
Пользователь уходит при
малейшем опасении
![Page 7: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/7.jpg)
Контекст использования (1/2)
Пользователи киоска —
новички
Пользователь уходит при
малейшем опасении
Киоск может быть включен в более
широкую сеть артефактов
![Page 8: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/8.jpg)
Киоск — это не компьютер!
Забудьте про
интерфейс ОС
![Page 9: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/9.jpg)
Киоск — это не компьютер!
Забудьте про
интерфейс ОС
Активные области
экрана должны явно
выделяться
![Page 10: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/10.jpg)
Киоск — это не компьютер!
Забудьте про
интерфейс ОС
Активные области
экрана должны явно
выделяться
«Отстройтесь» от
знакомых моделей
взаимодействия
![Page 11: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/11.jpg)
Киоск — это не компьютер!
Забудьте про
интерфейс ОС
Активные области
экрана должны явно
выделяться
«Отстройтесь» от
знакомых моделей
взаимодействия
Минимизируйте ввод
текста
![Page 12: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/12.jpg)
![Page 13: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/13.jpg)
«Интуитивно понятный» киоск
Четкая структура:
Навигационные кнопки
Наглядная демонстрация хода работы
![Page 14: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/14.jpg)
«Интуитивно понятный» киоск
Четкая структура:
Навигационные кнопки
Наглядная демонстрация хода работы
Мгновенная и адекватная обратная связь
![Page 15: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/15.jpg)
«Интуитивно понятный» киоск
Четкая структура:
Навигационные кнопки
Наглядная демонстрация хода работы
Мгновенная и адекватная обратная связь
Ограниченное число вариантов выбора
на каждом шаге работы с системой
![Page 16: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/16.jpg)
«Интуитивно понятный» киоск
Четкая структура:
Навигационные кнопки
Наглядная демонстрация хода работы
Мгновенная и адекватная обратная связь
Ограниченное число вариантов выбора
на каждом шаге работы с системой
Отсутствие специфического жаргона и
технических терминов
![Page 17: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/17.jpg)
Справка
Оффлайн-справка
![Page 18: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/18.jpg)
Справка
Оффлайн-справка
Краткая контекстная
помощь
![Page 19: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/19.jpg)
Справка
Оффлайн-справка
Краткая контекстная
помощь
Наглядность
![Page 20: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/20.jpg)
Контекст использования (2/2)
Прерывания
Угрозы «privacy»
![Page 21: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/21.jpg)
Контекст использования (2/2)
Прерывания
Угрозы «privacy»
Киоск должен привлечь пользователя
Яркость, «броскость»
Явная полезность
![Page 22: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/22.jpg)
Контекст использования (2/2)
Прерывания
Угрозы «privacy»
Киоск должен привлечь пользователя
Яркость, «броскость»
Явная полезность
Пользователь должен вернуться к киоску
Запоминаемость
Индивидуализация
![Page 23: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/23.jpg)
Технические ограничения
Разрешение и размер экрана
![Page 24: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/24.jpg)
Технические ограничения
Разрешение и размер экрана
Скорость соединения
![Page 25: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/25.jpg)
Технические ограничения
Разрешение и размер экрана
Скорость соединения
Характеристики устройств ввода
![Page 26: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/26.jpg)
Устройства ввода
Сенсорный
дисплей
Soft keys
Трекбол
Клавиатура
Клавишная
панель
![Page 27: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/27.jpg)
Устройства ввода
Сенсорный
дисплей
Soft keys
Трекбол
Клавиатура
Клавишная
панель
![Page 28: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/28.jpg)
Устройства ввода
Сенсорный
дисплей
Soft keys
Трекбол
Клавиатура
Клавишная
панель
![Page 29: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/29.jpg)
Устройства ввода
Сенсорный
дисплей
Soft keys
Трекбол
Клавиатура
Клавишная
панель
![Page 30: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/30.jpg)
Устройства ввода
Сенсорный
дисплей
Soft keys
Трекбол
Клавиатура
Клавишная
панель
![Page 31: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/31.jpg)
Сенсорный дисплей: преимущества
Непосредственный характер
взаимодействия
Похоже на «физические» интерфейсы
Не нужно соотносить движение руки с
движением курсора
Быстрее производятся операции, не
требующие высокой точности
Не нужны дополнительные поверхности
![Page 32: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/32.jpg)
Сенсорный дисплей: недостатки
Низкая точность
Утомление рук
Отпечатки пальцев
Пользователь закрывает часть экрана
рукой
Отсутствует разделение выбора объекта и
активации действия
Приходится перемещать руку с дисплея на
клавиатуру и обратно
![Page 33: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/33.jpg)
Интерфейс для сенсорного дисплея
«Правило большого пальца». Минимальный
размер: 15 — 25 мм в диаметре
![Page 34: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/34.jpg)
Интерфейс для сенсорного дисплея
«Правило большого пальца». Минимальный
размер: 15 — 25 мм в диаметре
Никаких двойных кликов!
Никаких раскрывающихся меню и списков!
Никаких полос прокрутки!
Никаких курсоров и перетаскивания!
Никаких чекбоксов!
Никаких окон!
![Page 35: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/35.jpg)
Связь с «классической» эргономикой
Размеры и форма
Privacy
Общедоступность: инвалиды-
колясочники, слабовидящие
![Page 36: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/36.jpg)
Связь с «классической» эргономикой
Размеры и форма
Privacy
Общедоступность: инвалиды-
колясочники, слабовидящие
«Физические» клавиши
![Page 37: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/37.jpg)
Связь с «классической» эргономикой
Размеры и форма
Privacy
Общедоступность: инвалиды-
колясочники, слабовидящие
«Физические» клавиши
Блики и отпечатки пальцев
![Page 38: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/38.jpg)
Связь с «классической» эргономикой
Размеры и форма
Privacy
Общедоступность: инвалиды-
колясочники, слабовидящие
«Физические» клавиши
Блики и отпечатки пальцев
Вандализм и надежность
![Page 39: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/39.jpg)
Основные принципы
Киоск — это не компьютер
Все пользователи — новички
Обеспечьте высокую скорость работы
Обеспечьте максимальный объем помощи
Ограничьте число вариантов выбора на
каждом шаге работы с киоском
Минимизируйте текстовый ввод
![Page 40: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/40.jpg)
Методики
Часто используются полевые исследования
![Page 41: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/41.jpg)
Методики
Часто используются полевые исследования
Большой объем информации в лог-файлах
![Page 42: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/42.jpg)
Методики
Часто используются полевые исследования
Большой объем информации в лог-файлах
Специфика юзабилити-тестирования
![Page 43: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/43.jpg)
Организационный контекст (на уровне руководства)
Проблемы:
Неадекватные цели заказчика
![Page 44: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/44.jpg)
Организационный контекст (на уровне руководства)
Проблемы:
Неадекватные цели заказчика
Отсутствие системного подхода к
внедрению киосков
![Page 45: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/45.jpg)
Организационный контекст (на уровне исполнителей)
Ключи к успеху:
Сотрудники должны рекомендовать киоск
Киоск должен быть чистым и исправным
![Page 46: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/46.jpg)
Организационный контекст (на уровне исполнителей)
Ключи к успеху:
Сотрудники должны рекомендовать киоск
Киоск должен быть чистым и исправным
Как этого добиться:
Нужно определить ответственного за киоск
Киоск должен облегчать жизнь
сотрудникам
Звуки киоска не должны быть
надоедливыми
![Page 47: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/47.jpg)
Проектировщик —
адвокат
пользователей
![Page 48: Интерфейсы электронных киосков](https://reader034.vdocuments.pub/reader034/viewer/2022051612/54c5859d4a7959a94c8b4580/html5/thumbnails/48.jpg)
Стандарты:
O’Hara J. M. et al. Human-System Interface Design Review
Guidelines (NUREG-0700, Rev. 2).— Washington: US Nuclear
Regulatory Commission, 2002.
Design Criteria Standard: Human Engineering (MIL-STD-1472F).—
Washington: Department of Defense, 1999.
Рекомендации:
Maguire M. C. A review of user-interface design guidelines for public
information kiosk systems // International Journal of Human-
Computer Studies, #50, 1999, pp. 263 — 286.
Спасибо!Открытая
юзабилити-конференция
WUD2007.ru