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

Спасибо, что присоединились к нам сегодня! Для начала, можете рассказать немного о себе и своей роли в Guru?

Гомец: Меня зовут Гомер Гейнс, и я сертифицированный специалист по доступности, работающий в этой области с 2001 года. Сейчас я старший UI-инженер в Guru, возглавляющий команду системы дизайна.

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

Что привело вас в команду системы дизайна в Guru?

Гомец: Я работал с некоторыми из руководителей инженерии Guru ранее и занимал аналогичную позицию, где сосредоточился на доступности и помогал строить систему дизайна. Когда они пришли в Guru, они привели меня, чтобы помочь создать систему дизайна и вывести Guru на уровень доступности.

Джейк: Я был вторым дизайнером продукта в Guru, и у нас тогда не было никакой системы дизайна. В мой второй год мы хотели заново сделать иерархию нашего продукта, что привело меня к созданию первой искренней попытки в создании краткосрочной системы дизайна (я даже назвал ее “SAGE”, так называется наша новая система дизайна).

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

Можете рассказать о некоторых целях команды системы дизайна и целях системы дизайна в Guru?

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

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

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

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

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

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

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

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

Каковы преимущества наличия системы дизайна?

Гомец: Система дизайна улучшает опыт сотрудников как для дизайнеров, так и для инженеров. Она увеличивает сотрудничество и уверенность между командой, что мы создаем последовательный и доступный опыт.

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

Гомец: Да, опыт дизайнера имеет ключевое значение. Это одно дело, когда дизайнеры и инженеры просто берут компоненты и помещают их в интерфейс и называют это “функцией”, но система дизайна объясняет почему все эти опыты построены.  

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

Каковы последствия отсутствия системы дизайна?

Гомец: ПУТАНИЦА!

Джейк: Да, путаница! Иногда также присутствует менталитет “блестящего объекта” у дизайнеров, который приводит их к желанию полностью перестроить опыты, которые им не нравятся.

Система дизайна убирает некую гибкость, что на самом деле не сдерживает дизайнера — это освобождает и вызывает желание думать: “как я могу сочетать эти компоненты и UX-шаблоны, чтобы создать то, что я на самом деле хочу построить?” Она убирает неопределенность “есть ли у нас кнопка, которая выглядит так уже?” или “как мы называем такие типы пользователей?”

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

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

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

Джейк: Уникальность Guru заключается в том, как тесно сотрудничают наши продуктовые менеджеры, UX-дизайнеры и инженеры. В некоторых организациях дизайнеры в конечном итоге “бросают дизайны через стену” инженерам, что усложняет ситуацию каждый раз, когда дизайны нужно обновлять. С системой дизайна инженерам не нужно беспокоиться о поиске дизайнеров, если что-то не так с центром. Вместо этого они могут быть уверены, что, используя компоненты системы дизайна, все будет правильно.

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

Гомец: С точки зрения удобства использования, мы находимся в гораздо лучшем положении, чем несколько лет назад, просто потому что UI становится более унифицированным. У нас все еще долгий путь впереди, но мы сделали наш “первый проход”, чтобы укрепить большинство самых запутанных частей нашего приложения. Теперь мы можем вернуться и сделать те мелкие корректировки, которые имеют большое значение.

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

Джейк: Я согласен. Я думаю, мы прошли долгий путь благодаря системе дизайна и проекту удобства использования, который мы недавно завершили. Одно из лучших вещей в нашей системе дизайна заключается в том, что она сделала наших дизайнеров более осведомленными о том, насколько важна доступность — мы отошли от выбора цветов, потому что они “привлекательны”, или проектирования единственных “крутых” опытов, и теперь уделяем время оценке доступности с самого начала.

Гомец: Мы также прошли долгий путь в отношении внутреннего копирайтинга в приложении (микрокопия). Мы ссылаемся на Guru Cards, которые подробно описывают наши стандарты микрокопий прямо в системе дизайна, что помогает всем убедиться, что копии в приложении доступны.

Можете оба рассказать о своем видении команды системы дизайна и доступности в Guru?

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

Почему важно создавать продукцию с высоким уровнем удобства использования в нашей индустрии (управление знаниями) в частности?

Гомец: Около 10% населения мира имеют инвалидность. Когда мы об этом думаем, мы обычно думаем о физических инвалидностях — но самая большая группа людей с инвалидностью имеют когнитивные нарушения, которые невозможно увидеть. В США 33 миллиона человек с когнитивной инвалидностью, и это может варьироваться от потери кратковременной памяти до нарушений зрения. Многие из нас работают в индустрии технологий и испытывают боль от опыта, которые не проектируются с учетом доступности для всех пользователей.

Поэтому, если вы думаете “ох, пользователи с инвалидностью не используют наше приложение”, потому что вы их не видите, это далеко от правды. Существуют пользователи с инвалидностью, которые создают эти приложения.

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

Гомец: Сколько из нас носят очки? Нам нужно думать о том, как наш инструмент взаимодействует с инструментами увеличения, чтобы поддерживать этих пользователей. И пользователи Guru не имеют возрастного ограничения — все стареют, и не стоит ожидать, что наши пользователи прекратят использовать технологии из-за возрастной категории.

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

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

Примечание: это интервью было отредактировано для краткости и ясности.