humane interface (Гуманный интерфейс)
DESCRIPTION
Презентация с внутреннего доклада в компании CustIS. Местами идет апелляция к внутренним фактам и т.п., но это не должно сильно мешать ознакомлению.TRANSCRIPT
![Page 1: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/1.jpg)
Бибичев Андрей2009 год, апрель
UserInterface
Пользовательский
интерфейс
![Page 2: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/2.jpg)
UserInterface
Пользовательский
интерфейс
Humane Гуманный
![Page 3: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/3.jpg)
«Мощность и сложность вычислительных системудваиваются каждые полтора года.
Но люди не роботы – они часто теряются,ошибаются, и многое забывают.»
![Page 4: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/4.jpg)
ЧАСТЬ 0. ПРЕАМБУЛАКниги, которые вдохновляют
![Page 5: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/5.jpg)
Семинар №1: Конкурентная работа в Oracle (2006 год)
I:\docs\SEMINARS\2006-09-25-Конкурентная_работа_в_Oracle
![Page 6: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/6.jpg)
Семинар №2: Agile (2007 год)
I:\docs\SEMINARS\2007-07-09-Agile
![Page 7: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/7.jpg)
Семинар №3: UML (2008 год)
I:\docs\SEMINARS\ 2008-06-17_24-UML
![Page 8: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/8.jpg)
И наконец! (2009 год)
http://raskin-interface.narod.ru/interface/index.htm
![Page 9: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/9.jpg)
Джеф Раскин (Jef Raskin)• 26 марта 1943 — 26 февраля 2005
• сотрудник №31 фирмы Apple Computer (1978 – 1982)
• в 2000 году была издана книга Джефа Раскина«The Humane Interface»
• в начале XXI века Раскин начал проект The Human Environment (THE)• сейчас это дело продолжается сыном – Азой Раскиным (Aza Raskin) –
в компании Humanized (не так давно влилась в Mozilla)
• http://ru.wikipedia.org/wiki/Раскин,_Джеф• http://en.wikipedia.org/wiki/Jef_Raskin
![Page 10: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/10.jpg)
Своих героев надо знать в лицо!
![Page 11: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/11.jpg)
![Page 12: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/12.jpg)
![Page 13: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/13.jpg)
![Page 14: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/14.jpg)
В CustIS есть свои герои:
![Page 15: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/15.jpg)
Похож?
![Page 16: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/16.jpg)
А так?
![Page 17: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/17.jpg)
![Page 18: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/18.jpg)
Вы всё еще спите?!
![Page 19: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/19.jpg)
тогда мы идём к вам…
![Page 20: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/20.jpg)
ЧАСТЬ 2. ВЫЖИМКА ИЗ «РАСКИНА»
Очень фривольно
Очень субъективно
Очень кратко
Так что лучше прочтите книгу!
![Page 21: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/21.jpg)
Итак, внимание!
![Page 22: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/22.jpg)
ЛОКУСВНИМАНИЯ
![Page 23: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/23.jpg)
Locus of control• Психология• Julian B. Rotter, 1954• Locus – lat. "place" or "location―• http://en.wikipedia.org/wiki/Locus_of_control
• Но Раскин использует чуть в другом смысле –скорее, как замена «фокусу, куда направлено внимание»
![Page 24: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/24.jpg)
Свойство Сознательное Бессознательное
Инициируется Чем-то новым Повторением
Нестандартными ситуациями Ожидаемыми событиями
Опасностью Безопасностью
Используется В новых обстоятельствах В привычных ситуациях
Решает задачи Принятие решений Работа с неветвящимися задачами
Принимает Логические утвержденияЛогические или противоречивыеутверждения
Функционирует Последовательно Одновременно
Управляется Волей Привычными действиями
Производительность Небольшая Огромная
Период функционирования Десятки секунд Десятилетия (всю жизнь)
Свойства когнитивного сознательного и когнитивного бессознательного
![Page 25: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/25.jpg)
«Вы можете до некоторой степени контролировать превращение бессознательных мыслей в сознательные, в чем вы убедились, переместив знание последней буквы вашего имени в сознательную область. Однако вы не можете намеренно перевести сознательные мысли в бессознательную область.»
![Page 26: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/26.jpg)
«Вы слышите и видите намного больше того, что становится локусом вашего внимания. Когда вы входите в комнату, чтобы найти какой-то потерянный предмет, он может лежать прямо перед вами и, тем не менее, остаться незамеченным.»
![Page 27: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/27.jpg)
«Прислушавшись, я могу заметить, что лампы дневного света в коридоре рядом с моей комнатой раздражающе жужжат. Но если этого не делать, я не услышу этого звука. Чаще всего я замечаю этот звук в тот момент, когда свет включается или выключается. Внезапное начало жужжания обращает на него мое внимание.»
![Page 28: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/28.jpg)
Работают по разному при просмотре
TV и DVD
Пример
![Page 29: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/29.jpg)
«Когда вы выполняете какую-то задачу многократно, то с каждым разом делать это становится все проще. <…> Любая привычка означает отказ от внимания к деталям.»
В ловушке автоматизма
![Page 30: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/30.jpg)
«При постоянном использовании какого-либо интерфейса у вас формируются определенные привычки, которые впоследствии трудно преодолеть. В этом смысле задача дизайнеров заключается в том, чтобы создавать интерфейсы, которые не позволяют привычкам вызывать проблемы у пользователей.»
Недостатки на службе у людей
![Page 31: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/31.jpg)
Пример 1: CAPS LOCK, Scroll Lock
— ЗДРАВСТВУЙТЕ!— Нажми Caps Lock!— СПАСИБО, ТАК УДОБНЕЕ.
![Page 32: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/32.jpg)
Пример 2: Rus/Lat
![Page 33: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/33.jpg)
Пример 3
![Page 34: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/34.jpg)
Пример 4
![Page 35: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/35.jpg)
« Режимы (modes) являются важным источником ошибок, путаницы, ненужных ограничений и сложности в интерфейсе.»
« Возможности установки пользовательских настроек являются одним из примеров режимов и представляют собой большой источник расстройств для пользователя. Как ни странно, но такие возможности обычно подаются как некие преимущества для пользователя.»
О вреде режимов
![Page 36: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/36.jpg)
Фокусс исчезновением
всех иконокс Рабочего стола
![Page 37: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/37.jpg)
А Shift – это режим?
![Page 38: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/38.jpg)
![Page 39: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/39.jpg)
Квазирежим- это режим,
попадающий влокус внимания
![Page 40: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/40.jpg)
« Квазирежимы являются весьма эффективными с точки зрения устранения режимов. Однако излишнее использование квазирежимов может привести к абсурдным условностям, требующим запоминания десятков команд, например Control↓ Alt↓Shift↓ Esc↓ q↑↑↑. Для сохранения эффективности число квазирежимов, скорее всего, должно быть от 4 до 7. Тем не менее, необходимо сказать, что один квазирежимможет решить сразу множество различных проблем»
![Page 41: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/41.jpg)
Примеры
• «Пружинный» модификатор– eg. Shift
• N-кратный повтор действия
• Жесты
![Page 42: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/42.jpg)
Еще раз пульт…
![Page 43: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/43.jpg)
MessageBox-ы – это страшное зло!
![Page 44: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/44.jpg)
Сейчас mainstream:
![Page 45: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/45.jpg)
Или хотя бы так:
![Page 46: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/46.jpg)
Вообще,модальных диалогов лучше избегать
![Page 47: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/47.jpg)
---------------- промежуточная черта -----------------
![Page 48: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/48.jpg)
«Я многое понялпро интерфейсы:
их usabilityпросчитывается!»
(с) один из сотрудников ЗИС
![Page 49: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/49.jpg)
Давайте посмотрим,что и как считается
![Page 50: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/50.jpg)
Закон Фитса (Fitts’ Law)
)1(log2W
AbaT
AW
• T - время для попадания в «мишень»• a,b - эмпирические коэффициенты• A - расстояние до «мишени»• W - размер (ширина) «мишени»
http://en.wikipedia.org/wiki/Fitts%27_law
![Page 51: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/51.jpg)
http://www.yorku.ca/mack/phd.html
Как быть в двумерномслучае однозначногоответа нет …
![Page 52: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/52.jpg)
Следование траектории– TC время следования траектории C
– a,b эмпирические коэффициенты
– W(s) допустимая ширина «отклонения»от траектории в точке s
– s точка на траектории
• Прямая линия
• Окружность
C
CsW
dsbaT
)(
W
AbaTC
W
RbaTC
2
W
A
R
W
![Page 53: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/53.jpg)
Ста
нд
артн
ая с
пек
уляц
ия:
край
экр
ана…
![Page 54: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/54.jpg)
Примеры
![Page 55: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/55.jpg)
Если хотите проверить:
http://fww.few.vu.nl/hci/interactive/fitts/
![Page 56: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/56.jpg)
Попробуемприменитьк лифту…
![Page 57: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/57.jpg)
А как же клавиатура,переход с клавиатуры к мышке
и обратно,выбор из списка вариантов?
![Page 58: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/58.jpg)
Закон Хика (Hick’s Law)• Стимул <-> Реакция (1-к-1)• n стимулов, n реакций• дается стимул• на реакцию затрачивается T• Где b – эмпирический коэффициент
T = blog2(n + 1)
http://en.wikipedia.org/wiki/Hick%27s_law
T = bH• H – энтропия информации
• pi – вероятность i-ого случая
![Page 59: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/59.jpg)
http://www.psych.utoronto.ca/users/hollands/psy378s/L12.pdf
![Page 60: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/60.jpg)
Примеры
Неудачно
Значительно удобнее
![Page 61: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/61.jpg)
Примеры
Быстрее набрать здесь
Чем выбирать здесь
![Page 62: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/62.jpg)
А как же клавиатура,переход с клавиатуры к мышке
и обратно,выбор из списка вариантов?
![Page 63: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/63.jpg)
KLM-GOMS• KLM – Leystroke-Level Model
• GOMS – Goals, Operations, Methods, Selection rules
– Stuart Card, Thomas P. Moran and Allen Newell: «The Psychology of Human Computer Interaction», 1983
– Назначение: предсказание времени для выполнения задач сложного редактирования
– Ограничения: только для опытных пользователей, без учета ошибок
http://en.wikipedia.org/wiki/KLM_(Human_Computer_Interaction)
![Page 64: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/64.jpg)
Компоненты и операции в KLM
Компоненты:• Задачи (Tasks), подзадачи
(sub-tasks)• Методы (Methods)• Команды системы (Command
language of system)• Моторные характеристики
пользователя (Motor skill parameters of the user)
• Время отклика системы (Response time parametersof the system)
Операции:• K = key stroking• P = pointing• H = homing• D = drawing• M = mental operator• R = system response
time
TEXECUTE = TK + TP + TH + TD + TM + TR
![Page 65: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/65.jpg)
Эмпирические значения• K, key press and release (keyboard)
Best Typist (135 wpm) --- 0.08 seconds
Good Typist (90 wpm) --- 0.12 seconds
Poor Typist (40 wpm) --- 0.28 seconds
Average Skilled Typist (55 wpm) --- 0.20 seconds
Average Non-secretary Typist (40 wpm) --- 0.28 seconds
Typing Random Letters --- 0.50 seconds
Typing Complex Codes --- 0.75 seconds
Worst Typist (unfamiliar with keyboard) --- 1.20 seconds
• P, Point the mouse to an object on screen --- 1.10 seconds
• B, Button press or release (mouse) --- 0.10 seconds
• H, Hand from keyboard to mouse or vice versa --- 0.40 seconds
• M, Mental Preparation --- 1.20 seconds
• T(n), Type string of characters (n * K sec.)
• W(t), User waiting for the system to respond
• D(n0,l0), Draw n0 straight line segment with mouse of total length l0 centimeters
![Page 66: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/66.jpg)
Уменьшение количества кликов
• Раскрытие пунктов меню по наведению• «Запуск» по одинарному, а не двойному клику• Минимизация вложенности меню• Избегайте вложенных закладок
• Антипример: организация меню «Пуск»• Пример: favorites, MRU
![Page 67: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/67.jpg)
http://www.psych.utoronto.ca/users/hollands/psy378s/L12.pdfУменьшение ментальной задержки
![Page 68: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/68.jpg)
Опятьлифт
…
![Page 69: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/69.jpg)
--------------- еще промежуточная черта ----------------
Как и в любой оптимизации нужно знать меру!
![Page 70: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/70.jpg)
Что еще есть в книге:
![Page 71: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/71.jpg)
![Page 73: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/73.jpg)
ЧАСТЬ 2. НА НАШУ ГРЕШНУЮ…Поговорим о наших реалиях
![Page 74: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/74.jpg)
Но прежде еще про книги
![Page 75: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/75.jpg)
Методики
![Page 76: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/76.jpg)
http://stuffthathappens.com/blog/2008/03/05/simplicity
![Page 77: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/77.jpg)
![Page 78: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/78.jpg)
![Page 79: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/79.jpg)
Узнали себя?
![Page 80: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/80.jpg)
Пример 1:ввод скидок в каталоге товаров
![Page 81: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/81.jpg)
Пример 3: лишние действия
Пример 2: длинные сообщения
Сюда не поместились
![Page 82: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/82.jpg)
+ еще “косяк” от Usethics:поведение поиска, когданайдена ровно одна корзина (а это большинтсвослучаев!) – лишний клик на ровном месте…
![Page 83: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/83.jpg)
Пример 4:поиск товара по коду
• код товара – чаще всего заглавные буквы• но есть немного товаров, где строчные• код товара = код модели + цвет + размер• в БД это просто VARCHAR2 поле с UNIQUE-индексом• т.е. быстро работает только равенство и LIKE || ‘…%’
![Page 84: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/84.jpg)
Пример 4:поиск товара по коду
• вначале ищем по точному совпадению• если не нашли, то делаем TO_UPPER(…)и опять ищем по точному совпадению• если опять не нашли, то ищем как
LIKE TO_UPPER(…) || ‘%’
• если нашли несколько, то показываем окошко с выбором из списка• если опять не нашли, то ищем ветку каталога с кодом, совпадающим с TO_UPPER(…)
![Page 85: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/85.jpg)
Пример 5:поиск сотрудника в Plantime
![Page 86: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/86.jpg)
Пр
им
ер 6
:п
ро
водн
ик п
о кво
там и
ли
ми
там
![Page 87: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/87.jpg)
Примеры 7 и 8:особенности эксплуатации…
• кнопка управления экраном в конференц-зале• управление звуком в мультивизоре Rolsen
иногда наше стремление к крутой функциональности делает интерфейс неудобным в реальных условиях
![Page 88: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/88.jpg)
Идея №1
• Логгирование действий пользователя
• Анализ лога
• Но не понятно как его анализировать
![Page 89: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/89.jpg)
Важная мысль• Простой текстовый ввод – очень эффективный
инструмент– готовые редакторы– удобная работа через Clipboard (включая другие приклады)– => бесплатная сшивка с Excel
(через Clipboard)
• Примеры:– выборки товаров (Toyota)– набор складов (по номерам)– импорт почасовки
ABC 10
XYZ 20
GFH12 1
FDS 0
![Page 90: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/90.jpg)
Еще раз:
Быстрее набрать здесь
Чем выбирать здесь
![Page 91: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/91.jpg)
Идея №2
• Интеллектуальные поиски и фильтры• С «ad hoc» анализом введенной строки
– несложным, но эффективным
– Простейшие примеры:• поиск товара• поиск сотрудника
![Page 92: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/92.jpg)
Пример: поиск корзины
![Page 93: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/93.jpg)
К слову: самая большая ошибка Usethics (ИМХО)
![Page 94: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/94.jpg)
Из области фантастики,но всё же:
• Текстовые фильтры в пользовательской формулировке:– все красные за сегодня
– все красные за март
– все зеленые с товаром ABC
– c 01.03.2008 по 31.12.2008
– …
– справа от поля кнопка для вызова диалога-контруктора– значения как строки легко запоминать как Favorites и как
MRU, причем легко показывать списком, работает AutoComplete
![Page 95: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/95.jpg)
---------- традиционно для запоминания ----------
![Page 96: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/96.jpg)
ЧАСТЬ 3. ВЗГЛЯД В БУДУЩЕЕЧто на горизонте
![Page 97: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/97.jpg)
1. Вебhttp://labs.mozilla.com/2009/02/introducing-bespin/
http://wiki.office.custis.ru/wiki/index.php/Участник:AndrewBibitchev/2008-11-26_CustIS_Forms_для_Web
![Page 98: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/98.jpg)
2. Моб
http://wiki.office.custis.ru/wiki/index.php/Участник:AndrewBibitchev/2008-12-17_Android_как_платформа_для_приложений
![Page 99: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/99.jpg)
3. ТачЭлектронная подпись :http://www.vesti.ru/videos?vid=204164&p=6&sort=1&sub_sort=0&cid=7 (1:24)
Красота мульти-тач:http://www.perceptivepixel.com/
http://www.youtube.com/watch?v=O7ENumwMohs
http://www.techcrunch.com/2008/05/14/microsoft-touchwall-can-inexpensively-turn-any-flat-surface-into-a-multi-touch-display/
Но будут сдерживать патентные войны:http://filearchive.cnews.ru/img/cnews/2009/01/27/pat_b_ba9e4.jpg
![Page 100: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/100.jpg)
Спасибо за внимание!
![Page 101: Humane Interface (Гуманный интерфейс)](https://reader034.vdocuments.us/reader034/viewer/2022042503/54804764b37959532b8b5af5/html5/thumbnails/101.jpg)
Приходите еще!