Как мы отказались от вкладок в интерфейсе и ускорили работу пользователей почти в 2,5 раза

    Недавно МойОфис выпустил крупное обновление 2020.03. Помимо улучшения и расширения функциональной части, в этом релизе мы кардинально изменили дизайн интерфейса редакторов. И прежде чем он стал публичным, провели исследование в специальной UX-лаборатории. Так мы выяснили, что смена внешнего вида программ приведет к существенному ускорению времени поиска пользователями нужных команд.

    Настало время рассказать о том, как теперь выглядят редакторы МойОфис, о наших подходах к проектированию интерфейса и существующих рисках смены дизайна, а также про само исследование. Читайте обо всем этом под катом.

    В приложениях для создания и оформления контента, в частности офисных редакторах документов, панели инструментов играют важнейшую роль. Разные пользователи могут полагаться на них в разной степени — кто-то предпочитает горячие клавиши или командное меню, но почти все хотя бы иногда пользуются панелью.

    Поэтому удобство и универсальность тулбара очень важны — неудачный интерфейс может полностью испортить впечатление от продукта. Риски особенно возрастают при добавлении в приложение новых возможностей: велик соблазн просто ставить их в конец панели, и в результате получить слоеный пирог из кнопок, в котором будет тяжело найти нужную.

    Обзор существующих решений


    Панель инструментов в редакторе документов — это стандартное приспособление, которое выглядит во всех приложениях примерно одинаково и не предполагает особого простора для креатива и улучшений. Ну а в нише офисных редакторов уже давно стали де-факто стандартом продукты хорошо известного всем софтверного гиганта, и все конкуренты ориентируются именно на него… Однако если внимательно взглянуть на некоторые популярные аналоги, это оказывается не совсем так.

    imageДля приложений Microsoft Office характерно огромное количество функций (в Office 2010 насчитали более 12 тысяч). Перегруженность интерфейса была очевидна уже в версии 97, и в следующих релизах разработчики пытались решить эту проблему разными способами — в частности, динамически скрывая часть элементов в панелях и меню (это решение было признано неудачным из-за непредсказуемости поведения тулбара).

    В процессе разработки 2007-й версии офиса в Microsoft сформулировали новый подход: командные меню и отдельные панели инструментов пригодны только для продуктов с относительно небольшим количеством возможностей, а для офисного пакета необходимо принципиально другое решение. В результате множества экспериментов появился «‎ленточный интерфейс» (Ribbon), который заменил собой все командное меню и панели. Именно этот интерфейс сейчас привычен всем пользователям MS Office:

    image

    Несмотря на то что «риббон» быстро вошел в моду и стал появляться в самых разных приложениях независимо от их функциональной наполненности, в популярных альтернативах MS Office используются другие, более или менее классические решения. Редакторы Google Docs применяют традиционный подход: на панели размещено только самое востребованное, а полный набор возможностей — в командном меню. При этом выбранная структура интерфейса помогает подчеркнуть легковесность продукта:

    image

    Открытый LibreOffice придерживается такого же подхода, только панелей здесь две и возможностей в целом больше.

    image

    Интересной особенностью LibreOffice является возможность выбрать альтернативный интерфейс панели инструментов, например, тот же «ленточный» (согласно концепции разработчиков, это способствует адаптации пользователей при переходе с других продуктов):

    image

    Нельзя обойти вниманием отдельную категорию редакторов типа Notion и Coda. Они, конечно, далеко не во всем могут заменить полноценные офисные редакторы, но все же хорошо подходят для выполнения определенных задач. Сегодня они приобретают все большую популярность у значительной аудитории, а следовательно, тоже формируют у людей определенные привычки и ожидания. Эти продукты максимально фокусируются на пользовательском контенте, поэтому интерфейс в них минимален; панели инструментов могут почти отсутствовать, появляясь только по необходимости.

    image

    Все это разнообразие интерфейсов подталкивает к определенному выводу:
    Универсального решения нет, каждое из них соответствует своему контексту, целям и задачам использования.
    Поэтому при работе над панелью инструментов в редакторах документов МойОфис мы выработали свой подход, учитывающий плюсы и минусы аналогичных продуктов, привычки пользователей, а также цели, задачи и контекст использования.

    Первая версия панели


    Изначальная версия тулбара в редакторах документов МойОфис была спроектирована в 2014 году. Она состояла из одной строки и имела несколько вкладок, которые появлялись в зависимости от положения курсора пользователя (контекста). Также в левом верхнем углу окна находилась небольшая панель быстрого доступа, которая не зависела от контекста.

    image

    Структура и поведение панели основывались на трех принципах:

    • контекстность: в каждый момент времени пользователь видит на панели только те инструменты, которые применимы в текущем контексте;
    • разделение по объектам: панель структурирована с помощью вкладок, каждая из которых соответствует определенному объекту (текст, таблица, изображение и т.д.);
    • полнота: на панели представлены все инструменты форматирования, применимые в текущем контексте.

    По мере накопления опыта реального использования в концепции обнаружилась фундаментальная проблема: объектная структура панели не соответствовала изначальным сценариям использования. Например, смена заливки ячейки часто ведет к смене цвета текста в этой ячейке, при том что в нашей концепции эти функции находились на разных вкладках. Это требовало от пользователей часто переключаться между вкладками и, как следствие, вызывало раздражение и снижало эффективность работы.

    image

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

    Помимо этого, однострочный вид панели и сопутствующая «легковесность» интерфейса оказались не близки нашей аудитории, — скорее создавали у нее впечатление неполноценного набора функций.

    Работа над новыми концепциями


    Создание новой версии панели включало в себя несколько этапов. Перед тем, как приступать к проектированию интерфейса, мы подробно исследовали объектную модель документа. На ее основе с помощью карточной сортировки проработали информационную архитектуру продукта — об этом мы подробнее расскажем в одной из будущих публикаций.

    Имея эти данные, мы смогли сгенерировать несколько разных вариантов панели, например:

    1. Альтернативное разбиение функций по вкладкам: на одной — редактирование выделенного контента, на другой — общий стиль документа:
    2. Полностью контекстная панель, вызываемая щелчком правой кнопки мыши:
    3. Отказ от вкладок и объединение всех функций в одной панели:

    image

    Сравнив варианты, мы пришли к выводу, что третий будет наиболее привычен пользователям. Также его было проще всего запрототипировать и протестировать, поэтому мы решили развивать именно его.

    Уже на ранних стадиях разработки стало понятно, что в таком варианте панели может быстро закончиться место для новых функций, а недостаточно четкая визуальная структура усложняет поиск. По этим причинам был подготовлен вариант с размещением элементов в две строки:

    image

    Для облегчения восприятия двухстрочная панель инструментов имеет три уровня визуальной структуры элементов: блоки, секции и группы.

    Панель адаптируется к ширине окна, чтобы максимально эффективно занимать доступное пространство. Также в процессе обсуждений появилась идея дать пользователю возможность самостоятельно сворачивать отдельные блоки панели, настраивая таким образом ее под себя.

    Тестирование и результаты


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

    В исследовании приняли участие 15 пользователей Microsoft Office. Мы обратились в университет ИТМО, юзабилити-лаборатория которого оборудована айтрекером — прибором для отслеживания реакции человека по движению его глаз. В качестве задания респондентам нужно было воссоздать документ по образцу в разных редакторах, а для прототипа выполнить задания на поиск функции.

    Тестировали варианты: в одну строку, в одну строку с делением на вкладки, в две строки (на основе нефункционального прототипа) и классический «‎риббон».

    image

    По ходу исследования мы снова обнаружили уже знакомые ситуации, когда люди не видели контекстные вкладки и тратили время на их поиск.

    И обнаружили новую проблему — «напрасное переключение», когда человек зря переходил на неправильную вкладку, уже находясь на нужной.

    Тестирование «риббона» показало, что чем больше вкладок, тем больше времени человек тратит на их перебор, если не может найти нужную кнопку.

    Интересно, что некоторые участники теста говорили о том, что им нравятся вкладки. Поскольку тестирование было модерируемое, мы смогли выяснить основную причину для такого заключения: пользователям нравится группировка кнопок, при этом необходимость переключения они все же рассматривали как недостаток.

    По итогам исследования мы получили 23 часа видео, которые отсмотрели за несколько недель и разметили все операции по поиску функций — более 1800 событий. После анализа нам удалось построить зависимость времени поиска от интерфейсного паттерна. Что интересно — эта зависимость не отличалась между сравниваемыми редакторами, разница была только в количестве «‎использований» того или иного паттерна для каждого редактора. Получилось, что в случае, когда человек знал, где искать кнопку, он в среднем тратил на переключение лишние 2 секунды.

    image
    Из графика видно среднее время поиска кнопки: в случае, если переключение на другую вкладку не требуется (toolbar) — 1.67 сек; в случае, если переключение на другую вкладку требуется (toolbar switch) — 3.68 сек.

    Результаты исследования (более подробно о них мы рассказали в прошлом году на конференции ProfsoUX) подтвердили наши гипотезы о том, что контекстность — более выигрышный подход по сравнению с размещением всех кнопок по вкладкам. Мы также качественно подтвердили, что новый двухстрочный дизайн хорошо воспринимается и напоминает людям привычный редактор. После того как мы поняли, что выбранная концепция работает хорошо, началась итеративная разработка панели.

    Разработка панели инструментов


    Для претворения нашей идеи в жизнь с технической стороны мы справились со следующими подзадачами:

    1. Нужно было продумать процесс масштабирования, изменения наполнения тулбара: порядка, видимости его элементов, их свойств. Для этого мы вынесли уровни абстракции и наполнение в удобную для понимания и редактирования базу данных с web-интерфейсом (Airtable), чтобы можно было легко вносить и отслеживать изменения, наглядно видеть все нюансы отображения элементов тулбара. Во время сборки проекта, по этой базе данных мы через API стали формировать XML-файл со структурой панели для каждого редактора и поставлять его в класс-конструктор. Таким образом, коллеги из UX-отдела смогли самостоятельно править конфигурацию панели инструментов независимо от разработки, и эти корректировки стали автоматически применяться при следующей сборке продукта. Это позволило удешевить процесс внесения изменений и исключить человеческий фактор. Также такой подход позволяет формировать набор тулбаров через изменение ключа сборки, значение которого может указывать на разные базы с одинаковой структурой — хороший задел, чтобы в будущем предоставить нашим конечным пользователям возможность кастомизации тулбара.
    2. Разработали алгоритм адаптации к текущей ширине окна: элементы динамически уменьшают свою ширину — это позволяет сохранить структуру тулбара при уменьшении доступного места без необходимости использовать горизонтальную прокрутку.

      Вкратце, алгоритм работает так:

    • При старте вычисляем линейные размеры для всех элементов.
    • При изменении размеров окна / смене контекста редактирования — выбираем размер элементов, заполняя доступное место с учетом приоритетов и в соответствии с настройками видимости. Также принимаются во внимание принудительно свернутые или развернутые пользователем блоки элементов.


    image

    Заключение


    В статье мы постарались объяснить, почему отказались от вкладок в интерфейсе. Пройдя долгий путь анализа конкурентов и информационной модели, множества предварительных тестирований, споров и обсуждений, финального тестирования, которое позволило в цифрах посчитать эффективность нового решения и разработки, мы смогли реализовать новую двухстрочную панель инструментов в интерфейсе десктопных редакторов.

    Для веб-версии редакторов переход на новый дизайн стал более плавным. Мы двигаемся итерационно — убрали вкладки, добавляем меню, куда прячутся кнопки, если не хватает места по ширине. В вебе высота окна редактора дополнительно «съедается» шапкой браузера, поэтому однострочный вариант будет более востребован.

    Следующий этап — возможность свернуть панель в одну строку на всех платформах, чтобы экономить место на экране. Это важно для пользователей с маленькими мониторами.

    На нашем сайте вы можете получить пробную версию «МойОфис Стандартный» и самостоятельно попробовать новый тулбар в работе. Мы будем рады услышать ваши отзывы и готовы обсудить их в комментариях к этой статье.

    Над статьей работали UX-архитекторы — Шейла Шейх и Кирилл Улитин (ulitin), а также разработчики — Иван Шеров-Игнатьев и Олег Архангельский.
    МойОфис
    Платформа для работы с документами и коммуникаций

    Comments 46

      +10
      Ускорение работы пользователей в 2,5 раза в текстовом редакторе, выглядит как в старом анекдоте ;-)
      Приходит девушка устраиваться на работу секретаршей.
      Шеф спрашивает: «А с какой скоростью вы можете печатать в МойОфис
      Девушка: «Ну… 1000-1200 знаков в минуту....»
      Шеф: " Разве можно с такой скоростью работать?!!! "
      Девушка: «Можно-то можно, но такая херня получается!!!!»

        +16
        Выглядит здорово! Приятно посмотреть! Появилась демо-версия — вообще отлично.
        Хочу прицениться и купить и вот тут… Нужно указать регион, выбрать одного из сотни «партнёров», отправить запрос указанием № паспорта и выпиской из домовой книги. И ради чего? Что такого в этих ценах, что их нельзя написать?
          +6

          Ркомендованна розничная цена?


          На правах сарказма: Обычные юзеры такое не покупают, а для корпоратов цены давать нельзя. Просто одной компании цена одна, другой другая, а с третьей вообще надо сначала в баньку сходить, прежде чем цены обсуждать. А так вы вдруг от одной компании три раза пришлёте запрос и выберете потом самое дешёвое предложение?

            0
            Добрый день! Такая логика ориентирована на B2B- и B2G-клиентов. На текущий момент мы не поставляем настольные и облачные продукты на B2C-рынок, обычные пользователи могут бесплатно скачать мобильные приложения в магазинах Apple AppStore, Google PlayMarket и Huawei AppGallery.

            Но уже с апреля этого года редакторы документов МойОфис будут предустанавливаться на все новые компьютеры и смартфоны в России. На официальном сайте компании появится страница, с которой можно будет скачать и установить бесплатную версию для частных пользователей.
              +2
              > на все новые компьютеры

              С установленной Windows 10, я полагаю?
                +4
                Под FreeDOS тоже портируют /sarcasm
                  0

                  И ReactOS?

                0
                >обычные пользователи могут бесплатно скачать мобильные приложения
                это конечно здорово, но
                Жаль, что не все это могут

                  0
                  Добрый день! Спасибо за обратную связь. Ситуация не типичная, мы проверили работу «МойОфис Документы» на обоих устройствах из списка (Samsung S8+ и Honor 7C) и не смогли воспроизвести вашу ситуацию. Пожалуйста, сообщите в личных сообщениях дополнительную информацию о своих устройствах — версии операционной системы и прошивки устройств.
                    +1
                    ничего не понимаю, но после прочтения вашего ответа решил попробовать установить приложение через поиск в google play на мобильном устройстве. Попытка установки оказалась успешной и после этого на сайте ваше приложение стало доступным для всех моих устройств, видимо это глюки гугла
                      0
                      Это просто тебя отследили
                  +3
                  >Но уже с апреля этого года редакторы документов МойОфис будут предустанавливаться на все новые компьютеры и смартфоны в России.

                  Что, и на самосбор от ДНС тоже? И в ноуты с Линукс? И в компы без ОС вообще?
                    +1
                    Ну никто и не говорил, что установленное приложение должно запускаться.
                      0
                      Закон о предустановке вступает в силу с 1 апреля 2021 года. Существует два нормативных документа, которые регулируют предустановку — Постановление Правительства РФ №1867 и Распоряжение Правительства РФ №3704-р. Согласно документам, предустановка на компьютеры с Linux не требуется.

                      МойОфис предлагает компаниям-производителям компьютерной техники всестороннюю помощь и содействие в предварительной установке своих продуктов, и готов в короткие сроки предоставить дистрибутивы продуктов для ознакомления и проведения тестирования.

                      Подробную информацию о продуктах МойОфис для предварительной установки вы можете найти на нашем сайте: myoffice.ru/home/preload
                      +1
                      Такая логика ориентирована на B2B- и B2G-клиентов.

                      Не правда ваша. У белых людей что на B2B, что B2G, что B2C используется РРЦ, о чем корректно уточнял vmkazakoff.
                      И только потом партнеры могут или не могут делать собственную наценку исходя из своих хотелок и предлагать скидки.


                      Далее возможно сочтут рекламой производителей но,


                      Касперский имеет единый прайс с ррц
                      CISCO
                      Microsoft
                      DELL
                      Fortinet
                      Adobe
                      Sophos
                      KEMP
                      Citrix
                      И куча других производителей у которых есть прейскурант с указанием рекомендованной цены для конечного заказчика и не важно это большая компания или физик, даже если физикам не продают.

                        0
                        Цены на наши продукты вы также можете посмотреть в открытых источниках, например, на сайте одного их крупнейших российских дистрибьюторов — компании Софтлайн: store.softline.ru/ncloudtech/x2-std-nb-lnl-a-65456
                          +1
                          И что, кроме эээ национальных особенностей менталитета отдельных продажников, запрещает вам опубликовать максимальные розничные цены на собственном сайте?
                    +1
                    Оптимальный интерфейс MSO приобрел к версии 2k3, что было скопировано Symphony. Все новомодные фишечки он игнорировал до самой смерти. Как и SoftMaker, правда до определенного периода.

                    Корпоративы не любят перемен. Перемены для корпораций, а иногда и для более мелких, могут стоить миллиарды. Ну и, как всегда, лучшее враг хорошего.
                      +2
                      Оптимальный интерфейс MSO приобрел к версии 2k3

                      Разве?
                      Риббон хорош тем, что кнопки расположены на фиксированных местах и не ездят с места на место при переносе открепляющейся панели инструментов. Все вновь открывающиеся вкладки добавляются в конец этой панели, а не выскакивают в каком-нибудь неожиданном месте (в 2003-м офисе панель редактирования рисунков открывалась по умолчанию снизу почему-то (между документом и строкой состояния))
                        0
                        И тем не менее огромное количество пользователей не приняли риббон. Кто-то до сих пор сидит на 2003 офисе с конвертерами для поддержки новых форматов файлов. Кто-то перешел на либреофис. Но большинство все-таки юзают новые офисы и плюются.
                          +2
                          самое интересное, но лично я хорошо воспринимаю риббон в мс офисе, при этом так же хорошо смотрю на либреофис, но в кадах вообще его не могу понять что в autocad, что в UG, что в компас
                            0

                            Это дело привычки и вкуса

                          –1
                          Олдфаги будут ныть всегда.
                          +1

                          Добрый день. Как в Таблицах задать ось Х у графиков? А то берет значения или номера строк или имена столбцов. После такого любое использование становится бессмысленным

                            0
                            Добрый день! Спасибо, очень хороший комментарий. В текущих версиях значения осей действительно берутся из названия столбца или строки – без возможности самостоятельной настройки шкалы. Мы постоянно совершенствуем продукты, выпуская 4-5 масштабных обновлений в год, и обязательно сообщим о новых функциональных возможностях, когда они появятся.
                              +1

                              Спасибо за ответ. Но вы же понимаете, что с такой особенностью продукт Таблицы не функционален? Вроде как одна из основных функций все же построение графиков. У конкурента Р7 это есть

                                0
                                ну уж прям вот сразу в мусорку, если график не подписать
                                  +2

                                  Не не подписать. А нельзя задать свою шкалу х. К примеру, 0.1, 0.2, 0.3. А только либо 1 2 3 или A B C. Т.е. обычную функцию y(x) не построишь! Это же вообще нонсенс.

                            +2
                            Вы все-все-все функции вместили на один экран?
                            По поводу того, что пользователи не находили вкладки — по скриншотам — у вас все вкладки одинаковые, ничем не выделяются. В том же MS Office вновь появляющаяся вкладка или их группа выделяются цветом (в 2007/2010).
                            И еще: в MSO (и ряде других программ с риббоном) вызывать функции можно полностью с клавиатуры — нажать Atl — появится подписи клавиш, которые нажимаем для вызова функции — вы так умеете?
                            Последнее дает возможность не запоминать (визуально), где какая кнопка находится (хотя они там логично расположены), а просто не отвлекаясь от набора выполнять нужную команду (печатающим вслепую в радость).
                              0
                              Основная проблема с появлением вкладки, которую мы увидели по айтрекеру это то, что в момент появления вкладки пользователь смотрит на тот объект с которым работает, а не на тулбар. Соответственно после того, как человек понимает, что ему нужно что то сделать с объектом он начинает перебирать содержимое тулбара от левого к правому краю, особенно если точно не знает где кнопка. Проблема с вкладками в том, что люди сначала смотрят на содержимое активной вкладки, а потом начинают перебирать вкладки. Нет вкладок – нет такой проблемы.
                              0
                              Выглядит как объяснение начальству «Нафига вы эту фигню сделали».
                              Как пользователь скажу — вкладки лучше.
                                +1
                                Как пользователь скажу, что вкладки УГ. Я настраиваю свою панель инструментов везде, где UI это позволяет
                                +1

                                Заранее извиняюсь за оффтоп, просто наболело, а писать некуда — на сайте нет страницы для багрепортов или банального форума с участием официальных представителей.


                                Обновления выпускаются 4-5 раз в год, однако чтобы обновиться, организация должна, похоже, заново заключать договор и заново покупать обновление? Во всяком случае в нашей организации как предоставили нам версию 2019 года, так мы с ней и остаемся, ниоткуда фиксов и обновлений не скачать, так что все обновления — мимо нас. Я понимаю, когда надо покупать новую версию раз в НЕСКОЛЬКО лет ради ПРИНЦИПИАЛЬНО нового функционала, но покупать ради багофиксов… В результате ваш Офис закупается разово для галочки импортозамещения, а персонал либо использует остатки лицензий МСО, либо Либрой. Если я не прав — поправьте, пожалуйста, на данный момент у нас только такая информация. Кроме того, есть огромные вопросы по установщику, но тут другая тема, так что не буду.

                                  0
                                  Добрый день! Пожалуйста, сообщите в личных сообщениях название вашей организации и название организации-партнера, через которого вы приобретали наши продукты. Мы всё выясним и разберемся с вашей ситуацией.
                                  0
                                  А вообще, риббон вроде запатентован Microsoft. И, наверное, при использовании в коммерческом продукте надо будет платить отчисления… Не здесь ли главная причина)
                                    0
                                    Риббон действительно запатентован в США en.wikipedia.org/wiki/Ribbon_(computing)#Patent_controversy (хотя есть вопросы) Но когда мы работали над концепциями мы не рассматривали его, потому что у нас уже были вкладки и с нашей точки зрения это и есть проблема.
                                    +1
                                    Ух ты, наконец я смог открыть свой Excel файл в вашей программе менее чем за 15 минут, с 2017 года — это рывок. А вот интерфейс — жуть. Догадаться где находится вкладка определения области печати, не так сложно, но постоянно иконка быстрой печати которую нельзя поменять на предварительный просмотр и печать — не удобно. Выяснить как подогнать выделенную для печати область не очевидно, то ли масштабом играть, то ли по вкладкам лазать.
                                    Это можно сказать элементарные вещи, но в 99% это те функции которые нужны большинству пользователей.
                                      0
                                      Спасибо за фидбек, по поводу дефолтного действия печати действительно может быть не всегда очевидно, рассмотрим этот момент с коллегами.
                                        0
                                        Там это всегда делалось довольно альтернативным способом. Минимализм возведённый в абсолют!
                                        0
                                        О! Похоже, это первое реальное обновление за последние пять лет!
                                        Вот только уже установленная 2019.02 до него сама не обновляется, как я понимаю?
                                          0
                                          Добрый день! Пожалуйста, сообщите в личных сообщениях название вашей организации и название партнера, через которого вы приобретали наши продукты. Мы всё выясним и разберемся с вашей ситуацией.
                                          +2

                                          Давайте разберём ваши вкладки...



                                          Тут мы видим 2 вкладки: первая содержит основные функции, а вторая вообще не нужна. Не нужны эти 100500 кнопок для управления таблицей — просто прокачайте вашу каретку, чтобы пользователь мог взаимодействовать непосредственно с контентом, а не тянуться к каким-то кнопкам. Вы же на канве рисуете и не ограничены стандартной текстовой кареткой.


                                          Пройдёмся по кнопкам:


                                          • Вставить колонку слева/справа — не нужны, просто разрешите ставить каретку на вертикальную границу и при вводе автоматически добавлять туда колонку.
                                          • Вставить строку сверху/снизу — не нужны, аналогично разрешите ставить каретку на горизонтальную границу.
                                          • Удаление строки/колонки — не нужны, достаточно дать возможность выделять строку/колонку и удалять/вырезать стандартными средствами редактирования текста.
                                          • Объединение/разделение ячеек — не нужны, ставим каретку на границу и удаляем её стандартными средствами редактирования текста.
                                          • Оставшиеся "стили границ" и "стили фона" переносим на основной тулбар, ибо границы и фон могут быть у любого блока, а не только таблиц.

                                          Таким образом мы полностью избавились не только от лишних кнопок, но и от лишних вкладок, а управление сделали удобнее и естественнее.


                                          И это касается не только таблиц, но и любого другого форматирования. Например, можно разрешить ставить каретку "между абзацами", "перед первым абзацем в цитате", "перед ссылкой", "после начала ссылки" и тд. Это даёт пользователю больше контроля за происходящим, а программе не приходится гадать, что же хотел пользователь (например, выделил он весь текст абзаца — должен ли сам абзац попасть в выделение или только текст внутри него? Или ещё и блок в котором абзац находится?).


                                          Новички, конечно, сперва недоумевают в духе "Это что ещё за горизонтальная полоса такая?" или "почему на границе выделения каретка переходит к следующей букве не сразу, а сначала меняет свою толщину?", но распробовав понимают, как это на самом деле дико удобно и не понятно, почему такого ещё нигде нет.


                                          Вот тут я нарисовал пример со множественными каретками разного типа:

                                            +1
                                            Спасибо за интересный комментарий!

                                            Вторая вкладка с нашей старой версии это пример – у нас есть еще контекстные объекты помимо таблиц: изображения флоаченные и инлайновые, шейпы, сводные таблицы и другие. Плюс есть вложенность, когда например картинка вставлена в ячейку таблицы и другие комбинации особенно когда очень тяжело выбрать один из контекстов. Помимо этого, наши редакторы должны поддерживать работу с тачем на десктопах и мобильными. Именно поэтому есть потребность в тулбаре как едином месте который собирает в себе все текущие контролы.

                                            В какой то степени, идея которую вы описываете, используется в популярном редакторе интерактивных сайтов среди дизайнеров – readymag, на мой взгляд эта концепция довольно интересная, но есть вопросы связанные с поддержкой мобильных и в целом трудностями перехода.
                                            0
                                            Авторы ribbon сравнивали нарастающее количество тулбаров и кнопок на них в офисе с кабиной управления самолётом
                                            image

                                            этот интереснейший рассказ, о разработке ленточного интерфейса, можно посмотреть на официальном канале Microsoft.

                                            В 2007 ленточный интерфейс был прорывом и спасением. С течением времени он стал усложняться, раздуваться, меняться в угоду требованию «в каждой новой версии должно быть что-то новое» и к 2021 превратился в ту самую кабину боинга.

                                            Microsoft в своих промо материалах намекает, что скоро откажется от знакомого нам ленточного интерфейса в пользу контекстного (сейчас эти подходы смешены).



                                            Кирилл, боюсь ваша гора родила мышь.
                                            Сошлюсь на Бирмана: «исследования подменяют собой экспертное мнение» — вы потратили много времени на доказательство очевидного. Да, ленточный интерфейс в MS Office сейчас не удобен, да текущее ваше решение в «Мой Офис» неудобен.
                                            Что вы сделали? Поместили все функции в своём продукте на одну вкладку ленты.

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

                                            P.S.
                                            Я правильно понимаю, что из заголовка следует, что если раньше на создание (набор и оформление) документа человек тратил 60 мин, то сейчас будет тратить 24 мин?
                                              0
                                              Спасибо за развернутый комментарий! Да, видео про историю риббона очень занимательное, если эта тема интересна сохранился еще блог docs.microsoft.com/ru-ru/archive/blogs/jensenh единственно картинки доступны через вебархив.

                                              Может мы как то не совсем четко сформулировали в статье, но мы как раз и реализовали контекстную панель, в которой набор контролов на панели инструментов зависит от текущего контекста. А проблему роста функционала мы отдельно исследовали и проработали на несколько лет вперед.
                                              Цифры из заголовка работают только для момента поиска нужного контрола в конкретной ситуации.
                                              0
                                              Почему нет рекомендованных цен? Что мешает вам самим продавать свой продукт тоже.

                                              Only users with full accounts can post comments. Log in, please.