Объяснение необходимости избегать горизонтального прокрутки

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

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

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

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

Ответ 1

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

XXXXXXX|XXXXXXX
XIMAGEX|XIMAGEX
XXXXXXX|XXXXXXX
       |
Some   | (but
content| this
here   | is 
       | blank)

Ответ 2

Направьте ее в Nielsen - на самых известных и лучших экспертов по юзабилити в Интернете.

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

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

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

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

Ответ 3

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

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

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

Ответ 4

Две точки, которые я сделал бы:

НЕТ Основной веб-сайт использует горизонтальную прокрутку. Не один. Это означает, что независимо от того, что она считает "хорошим" дизайном, 100% пользователей будут смущены и, вероятно, никогда не увидит контент с правой стороны экрана.
Горизонтальная прокрутка - это эквивалент печати складки или "сгруппированная" страница стиля. Не могли бы вы сделать каждую страницу в таком журнале?

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

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

Покажите ей некоторые данные о наиболее часто используемых разрешениях браузеров (все еще 20% пользователей Интернета имеют разрешение экрана 1024x768)
Некоторая часть веб-сайта, которая не отображается при загрузке страницы, не является "удобной для пользователя" (пользователь может пропустить некоторую критическую информацию)

Ответ 8

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

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

Ответ 9

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