Как мы заново изобретали интерфейс редактора документов

Шейла Шейх, Кирилл Улитин
ProfsoUX 2020

Доклад рассчитан на UX&I специалистов, занимающихся системами, в которых есть компоненты для редактирования контента.

Интерфейс офисного редактора документов — хорошо знакомая многим вещь. Кажется, что он не менялся в течение последних 20 лет и инновации в нем невозможны. Однако наш опыт показывает обратное.

Из доклада вы узнаете, как и зачем переизобретать привычный интерфейс: как построить работу, какие сложности вас могут ждать.

Расскажем и покажем результаты юзабилити-тестирования скорости поиска функций в популярных панелях инструментов, включая «риббон» и контекстные панели.

Transcript

1. Как мы заново изобретали интерфейс редактора документов Кирилл Улитин Шейла Шейх Татьяна Васильева
2. Ограничение ответственности • Сведения, представленные здесь и сейчас представителями ООО “НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ”, не могут быть истолкованы как обязательство или обещание разработать, реализовать или поставить какой-либо программный продукт, специальную возможность или функцию. • Обязательство или обещание разработать, реализовать или поставить какой-либо программный продукт, специальную возможность или функцию имеют силу только в том случае, если они подтверждены соответствующим контрактом. • Дата выхода и набор функций любого из будущих программных продуктов, способ их распространения и рекомендованная цена могут отличаться от обсуждаемого здесь и сейчас. • Представленные планы основаны на том, что нам известно сегодня, и это может измениться в связи с расширением наших возможностей или непредвиденными изменениями на рынке. • ООО “НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ” оставляет за собой право изменять планы развития в любое время и без уведомления кого бы то ни было о подобных изменениях. • Все упомянутые в этом документе названия продуктов, логотипы, торговые марки и товарные знаки, принадлежат их владельцам и использованы здесь в соответствии с положениями статьи 1487 ГК РФ. • Товарные знаки «МойОфис» и «MyOffice» принадлежат ООО «НОВЫЕ ОБЛАЧНЫЕ ТЕХНОЛОГИИ». • Ни при каких обстоятельствах нельзя истолковывать любое содержимое настоящего документа как прямое или косвенное предоставление лицензии или права на использование товарных знаков, логотипов или знаков обслуживания, приведенных в нем. Любое несанкционированное использование этих товарных знаков, логотипов или знаков обслуживания без письменного разрешения их правообладателя строго запрещено.
10. Редакторы МойОфис
12. Со временем выяснилось, что есть проблемы концепция плохо расширяется интерфейс бедно выглядит переключения между вкладками
13. IA
17. Но не все проблемы решены концепция плохо расширяется больше кнопок — стало труднее искать интерфейс бедно выглядит переключения между вкладками
19. Проблемы? концепция плохо расширяется ? больше кнопок — стало труднее искать ? интерфейс бедно выглядит ? переключения между вкладками
21. Проблемы? концепция плохо расширяется больше кнопок — стало труднее искать ? интерфейс бедно выглядит ? переключения между вкладками
23. Цель исследования ▪ Сравнить различные варианты организации элементов управления в редакторах текста и таблиц ▪ Выяснить с какой скоростью люди ищут функции ▪ Понять какое впечатление на людей производят разные варианты
25. Схема эксперимента ▪ Приветствие, вопросы об опыте работы ▪ Выполнение задания в редакторе/прототипе ▪ Запись экрана ▪ Запись направления взгляда ▪ Запись аудио ▪ Заполнение опросника (UEQ-S) ▪ Качественный фидбек (Впечатления) 4x
26. Варианты организации UI в редакторах C вкладками Без вкладок Без вкладок 2 строки (axure) Риббон
27. • По крайней мере 3 раза в неделю используют MS Word/MS Excel для редактирования документов • 15 человек Организатор выставок, документовед, специалист по логистике, сотрудник университета, редактор- переводчик, консультант, методист по оценке персонала, руководитель по продажам, магистрант, студент, риск-аналитик, инженер (строительство), зам. руководителя (образование), инженер (оборонка) Респонденты
28. Задание
29. Проблемы с видимостью и переключением вкладок
30. Не видит вкладку
31. Напрасное переключение
32. Больше вкладок больше приключений
33. Мне очень нравятся вкладки
34. Скорость поиска команд в зависимости от различных контекстов
35. События поиска функций 23 часа видео 1800 событий
36. Соотношение паттернов поиска функции по редакторам
37. Среднее время поиска функции по паттернам по редакторам
38. Среднее время успешного поиска по паттернам
39. Среднее время проблемного поиска по паттернам
40. ▪ Частота переключения напрямую зависит от задачи, и не может быть определена точно ▪ В случае когда человек знает где искать кнопку, на переключение уходит около 2х секунд. ▪ Для проблемных кейсов разницы между наличием и отсутствием вкладок нет ▪ Тулбар без вкладок, для кейсов, когда бы требовалось переключение эффективнее тулбара с вкладками в 2.3 раза Выводы по исследованию
41. Готовый компонент
45. ▪ Иногда, для того, чтобы изменить ключевой компонент, нужно несколько лет и множество подходов. Главное, не сдаваться и объединить усилия. ▪ Контекстность это лучший подход, чем вываливание всего с делением на вкладки ▪ Сценарный подход для тестирования не подходит для редакторов ▪ Поиск функции как индикатор для ux-тестов вместо полного времени выполнения задания Выводы
46. Спасибо за внимание!