Идиомы непосредственного управления Парадигмы интерфейса Метафорическая Идиоматическая

Идиомы непосредственного управления

Парадигмы интерфейса Метафорическая Идиоматическая Реализации

Парадигма реализации 1 функция = 1 кнопка 1 диалоговое окно = 1 модуль программы Отражают внутреннюю структуру данных и алгоритмов

Интерфейс, ориентированный на структуру организации Пользователю до тонкостей нужно знать структуру организации?

Метафоры Выбор метафоры – эффективное решение Ориентированы на интуицию ( «интуитивно понятный» )

Что означает изображение самолета? Расписание вылета/прибытия Заказ билетов

Magic Cap Навязянные операции из физического мира

Устаревшие метафоры Сами объясняйте это потомкам

Человек разумный Что означает корзина? Но в детстве это не было интуитивно понятно

Идиоматические интерфейсы Человек изучает и запоминает Тертый калач Свой в доску

Хорошую идиому изучают только 1 раз

Мы не понимаем А запомнили Мелодию Знакомое лицо

Какие уже есть идиомы Комбобоксы Кнопка закрытия окон

Непосредственное манипулирование Похоже на реальный мир Щелчок и перетакивание

Важные части 1. Визуальное представление объектов 2. Видимые жестикулярные механизмы 3. Моментальное отображение результатов

Особенности Не сразу и очевидно Легко освоить и трудно забыть

Недостатки Требует эффективности в использовании (при ограниченных возможностях) Сложности при длительном использовании

7 категорий непосредственного манипулирования 1. Указание 2. Выделение, 3. Перетаскивание, 4. Манипулирование элементами управления 5. Палитры инструментов, 6. Манипулирование объектами, 7. Создание связей между объектами

Указание Лучший способ - пальцы (всегда под рукой) Слишком тупые кончики

Мышь = курсор (почти очевидная связь) Хорошая идиома

Грубая-тонкая моторика Отрывание кисти – Указание курсором Чем медленнее двигаемся, тем чаще поднимаем кисть

Переключение мышь-клавиатура Относительное спасение: горячие клавиши Обеспечивайте поддержку как клавиатуры, так и мыши

Сколько должно быть кнопок? 1 кнопка 2 кнопки 3 кнопки Контекстное меню (вторая кнопка) важна

Двойной щелчок Игнорируем, что не у всех получается Один щелчок + один щелчок Выделение Действие Только файлы и пиктограммы приложений

Объектные подсказки Статические передача отзывчивости серез собственные визуальные свойства Псевдотрехмерный вид

Только не «Сад скульптур» Трехмерно всё

Отзывчивость на указание Динамические слегка меняют внешний вид С объектом можно что-то сделать

Курсорные подсказки Границы окна Ввод текста

Excel Изменение границ

Индикация ожидания Песочные часы

Выделение Цвет (цветовая инверсия) В полноцветном работает хуже Многим присуща цветовая слепота

Выделение Пунктиры и маркеры

Перетаскивание Предположение: все объекты можно перетаскивать + всплывающие подсказки

А у вас текст перетаскивается? А у современых текстовых редакторов – да!

Индикация курсором Когда много активных объектов, не очень удачна

Индикация целей Куда объект можно перетащить

Как делает Power. Point 2013 до 2013

Как делает Visual Studio

Автоматическая прокрутка Перетаскивание в невидимую область документа 15 пикселей 30 пикселей подождать 0, 5 сек. Прокрутка в направлении перетаскивания

Перетаскивание за границы приложения Перенос объекта в другое приложение

Борьба с эффектом дребезга Случайные сдвиги вместо выделения Перемещение в 3 пиксела не учитывается

Инструменты палитры Кисть Ластик Другие элементы управления

Нагруженный курсор Нагружается экземпляром выбранного объекта Копирование формата у Microsoft

Гибкое решение Нагруженный курсор + Создание перетаскиванием

Элементы управления отображением Сплитеры (splitters) Линейки, сетки, рамки

Текстовые элементы Править там, где отображается Почему механизм ввода отличается от механизма вывода?

Полосы прокрутки Бегунок – согласно размеру документа 1. Сколько всего страниц? 2. Номер текущей страницы? 3. Первое предложение (элемент) на странице

Что еще добавить? Кнопки для перехода к нужной странице. Кнопки для перехода в начало/конец документа. Возможность устанавливать закладки.

Как это было в ЖЖ

Альтернативы прокрутке Навигатор документа

Выдвижные панели Элемент управления: • кнопка, • рычажок