Bret Victor — Magic Ink: Information Software and the Graphical Interface
Вид: статья
Коротко
Вопрос: Как проектировать программы, которыми люди пользуются, чтобы узнавать что-то, а не создавать?
Ответ: Виктор считает, что большинство программ служит человеку для обучения, и проектировать их нужно в первую очередь как графику, чувствительную к контексту, а не как интерактивные машины.
Тезисы
Против кого пишет:
- «usability pundits», то есть сторонники «interaction design», которые, по Виктору, считают, что ПО должно быть интерактивным и «использоваться»
- проектировщики, которые, по Виктору, начинают с функциональности и считают, что проектируют машину
- исследователи и практики HCI («Human-Computer Interaction»), закрепившие термин «interaction»
Т1. По Виктору, корень кризиса ПО — кризис идентичности: неясно, что такое среда и для чего она
- Против: «usability pundits» и «interaction design»: по Виктору, они считают, что ПО должно быть интерактивным
- Аргумент: Виктор отмечает, что десятилетиями критики боролись с неудобными интерфейсами, а кризис только вырос; верующие, по его словам, редко ставят под сомнение посылку, что ПО в принципе должно быть интерактивным.
- Цитата: «I suggest that the root of the software crisis is an identity crisis—an unclear understanding of what the medium actually is, and what it’s for.» (раздел «Of software and sorcery»)
- Понятия: Кризис идентичности ПО
Т2. Чаще всего человек садится за компьютер не создавать, а читать, изучать и понимать
- Аргумент: Виктор делит ПО на информационное (учиться), манипуляционное (создавать) и коммуникационное (общаться) и утверждает, что для большинства ПО на вопрос «зачем человек им пользуется» ответ «почти всегда» — «учиться»; календарь, финансы, магазин и почта, по Виктору, на деле служат построению модели в голове.
- Цитата: «Most of the time, a person sits down at her personal computer not to create, but to read, observe, study, explore, make cognitive connections, and ultimately come to an understanding.» (раздел «Most software is information software»)
- Данные: Лициклер в 1957 году отслеживал, как проводит рабочее время; по его словам, около 85 процентов «времени на мышление» уходило на то, чтобы оказаться в положении, когда можно думать, решать или узнавать нужное.
- Понятия: Информационное ПО, Манипуляционное ПО
Т3. Информационное ПО, по Виктору, нужно проектировать прежде всего как графический дизайн
- Против: проектировщики, которые, по Виктору, начинают с функциональности и ощущают, что проектируют машину
- Аргумент: проектировщик должен начать с того, как программа выглядит, потому что пользователь пользуется ею, чтобы учиться, а учится он, глядя на неё; чернила и бумага для него — базовый уровень, который нужно хотя бы сравнять.
- Цитата: «I suggest that the design of information software should be approached initially and primarily as a graphic design project.» (раздел «Information software design is graphic design»)
- Данные: Виктор разбирает книжный магазин (по состоянию на январь 2006): в списке результатов, по его словам, недостаточно информации для решения; в редизайне рядом с книгой стоят синопсис, оглавление, рейтинг и отзывы, а пятизвёздочный рейтинг дополнен «усами» распределения оценок.
- Данные: пример железнодорожного расписания: график с линиями поездов, по Виктору, содержит не больше данных, чем таблица, но отвечает на вопросы диспетчеров «с первого взгляда».
- Понятия: Информационное ПО
Т4. По Виктору, многие проектировщики ПО, по-видимому, из-за внимания к функциям забывают показать данные
- Против: проектировщики, фокусирующиеся на функциональности
- Аргумент: Виктор приводит первое правило Эдварда Тафти «Show the data» и применяет его к книжному магазину и афише кино.
- Цитата: «It seems that many software designers, in their focus on functionality, forget to actually present the data.» (раздел «Demonstration: Showing the data»)
- Данные: в афише кино Виктор меняет группировку «по кинотеатрам» на «по фильмам» с временной шкалой; он предполагает, что Yahoo! скопировал газеты.
- Понятия: Показ данных
Т5. Проектирование информационного ПО, по Виктору, — это проектирование графики, чувствительной к контексту
- Аргумент: бумага статична, а читателю нужна лишь часть данных; компьютер, по Виктору, может вывести контекст, отсеять данные и построить график под нужды момента. Контекст берётся из трёх источников: окружения, истории и взаимодействия.
- Цитата: «Information software design, then, is the design of context-sensitive information graphics.» (раздел «Context-sensitive information graphics»)
- Понятия: Контекстно-чувствительная графика, Выведение контекста
Т6. Для информационного ПО всё взаимодействие, по Виктору, по существу сводится к навигации по пространству данных
- Против: «interaction design»: термин и практика, закрепившиеся в сообществах HCI
- Аргумент: пользователь «говорит» с программой, чтобы указать нужный поднабор информации; Виктор ссылается на Купера, по которому навигация в большинстве случаев — «pure excise» или близко к этому; excise — усилие, которого требует инструмент и которое не направлено прямо на цель.
- Цитата: «For information software, all interaction is essentially navigation around a data space.» (раздел «Interactivity considered harmful»)
- Понятия: Навигация как excise
Т7. Взаимодействие в информационном ПО нужно применять осмотрительно и скупо
- Аргумент: Виктор называет взаимодействие «по сути отрицательным» свойством информационного ПО, если оно не приятно или не поучительно само по себе; польза возможна, если оно заметно расширяет круг вопросов или упрощает поиск ответов.
- Цитата: «Interaction should be used judiciously and sparingly, only when the environment and history provide insufficient context to construct an acceptable graphic.» (раздел «Interactivity considered harmful»)
- Данные: пример BART-виджета (расписание метро): по Виктору, он нормально «используется» просто взглядом без взаимодействия; Виктор сообщает о восторженных отзывах, награде Apple Design Award 2007 и рейтинге Macworld.
- Понятия: Навигация как excise
Т8. В информационном ПО каждое взаимодействие, по Виктору, может и должно давать заметное изменение графики
- Аргумент: Виктор называет три способа снизить вред от оставшегося взаимодействия: графическое манипулирование, относительную навигацию и плотные петли обратной связи; ответ программы на каждое действие позволяет остановиться, когда вид «достаточно близок».
- Цитата: «each interaction can and should result in a discernible change to a context-sensitive information graphic.» (раздел «Interactivity considered harmful»)
- Данные: примеры Виктора: перетаскивание маркеров «From» и «To» на карте вместо выбора из списков; приближение карты по первым цифрам почтового индекса в апплете Бена Фрая.
- Понятия: Плотная обратная связь
Т9. Для «революции информационного ПО» Виктор считает нужными признание, дизайнеров, платформы и среду
- Аргумент: Виктор видит в зарождающемся «интерактивном вебе» «машины на страницах» и сопоставляет с историей промышленного дизайна и печати; культура, по его словам, слепа к возможностям.
- Цитата: «The information software revolution will require public recognition that information software is a medium of visual communication, designers with talent, skill, and tools, simple and general platforms, and an environment that encourages creativity and sharing.» (раздел «Summary»)
- Понятия: Революция информационного ПО
Т10. Платформа, чтобы быть надёжной, должна иметь одну реализацию или быть настолько простой, что реализуется одинаково
- Против: платформы CSS, POSIX, Java (по Виктору, слишком сложные для единообразной реализации)
- Аргумент: платформу, по Виктору, поставляет получатель, а дизайнер напрямую управляет только инструментом; несколько независимых реализаций сложной спецификации ошибаются по-разному, и при необходимости открытых стандартов, по Виктору, остаётся только простота.
- Цитата: «For a platform to be reliable, it must either have a single implementation, or be so utterly simple that it can be implemented uniformly.» (раздел «Designing the information software revolution»)
- Понятия: Инструмент и платформа
Т11. Виктор предполагает, что «информационная экосистема» из представлений и переводчиков может давать нужные сведения с минимумом взаимодействия
- Аргумент: платформа-посредник связывает программы, которые не знают друг о друге: представления «выдвигают» темы интереса, переводчики превращают объекты из одного вида в другой, а уверенность и обратная связь настраивают выдачу.
- Цитата: «An information ecosystem of views and translators may be able to offer relevant information of all forms with minimal interaction.» (раздел «Summary»)
- Понятия: Информационная экосистема
Т12. По Виктору, машинное обучение не станет массовым, пока не станет таким же простым, как слово «learn»
- Аргумент: Виктор считает, что алгоритм, которым владеет только специалист, почти бесполезен; сложность нужно спрятать за простой абстракцией, как это сделано для файлов и сортировки.
- Цитата: «Until machine learning is as accessible and effortless as typing the word “learn,” it will never become widespread.» (раздел «Engineering inference from history»)
- Данные: Виктор проверил на смоделированных пользователях простой вероятностный алгоритм предсказания маршрута: по результатам Виктора, для пользователя, ездящего только на работу и обратно, шаблон осваивается безошибочно за неделю; сам Виктор называет алгоритм годным лишь как частное решение.
- Понятия: Выведение контекста
Т13. Виктор предсказывает, что будущее будет чувствительным к контексту, а не интерактивным
- Аргумент: в графике, окружении и истории Виктор ожидает прорывов, а взаимодействие, по его словам, станет узким местом: пропускная способность между устройством и пользователем останется «utterly lopsided».
- Цитата: «The future will be context-sensitive. The future will not be interactive.» (раздел «Information and the world of tomorrow»)
- Понятия: Контекстно-чувствительная графика
Пример
К1. Книжный магазин: из индекса в каталог для сравнения
Результаты поиска в онлайн-магазине показаны как индекс страниц, а не как каталог для сравнения; для сравнения нужно открывать каждую книгу и помнить увиденное. Редизайн в той же графике даёт синопсис, оглавление, рейтинг с распределением и список похожих книг. Подкрепляет Т3 и Т4.
К2. Виджет расписания BART
Виктор рассказывает о собственном виджете для расписания метро: временная шкала, карта и предложение-настройка, а интерактивные элементы скрываются, пока мышь вне виджета. Он сообщает об отзывах и наградах. Подкрепляет Т7 и Т8.
К3. Расписание поездов: таблица и график
Таблица подходит пассажирам, график с линиями поездов, по Виктору, отвечает на вопросы диспетчеров тем же набором данных. Подкрепляет Т3.
Связи
- Из карточки:
Кризис идентичности ПО→ Victor: непонимание того, чем среда является и для чего она (Т1) - Из карточки:
Информационное ПО→ Victor: ПО для обучения, построения модели в голове (Т2, Т3) - Из карточки:
Манипуляционное ПО→ Victor: ПО для создания внешней модели; проектировать его трудно (Т2) - Из карточки:
Показ данных→ Victor: правило Тафти, о котором забывают при внимании к функциям (Т4) - Из карточки:
Контекстно-чувствительная графика→ Victor: график, выведенный под текущий контекст читателя (Т5, Т13) - Из карточки:
Выведение контекста→ Victor: из окружения, истории и взаимодействия (Т5, Т12) - Из карточки:
Навигация как excise→ Victor: по Куперу, усилие, не приближающее к цели (Т6, Т7) - Из карточки:
Плотная обратная связь→ Victor: каждое действие даёт заметное изменение графики (Т8) - Из карточки:
Революция информационного ПО→ Victor: условия, которые Виктор считает необходимыми (Т9) - Из карточки:
Инструмент и платформа→ Victor: инструмент в руках дизайнера, платформа у получателя (Т10) - Из карточки:
Информационная экосистема→ Victor: представления, переводчики и платформа-посредник (Т11)
Частные вопросы
- В1. Что такое информационное ПО и насколько оно распространено? → Т1, Т2, Т3
- В2. Как проектировать информационное ПО? → Т4, Т5
- В3. Какова роль взаимодействия? → Т6, Т7, Т8
- В4. Что нужно для «революции информационного ПО»? → Т9, Т10, Т11, Т12
- В5. Каким Виктор видит будущее? → Т13