За кулисами: почему мы внесли изменения в пользовательский интерфейс

Опубликовано: 2018-08-30

За последние несколько месяцев Elementor присоединился к нескольким плагинам, которые преодолели отметку в миллион активных установок. Существует множество причин, объясняющих, почему Elementor стал лидером отрасли, но три ключевые причины включают наше четкое видение, поддержку нашего сообщества и то, как эти две стороны являются синергетическими.

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

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

Шум из-за щелчка правой кнопкой мыши

Для Elementor v2.1 мы внесли значительные изменения в интерфейс и переместили маркеры редактирования из меню внешнего интерфейса в меню, вызываемое правой кнопкой мыши. Это обновление вызвало много разговоров в сообществе Elementor. Некоторым изменения понравились, другим - меньше.

Почему мы вообще внесли изменения

Мы рассматриваем Elementor как новое стандартное решение для создания веб-сайтов на WordPress. Это придает большое значение созданию интерфейса с чистым дизайном, позволяя пользователям сосредоточиться на своем дизайне.

Когда вы думаете об этом, ни одно другое программное обеспечение не отображает кнопки удаления и дублирования на интерфейсе, даже базовое программное обеспечение, такое как Word или PowerPoint.

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

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

Голоса за и против перемен

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

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

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

Прислушиваясь к вашим отзывам

Хотя у нас есть четкое видение нашего продукта, мы не менее важно прислушиваемся к отзывам пользователей. Фактически, около 80% функций нашего продукта основаны на отзывах пользователей.

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

В последние несколько месяцев мы много работали над тем, чтобы всем пользователям было проще настраивать правый щелчок.

Вот что мы сделали:

Дифференциация действий при щелчке правой кнопкой мыши

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

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

Лучшие сочетания клавиш

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

Постепенное изменение

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

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

Улучшение того, как вы начинаете

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

Если вы установите Elementor 2.2 на новом сайте, вы заметите, что мы добавили окно «Начало работы», которое включает короткое вводное видео. Это первый из многих шагов, которые мы планируем сделать, чтобы упростить процесс адаптации нашего конструктора страниц.

Двигаясь вперед с нашим видением

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

Мы решили создать Elementor с четкой идеей улучшения веб-дизайна WordPress. Мы пришли из этой индустрии, испытав роли как тематической компании, так и дизайн-студии, и стремились обновить ее.

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

Этот подход также побуждает нас улучшать мельчайшие детали нашего продукта, а не просто вводить новшества ради инноваций.

Переименование виджетов

Как я уже сказал, мы серьезно относимся к своей роли. Наша команда старается учесть мельчайшие детали, даже названия виджетов. Недавно мы изменили название виджета «Столбцы» на «Внутренний раздел».

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

Это переименование вызвало сегодня недовольство в группе. Я полностью понимаю это разочарование, так как теперь нашей команде нужно переделать несколько наших руководств и документов YouTube, которые ссылаются на предыдущее название виджета.

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

Что мы узнали

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

Если вы являетесь пользователем Elementor, вы являетесь частью нашего проекта. Это означает, что вы разделяете наше видение и нашу долгосрочную и непрерывную задачу - создать оптимальное решение для создания веб-сайтов. Мы всегда стремимся быть лучшими, получать отзывы и развиваться. Для этого нам нужно постоянно вносить изменения.

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

Подведение итогов

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