Comments 20
На одном некоем сайте мобильная версия показывает одну "бесполезную", с точки зрения автора этого поста, колонку из трёх…
И внезапно весь адаптивный дизайн зло!
Меня например больше бесят старые неадаптивные сайты, которые на телефоне хрен почитаешь, если не поскейлишь и поскролишь страницу горизонтально. Адаптивный дизайн это хорошо и правильно. И значения для условий изменения положения компонент взяты не из воздуха. Такое впечатление, что автор, во-первых, на основе субъективного мнения решил отнести полезную практику в разряд антипаттернов, а во-вторых, обобщает на неудачном примере одного сайта из многих других
Дело было лет пять назад. С девушкой остановились в отеле. Решили заказать суши. Она говорит иди в душ, а я с телефона по-быстрому закажу. Я ещё не успел пойти, как она говорит что готово, заказала.
Я ж подумал, ничёсе, как быстро, интересно — наверное ux отменный, говорю дай посмотреть сайт где заказ сделала.
И что я там увидел!!! Всё мелкое, горизонтальные полосы прокрутки везде и т.д. Говорю а как ты тут так быстро разобралась. Она в ответ — ну я раньше там заказывала постоянно с ноута, просто нажала галочку в настройках — «версия для компюьтера» (!). И показывает как она без особых проблем своими коготками скролит горизонтально и пинч-зумом увеличивает нужные ей кнопки перед тем как нажать. Спрашиваю и как… удобно? Нормально говорит, а что такого, всегда так делаю, а ты разве не так?))
т.е.по факту есть ряд пользователей которые на х… вертели эту адаптивность, они включают десктопную версию в браузере телефона и по памяти\паттернам помнят что и где находится) И никто не умирает от того что всё мелко или есть горизонтальные скролбары.)
Вот так вот)
Но судя по всему это было актуально тогда, когда большую часть времени всё-таки проводили за пк и ноутами, и были определённые закреплённые паттерны поведения. Тогда можно было оказывается вообще не делать адаптивность. Сейчас же есть много пользователей, у которых кроме смартфона других устройств и нет.
Толковая адаптивность безо всех этих "if (mobile && !ipad)" и "@media" выглядит так: https://piterjs.org/
Это называется "буклетный дизайн", так как используется метафора буклета — серии связанных страниц, которые можно свернуть и видеть только одну, можно развернуть и видеть все, а можно что-то среднее. И независимо от размера экрана сохраняется единый UX — переключаясь между девайсами пользователь всегда знает где что искать.
Очень единичное применение. Боюсь представить какой-нибудь сайт с новостями, где для того чтобы посмотреть все новости, помимо свайпов вверх и вниз, надо ещё и влево и право листать.
Применений-то масса. Если в новости не проваливаться, то в любом случае мотаешь только вниз. Если проваливаться, то в любом случае будут свайпы/тапы туда-сюда.
Задумывались когда-нибудь, почему так много громких скандалов в Вебе связано с редизайном? Вот вам и ответ. Пользователям не нравится, когда усилия, вложенные ими в осваивание сайта, перечеркиваются по прихоти дизайнера, что старый сайт дизайнеру просто наскучил.Нет, чаще всего возмущение пользователей вызвано урезанием функционала. К сожалению, редизайн слишком часто является всего лишь прикрытием для существенного урезания функционала сервиса. Ну просто эффективные менеджеры видят, что у них тут есть 100 функций, каждой из которых пользуется всего 1% пользователей. И менеджеры думают, что можно как следует сэкономить на поддержке, просто убрав весь этот малоиспользуемый хлам.
Вот только в результате 80% пользователей недосчитываются хотя бы одной нужной лично им функции и закономерно посылают по матери тех уродов, которые это придумали.
Отсюда правило: перед вводом нового дизайна убедитесь, что в нём присутствуют абсолютно все те же возможности, что были в старом. Если чего-то не хватает, то у вас будут проблемы.
Проблема номер два (встречается реже, но тоже бывает) — новый дизайн практически всегда тормозит больше, чем старый. Я не знаю, почему так, но как-то не могу припомнить, чтобы после редизайна сайт становился шустрее. Зато могу назвать массу примеров, когда после редизайна тормознутость повышалась в разы, так что этим даже пользоваться становилось мучительно. Последний из таких примеров — редизайн онлайн-банка от Сбера (они, кажется, всерьёз решили побороться за звание самого тормознутого онлайн-сервиса в мире).
Выбирая между доступностью сайта для всех устройств со всеми размерами экранов и каким-то процентом людей, которые одновременно а) не разворачивают браузер на весь экран и б) имеют достаточно мелкий монитор, чтобы неразвернутый браузер можно было бы спутать с планшетом по размеру экрана....
Думаю, выбор очевиден.
Задумывались когда-нибудь, почему так много громких скандалов в Вебе связано с редизайном? Вот вам и ответ. Пользователям не нравится, когда усилия, вложенные ими в осваивание сайта, перечеркиваются по прихоти дизайнера, что старый сайт дизайнеру просто наскучил.
Здается мне, подтверждение вашим словам можно найти в комментариях к недавней статье про бета-тест новой версии Хабра )
По-моему, проблема из пальца высосана. Я даже толком не понял, в чем вообще, собственно, проблема? Прихоти у всех пользователей разные, представления о прекрасном — тоже. Я, к примеру, теперь не могу, когда браузер не развернут на весь экран. Не начинать же мне теперь по этому поводу манифестами сыпать. Существуют какие-то общие, усреднённые парадигмы адаптивного дизайна, которые, на мой взгляд, хорошо работают, если конечно, грамотно их применять. А так за каждой хотелкой и капризом не угонишься...
Проблема не в "хотелках" или "капризах", а в том, что неумеренная адаптивность приводит к тому, что сайт не просто по-разному выглядит в разных средствах просмотра, а получает от этого разный функционал.
Например, у меня обычно размер 120% или 130% от умолчательного. Открываю главную страницу ютуба… видите слева вертикальную полоску там, где Home, Explore, Subscriptions и т.п.? Вот если на моём лаптопе на 120%, она ещё видна, а если 130%, то её уже тупо скрывает — от неё остаётся 4 иконки. А весь длинный список источников подписок там уже пропадает. Можно нажать Subscriptions, но в результате уже окажется, что по одному источники подписок не посмотреть. И это ещё авторы позаботились о том, чтобы хоть как-то было понятно, что данные не влезли. А я видел кое-какие местные рестораны с доставкой (ссылки опущу чтобы не было рекламы, независимо от знака), где длинное горизонтальное меню, которое при изменении размера сначала теряет пункты, а потом тупо исчезает. Не было бы неумеренной адаптивности — был бы сделан какой-то горизонтальный скроллинг или меню бы стало занимать две строчки (так? в вебе я дилетант).
Думаю, идея понятна: оптимизировать размещение — пожалуйста. Представление — до определённых пределов — понятно (например, длинные рассказы к каждому пункту списка, короткие, или иконки с пузырями с расшифровкой). Но когда что-то становится тупо не видно — вот такое вот в сад.
Необходимо щёлкнуть на значёк сети в трее, нажать параметры сети и интернет, щёлкуть по значку wifi, и выбрать слева настройки параметров адаптера. Так вот не всегда там была эта кнопка «настройки параметров адаптера». А то, что она вниз спускается я понял далеко не сразу.
Адаптивный дизайн как антипаттерн