У меня есть веб-приложение со списком элементов.

Элементы можно просматривать в виде сетки (плитки) или в виде вертикального списка.

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

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

Хотя, может быть, у меня есть одна кнопка, которая переключается между двумя состояниями, но я нашел это: Должна ли кнопка-переключатель показывать свое текущее состояние или состояние, в которое она изменится?

Какова наилучшая практика для этого сценария, если он есть?

Дополнение:

Кроме того, рекомендуется ли скрывать такие кнопки на мобильных устройствах, чтобы пользователю приходилось нажимать кнопку меню, чтобы отобразить эти параметры, которые всегда видны на рабочем столе?

1
Community 13 Апр 2017 в 15:32

2 ответа

Лучший ответ

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

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

Альтернативой может быть использование свайпа для изменения представления, полностью избегая кнопки.

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

1
Christian T. H. 19 Июн 2014 в 16:34

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

1
Hitesh Sharma 19 Июн 2014 в 16:21