Должны ли пользователи изменять масштабный веб-дизайн?

Когда дело доходит до отзывчивого дизайна: должны ли пользователи по-прежнему увеличивать или уменьшать масштаб?

В настоящее время мы работаем над отзывчивым дизайном, и один из наших тестировщиков счел неудобным, что он не смог увеличить или уменьшить масштаб. Когда я проверяю некоторые отзывчивые проекты (такие как Boston Globe, Polygon и Currys.co.uk), невозможно использовать масштабирование. Является ли это конвенцией о том, что когда веб-сайт правильно масштабируется, возможность увеличения или уменьшения масштаба отключается и действительно ли он обеспечивает хороший опыт?

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

Любые идеи?

95 голосов | спросил Misha Scholte 3 PMpWed, 03 Apr 2013 14:01:12 +040001Wednesday 2013, 14:01:12

4 ответа


140

Да, вы должны разрешить масштабирование.

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

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

  • Они хотят просмотреть изображение более подробно
  • Они пытаются выбрать слово /абзац для копирования и использования в другом месте, поэтому увеличьте масштаб, чтобы получить более близкое представление и упростить выбор.
  • Они хотят прочитать определенную область содержимого, которая слишком мала для просмотра, поэтому увеличивайте ее.
  • Разрешение различных мобильных устройств не является стандартным, поэтому только 4-дюймовый экран не означает, что текст на всех 4-дюймовых устройствах будет чистым.

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

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

Кроме того, некоторые уязвимые сайты do позволяют масштабировать. http://smashingmagazine.com/ или http://clearleft.com / - некоторые из них.

ответил JonW 3 PMpWed, 03 Apr 2013 14:19:59 +040019Wednesday 2013, 14:19:59
21

Как Кайл Шеффер положил его :

  

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

статья о HTML5Rocks говорит о конкретной реализации:

  

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

     

Важно отметить, что мы не отключаем возможности пользователя   увеличьте страницу (которую вы могли бы сделать, добавив масштабируемое пользователем = no к   атрибут контента), хотя мы оптимизируем контент для небольших   экраны. Рекомендуется поддерживать масштабирование пользователя для сохранения   насколько это возможно. . Однако есть случаи, когда можно отключить   пользовательское масштабирование, например, если вы включаете фиксированные позиционированные элементы

И цитата из Люка Вроблевского имеет значение и здесь:

  

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

то есть. почему вы ограничиваете пользователя, если вам не нужна . Пусть пользователь решит!

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

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

ответил Roger Attrill 3 PMpWed, 03 Apr 2013 14:18:37 +040018Wednesday 2013, 14:18:37
3

Сейчас я посещу Event Apart, и возник вопрос: можете ли вы предотвратить или отключить функции для пользователя, которые они в противном случае использовали для использования на своем устройстве. Ответ был единодушным в том, что наилучшей практикой является то, что вы не должны этого делать, но вы можете ожидать и строить способы реагирования на него. Кстати, еще одна часть конференции объяснила, сколько устройств на сколько размеров экрана и разрешения выходят прямо сейчас. Поэтому мой вопрос для вас заключается в том, как вы можете застраховать, что масштабирование никогда не будет иметь смысла для вашего сайта на определенном устройстве? Размеры экрана на устройствах теперь варьируются от 3 до 27 дюймов.

ответил Scott Shipp 3 PMpWed, 03 Apr 2013 21:32:38 +040032Wednesday 2013, 21:32:38
-2

Да, пользователям разрешено масштабировать и использовать страницу по своему усмотрению.

Однако люди установили нормы:

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

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

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

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

ответил Rayhan 3 PMpWed, 03 Apr 2013 16:48:22 +040048Wednesday 2013, 16:48:22

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132