Антон Ловчиков
12 января 2011

Вопрос по регулярным структурам в вебе.

Как быть, когда есть довольно большой список чего-то с одинаковыми кнопками управления? Например, в Твиттере у каждого твита есть кнопки «Ретвит» и «Ответ». Разработчики решили их спрятать, чтобы не рябило в глазах, и показывать только при наведении на твит. Мне кажется, что скрывать и проявлять кнопки управления неправильно, и поэтому в своих работах (вторая картинка) я просто их «дизейблю». Да, это тоже неправильно, но кнопки хотя бы видно. Какой выход видите вы? Чекбоксы?



Столбец из повторяющихся в каждой строке кнопочек мы называем «батареей». Да, батареи рябят в глазах.

Если сделать так, чтобы кнопочки появлялись при наведении, то возникает другая проблема: то, во что кликает пользователь, изменяется, пока он целится (хотел просто твит выделить, а случайно нажал на «Ретвит»). Ваш вариант лишён этой проблемы, но не лишён батареи :-)

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

Вот, например, яйца в «Бейскемпе»:

Яйца в «Бейскемпе»

P. S.

Я проведу практический курс «Пользовательский интерфейс и представление информации» 22, 23, 24 и 26 апреля в Москве

 

Запись открыта до ВС 16 апр


Поделиться

Комментарии

Юрий Солоницын
12 января 2011

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

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

Антон Ловчиков
12 января 2011

А как вы считаете, необходимо ли учитывать специфику тач-интерфейсов? Ведь т. н.«яйца» появляются при наведении на элемент, а у, например, айпада нет такого события.

Женя Бакст
12 января 2011

Есть такой еще вариант: кнопка «показать батарею».

Например, при нажатии Edit над списком, появляются контролы для удаления элементов списка.

Алексей Рытов
12 января 2011

Тут всё сильно зависит от назначения этого списка. Если его нужно в основном удалять и редактировать и при этом он ещё не очень большой, то аккуратная батарея будет полезна (хотя и не очень эстетична).

А если основное назначение пунктов — чтение (как в Твиттере), то, естественно, нужно скрывать контролы.

Фундаментальные принципы проектирования — есть задачи пользователей (tasks), а есть их мотивы (goals). Задач может быть много, мотивов, как правило, мало, и на них и нужно делать акценты.

Роман Шамин
17 января 2011

Элементы, которые появляются по наведению, не очень хорошо работают на тач-устройствах.

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

Но у длинных списков появляются проблемы:

Вадим Юмадилов
4 апреля 2014

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.





Недавно всплыло

Расскажите об обратной связи в интерфейсе 1 Это я неправ, что долго думал, или магазин, что допустил такую ситуацию? 3 3 1