Что такое хороший обобщенный значок «перейти к», «открыть», «больше», «выбрать» или «выбрать»?

Представьте себе таблицу с множеством строк в веб-приложении. Первый столбец содержит только значок, без текста. Одиночный щелчок по значку должен обозначать выбор этой строки и переходить на новую страницу. Какой значок вы бы выбрали?

Обновление: в данном конкретном случае это выбор программы. Не программа, а государственная программа (т.е. правительство осуществляет программу по раздаче денег). Я надеялся на контекстно-свободный значок и, возможно, остановился на значке руки, введите описание изображения здесьно контекстно-зависимый значок, представляющий программу, также будет работать.

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

Ответы (4)

Он выбирает и переходит на новую страницу? Без какого-либо другого контекста это звучит как странный опыт.

Флажок, вероятно, сделает эту работу.

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

Вот почему я думаю, что это странный опыт. Я не думаю, что любой значок «выбрать» будет означать «выберите этот элемент, а затем немедленно покиньте страницу».
согласен с комментарием выше. Не используйте флажок в качестве кнопки!

Обычный виджет пользовательского интерфейса для выбора одного элемента из списка — это переключатель.

( ) Item 1
( ) Item 2
( ) Item 3

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

Альтернативным решением было бы просто сделать их ссылками:

    Пункт 1
    Пункт 2
    Пункт 3

И еще одним решением было бы принять взаимодействие, которое становится распространенным на мобильных устройствах, которое представляет собой «список выбора» или « столбцы Миллера ».

------------------------------------------------------
Item 1                                              >
------------------------------------------------------
Item 2                                              >
------------------------------------------------------
Item 3                                              >
------------------------------------------------------

Я предпочитаю последнее по двум причинам:

  1. Доступность: это «кажется» кликабельным и указывает, что я увижу что-то еще после того, как выберу его.
  2. Он отзывчивый: поскольку он уже заимствует стандарт мобильного пользовательского интерфейса, он уже готов для мобильных устройств!

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

ОБНОВЛЯТЬ:

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

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

Я бы, вероятно, использовал комбинацию:

Изменение/инвертирование цвета всей строки при наведении на нее курсора, чтобы указать, что вы можете с ней взаимодействовать .

&

Изменение курсора на Pointerсвойство CSS при наведении курсора на кнопку — очень очевидный показатель того, что на что-то можно нажать.

В вашем конкретном случае я бы использовал текст, а не значок, поскольку это не то, что вы можете легко представить в значке. Я бы использовал что-то вроде more, или editв базовом стиле html-ссылки, например:

Row 1 . Column . Column . Column Подробнее/изменитьКурсор-указатель

Row 2 . Column . Column . Column Подробнее/изменить

Row 3 . Column . Column . Column Подробнее/изменить

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

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

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

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