Статьи

Пишите лучшие пользовательские интерфейсы, спрашивая «Кто еще в комнате?»

Девушка касаясь зеркалу

Фото: кредит: Беверли Гудвин

В сообществе User Experience существует дискуссия о том, должен ли пользовательский интерфейс указывать « Ваша учетная запись » или « Моя учетная запись » для обозначения учетной записи пользователя. Должен ли призыв к действию быть « Создать учетную запись » или « Создать учетную запись» ?

Pinterest и Trello являются социальными веб-приложениями, которые используют «доски», но все же посмотрите, как они отличаются!

  • Pinterest: кнопка «Ваш совет»

    Pinterest: ВАША доска

  • Trello: кнопка «Мои доски»

    Trello: кнопка МОИ доски

Однако, когда приходит время удалить ваш аккаунт, они оба меняют условия:

Pinterest: отключить мой аккаунт

Pinterest: отключить МОЙ аккаунт

Trello: навсегда удалить всю учетную запись навсегда?

Trello: навсегда удалить СВОЙ аккаунт навсегда?

Интересно, что они соглашаются на подсказки:

  • Pinterest: О чем ваша доска?

    Pinterest: О чем ВАША доска?

  • Трелло: Что ты планируешь?

    Трелло: Что ты планируешь?

Так как ты решаешь? Одна хитрость — подумать, кто в комнате, а кто разговаривает.

В комнате никого нет, кроме пользователя

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

Когда вы избегаете классификатора, вы получаете преимущество фронтальной загрузки интерфейса с отличительными словами вместо «ваш» или «мой». Например, «Настройки конфиденциальности» выделяется из «Аккаунта» лучше, чем «Мои настройки конфиденциальности» из «Моего аккаунта». Это облегчает сканирование вашего пользовательского интерфейса. Это также сокращает время, необходимое пользователю, чтобы понять, что он видит, и предпринять следующее действие (возможно, покупку вашего продукта).

Two’s Company — сайт и пользователь

Используйте «ваш» или «мой» только тогда, когда вам нужно различать пользователя и говорящий веб-сайт:

  • Когда сайт говорит, используйте «Ваш».
  • Когда пользователь говорит, используйте «Мой».

В первом случае веб-сайт может «говорить» с:

  • Ориентируйте пользователя по заголовкам страниц и меткам
  • Предоставить контент
  • Расскажите пользователю об их содержании
  • Сообщите пользователю, что произошла ошибка, и как это влияет на него
  • Предоставить помощь и инструкции
  • Предложить документацию

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

Во втором случае пользователь «говорит», когда он выполняет действия. Таким образом, пользователь сообщает веб-сайту, что он хочет:

  • Нажатие кнопок
  • Нажатие пунктов меню
  • Ввод данных
  • Выбор фильтров
  • В противном случае сделать некоторый выбор и командовать сайтом

(Для простоты мы сосредоточимся на кнопках.)

Таким образом, «Мой» уместен в действиях .

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

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

  • Сайт: «Хотите ли вы бесплатную упаковку подарков при покупке?» (Этикетка)
  • Пользователь: «Добавить подарочную упаковку» (кнопка), а не «обернуть мой подарок»
  • Веб-сайт: «Ваши клиенты» (этикетка)
  • Пользователь: «Связаться с клиентами» (кнопка), а не «Связаться с моими клиентами»

Если по умолчанию веб-сайт говорит, вам нужно указать, когда пользователь говорит:

  • Веб-сайт: «Подарочная упаковка:» (этикетка), а не «Оберните свой подарок:»
  • Пользователь: «Завернуть мой подарок» (кнопка)
  • Веб-сайт: «Клиенты:» (ярлык), а не «Ваши клиенты:»
  • Пользователь: «Связаться с моими клиентами» (кнопка)

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

  • «Проверьте мой банковский баланс»
  • «Обновить мои медицинские карты»
  • «Создай мой аккаунт»

Не обращайте внимания на других людей в комнате, говоря: «Давайте рассмотрим ваши медицинские записи». Это неловко

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

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

Кнопка «Мой сайт» в WordPress поставляется с всплывающей подсказкой, предлагающей просмотреть список ВАШИХ сайтов.

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

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

Во-вторых, кнопки социальных сетей, такие как «Follow me on Twitter», обычно выражают намерение пользователя выполнить действие, несмотря на то, что он говорит голосом сайта. Однако эта формулировка имеет больше смысла, чем пользователь, нажимающий «Я хочу подписаться на вас в Твиттере» или «Следить за ними в Твиттере». Соглашение, используемое в «Follow me on Twitter», похоже на то, как веб-сайт спрашивает: «Хотите ли вы следовать за мной в Twitter?» и пользователь отвечает «Да», где вопрос и ответ сводятся в одну кнопку.

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

Между тем, вам нужно различать голоса только тогда, когда сайт действительно может говорить. Нет необходимости предлагать пользователю кнопку «Обновить мое членство», когда веб-сайт не будет иметь своего «членства». Точно так же показывать «Ваша корзина:» часто не нужно, поскольку на сайте нет собственной корзины, а пользователь не знает, что находится в корзинах других пользователей. «Корзина» подойдет просто отлично.

Тройка толпа — много пользователей

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

  • Ярлыки: «Ваши фотографии» и «Фотографии вашего друга»
  • Кнопки: «Пометить фотографии» (позволяет пометить любые фотографии; обратите внимание, как они намеренно неоднозначны), «Пометить мои фотографии» и «Пометить фотографии моих друзей»

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

  • «Настройки системы:»
  • «Настройки персонала:»
  • «Пользовательские настройки:»
  • «Ваши настройки»

В «Настройках персонала» вы можете увидеть кнопку «Обновить настройки персонала». В разделе «Ваши настройки:» вы можете увидеть «Обновить мои настройки».

Однако после определенного момента, если ваши пользователи будут контролировать вещи других людей, вам нужно будет начать использовать имена. Если у вас есть общая учетная запись, например, «my» может относиться к любому в этой учетной записи:

Билл Скотт, ведущий инженер по пользовательскому интерфейсу в Netflix (и сам известный паттернист), говорит мне, что в Netflix они избегают «Твоего», предпочитая «рекомендации Билла». Их обоснование заключается в том, что он передает персонализацию (так же, как «твой» и « мой »), и это также разъясняет, что« это вы, а не ваш ребенок (при использовании нескольких профилей в домашнем хозяйстве) ». Но опять же, для большинства людей Netflix может быть скорее личной полезностью, чем социальной средой , Разработка социальных интерфейсов: твой против моего

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

Как один из многих системных администраторов, вы можете увидеть «Настройки Шелдона» и нажать кнопку «Обновить настройки Шелдона».

Вывод

Таким образом, если вам абсолютно не нужно использовать «свою учетную запись» или «мою учетную запись», не используйте также, используйте: «учетная запись». Если вы должны использовать «your» или «my», чтобы указать, кто говорит, используйте «your» для ярлыков и «my» для кнопок экономно. Если интерфейс является личным или личным, используйте кнопки «my» для кнопок и экономно используйте «your» для ярлыков. Если пользователей много, обращайтесь к людям по имени.

И если ничего не помогает, будьте последовательны!