Объясняя необходимость избегать горизонтальной прокрутки - PullRequest
14 голосов
/ 23 марта 2010

Мне нужна помощь, чтобы объяснить моему боссу, почему ее дизайн плох на веб-сайте клиента. Она ничего не знает о сети, и это может быть сложно, как веб-разработчик, работающий с женщиной, которая является графическим дизайнером (даже не веб-дизайнером). На текущем сайте, который она спроектировала, полоса изображения «должна» составлять ~ 1200 пикселей по ее словам, хотя это не является необходимым для контента. Быстрый набросок, чтобы проиллюстрировать, что происходит:

image

Как видите, баннер выходит за пределы 960 пикселей контента и шириной до 1200 пикселей. Это создает горизонтальную прокрутку, когда весь контент доступен для просмотра в окне просмотра шириной 960 пикселей. Мне нужно сделать это image, а не фоном CSS, потому что это слайд-шоу jQuery, которое исчезает с изображения на изображение.

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

Как мне объяснить ей проблему?

Ответы [ 9 ]

18 голосов
/ 23 марта 2010

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

XXXXXXX|XXXXXXX
XIMAGEX|XIMAGEX
XXXXXXX|XXXXXXX
       |
Some   | (but
content| this
here   | is 
       | blank)
15 голосов
/ 23 марта 2010

Покажите ей Нильсена - одного из самых известных и опытных специалистов по юзабилити в сети.

«Горизонтальная прокрутка» - это ошибка № 3 в статье « Десять ошибок веб-дизайна 2002 »

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

Кроме того, выполните обычную функцию пользовательского интерфейса - ТЕСТ!

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

3 голосов
/ 23 марта 2010

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

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

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

1 голос
/ 23 марта 2010

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

Пусть она это пережует.

1 голос
/ 23 марта 2010

Люди читают слева направо, сверху вниз (или справа налево в некоторых странах). Из-за этого они могут читать намного больше контента, прежде чем им нужно начать прокрутку, поскольку им нужно только прокручивать вертикально.

Если вы вводите горизонтальную прокрутку, то пользователь должен прокручивать в конце каждой строки, а не в конце каждой страницы.

1 голос
/ 23 марта 2010

Я бы сделал два замечания:

  1. NO крупный сайт использует горизонтальную прокрутку. Не один. Это означает, что независимо от того, что она считает «хорошим» дизайном, 100% пользователей будут сбиты с толку и, вероятно, никогда не увидят контент с правой стороны экрана.
  2. Горизонтальная прокрутка - это печатный эквивалент складной или "разворотной" страницы стиля Будете ли вы делать каждую страницу в журнале, как это?
0 голосов
/ 23 марта 2010

Может ли весь баннер и все изображения компонентов в нем быть уменьшены, чтобы быть уже? (по общему признанию это также будет короче, может быть более трудным читать и т.д.). Тогда, если лицо справа действительно важно, оно все равно будет видно ... Горизонтальная прокрутка просто очень плохая. Но я думаю, вы (и все остальные) уже знали, что:)

0 голосов
/ 23 марта 2010

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

http://www.badwebsiteideas.com/horizontal.htm

0 голосов
/ 23 марта 2010

Попробуйте эти два пункта, чтобы убедить ее:

  • Покажите ей некоторые данные о разрешениях наиболее часто используемых браузеров (при этом 20% интернет-пользователей имеют разрешение экрана 1024x768)

  • Если какая-то часть веб-сайта не видна при загрузке страницы, это не "удобно для пользователя" (пользователь может пропустить некоторую важную информацию)

...