Прокрутка сетки для лучшего взаимодействия с пользователем - PullRequest
1 голос
/ 15 января 2010

У нас есть интранет-страница, на которой отображаются отчеты по некоторым критериям поиска. Элементы управления для критериев поиска находятся вверху страницы, а сетка отчета является единственным содержимым на странице. Сетка, как правило, отображает более 50-100 строк и требует прокрутки. Какой дизайн страницы больше подходит с точки зрения UX:

  • Фиксированный размер сетки с вертикальной полосой прокрутки и фиксированными заголовками.

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

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

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

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

Ответы [ 3 ]

1 голос
/ 21 февраля 2011

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

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

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

Как пользователи будут взаимодействовать с данными? Какие основные задачи они будут выполнять?
Какие второстепенные задачи они будут выполнять? Какова частота использования задания? Какие данные наиболее важны для задач? (расстановка приоритетов на дисплее) Помогает или мешает дизайн в этих задачах?
Можно ли отображать меньше данных и при этом эффективно удовлетворять потребности пользователей? Если отображается меньше данных, каков наиболее эффективный способ доступа пользователей к ним при необходимости? и т.д.

После того, как вы получите некоторые из этих ответов, вам следует разработать конкретные решения для наиболее распространенных потребностей, в то же время учитывая другие (используйте правило 80/20).

И, честно говоря, лучший способ обеспечить удовлетворение потребностей ваших пользователей - это заставить их взаимодействовать с тем, что вы создаете, и получить ИХ вклад, чтобы проинформировать ваш дизайн, ДО того, как им действительно понадобится его использовать.

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

В конце концов, вы разрабатываете для этих пользователей - включите их и их отзывы в процесс проектирования, и вы обязательно поразите его из парка!

0 голосов
/ 01 февраля 2010

Рекомендация гласит: «Что бы ни имело смысла в использовании»

  1. Как ваши пользователи будут использовать сетка? После просмотра результатов поиск, будет ли им часто нужно искать снова? или они просто нажмите на результат и перейдите в другую область приложения?

  2. Легко ли считываются данные без заголовков столбцов? то есть.

    Джон Смит | Генеральный директор | GlobalMecaCorp | 3 Стэнфорд Уэй | (043) 1233 1233

    против

    1235 | 12312 | 1233 | 12301823 | A | ADX

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

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

Жизни стало проще - отличный UX.

0 голосов
/ 15 января 2010

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

...