Яндекс.Метрика

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

Решаем проблемы с гиперссылками в UX

27 ноября 2015 | Опубликовано в статьюшечки | 3 Комментариев »

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

Проблема

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

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


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

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

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

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

Решение

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


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

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

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

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

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

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

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

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

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

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

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

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

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




Комментарии

  1. Джедай
    Thumb up Thumb down +2

    Лично для меня, иконка треугольника символизирует действие «свернуть», ассоциация с краем листка, за который берешь, что бы перелистнуть страницу(убрать)....

    Ответить

  2. Дмитрий
    Thumb up Thumb down +1

    Сложно и непривычно.

    Думаю так:

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

    2). если можно открыть ссылку в текущей вкладке — оставить ссылку стандартной и не путать людей (те, кому надо уже научились открывать ссылки в новой вкладке/окне)

    Ответить

  3. Andriy
    Thumb up Thumb down 0

    Люди всегда сопротивляются чему-то новому. Нужно потестить и тогда станет понятно прижилось бы такое решение или нет.

    Кстати, я привык решать эту задачу с зажатым ctrl и кликом ЛКМ.

    Ответить

Оставить ответ


пять − = 2

Вставить изображение