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

Проблема

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

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

Где откроется окно профиля?

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

В результате нам приходится предпринимать дополнительные действия. Мы кликаем по ссылке правой кнопкой и выбираем «открыть в новой вкладке или окне». Это дает нам чувство контроля над интерфейсом.

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

Решение

Нам нужны иконки-индикаторы, которые при наведении мыши на ссылку будут показывать возможности открытия ссылки в новой (a) вкладке, (b) новом окне или © текущей странице. Второй пункт используется довольно редко, но пусть эта опция тоже имеет место.

Иконки-индикаторы

Как вы уже поняли, первая иконка будет открывать ссылку в новой вкладке, вторая — в новом окне, а третья откроет ссылку в том же окне, заменив текущую страницу.

Позвольте объяснить смысл третьей иконки. Там все не так сложно. Представьте себе коническую стрелку, направленную на вас. Что вы видите? Именно.

Вот несколько изменений, которые были произведены в иконках.

В итоге были определены основные формы для иконок.

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

Другой вариант — превратить сам курсор в иконки-индикатор. Давайте рассмотрим эту опцию.

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

На картинке ниже вы видите как это выглядит.

А что вы думаете о таком решении проблемы?

Автор статьи Nash Vail

Перевод — Дежурка

Смотрите также:

• Будущее UI за командной строкой
• Почему сегментированные кнопки лучше для сортировки контента
• Как найти и исправить проблемы с юзабилити