Представьте себе таблицу с множеством строк в веб-приложении. Первый столбец содержит только значок, без текста. Одиночный щелчок по значку должен обозначать выбор этой строки и переходить на новую страницу. Какой значок вы бы выбрали?
Обновление: в данном конкретном случае это выбор программы. Не программа, а государственная программа (т.е. правительство осуществляет программу по раздаче денег). Я надеялся на контекстно-свободный значок и, возможно, остановился на значке руки, но контекстно-зависимый значок, представляющий программу, также будет работать.
Он выбирает и переходит на новую страницу? Без какого-либо другого контекста это звучит как странный опыт.
Флажок, вероятно, сделает эту работу.
Опять же без контекста, более логичным представлением может быть перемещение столбца выбора вправо и использование стрелки вправо в той или иной форме. Это будет означать, что вы направите их на подстраницу для этой строки.
Обычный виджет пользовательского интерфейса для выбора одного элемента из списка — это переключатель.
( ) Item 1
( ) Item 2
( ) Item 3
Конечно, выбор переключателя редко переводит вас на другую страницу, но это, безусловно, выполнимо.
Альтернативным решением было бы просто сделать их ссылками:
И еще одним решением было бы принять взаимодействие, которое становится распространенным на мобильных устройствах, которое представляет собой «список выбора» или « столбцы Миллера ».
------------------------------------------------------
Item 1 >
------------------------------------------------------
Item 2 >
------------------------------------------------------
Item 3 >
------------------------------------------------------
Я предпочитаю последнее по двум причинам:
Недостатком является то, что он может не работать для таблицы данных. Это можно сделать, но это может быть не идеально, если есть много дополнительных данных.
ОБНОВЛЯТЬ:
Я полностью упустил конкретику вашего вопроса: вы хотите иметь значок. Это более сложный вопрос. Я не уверен, что рекомендовал бы значок для этого. Вместо этого я бы удостоверился, что вся строка доступна для выбора, и вы укажете это определенным образом, возможно, с помощью одного из методов, описанных выше.
Но если это должен быть значок, я бы предложил переместить значок вправо и использовать стрелку - возможно, при наведении (или показывать по умолчанию серым цветом и выделять при наведении). Стрелка говорит «выберите это и продолжите ...», аналогично списку выбора, показанному выше.
Я бы, вероятно, использовал комбинацию:
Изменение/инвертирование цвета всей строки при наведении на нее курсора, чтобы указать, что вы можете с ней взаимодействовать .
&
Изменение курсора на Pointer
свойство CSS при наведении курсора на кнопку — очень очевидный показатель того, что на что-то можно нажать.
В вашем конкретном случае я бы использовал текст, а не значок, поскольку это не то, что вы можете легко представить в значке. Я бы использовал что-то вроде more
, или edit
в базовом стиле html-ссылки, например:
Row 1
.
Column
.
Column
.
Column
Подробнее/изменить
Row 2
.
Column
.
Column
.
Column
Подробнее/изменить
Row 3
.
Column
.
Column
.
Column
Подробнее/изменить
Я бы также поместил элементы управления после содержимого, потому что мы читаем слева направо, поэтому пользователь должен прочитать хотя бы часть строки, прежде чем решить, что это то, что ему нужно.
Если это переход на новую страницу, то я, вероятно, выбрал бы значок, который символизирует новую страницу, если новая страница является чем-то вроде формы, я бы выбрал значок, который будет представлять форму.
пользователь56reinstatemonica8