Комментарии 13
Желтый фон — это мощно. Аж в глазах рябит.
Меня всегда раздражает когда на телефоне сайт выглядит не так, как на десктопе — быстренько ищу кнопку перехода на основную версию с мобильной.
Может я и оценил бы все эти усилия — будь у меня экран 2х3 см.
Может я и оценил бы все эти усилия — будь у меня экран 2х3 см.
Это справедливо, если вы постоянно пользуетесь десктопной версией, разумеется. Довольно часто, и представляете, где расположен весь нужный вам функционал. Для ряда бизнесов, one-night stand является основным сценарием. В таких случаях это никого не должно напрягать.
Ну, это зависит от того, что мы ищем. На сайт банка человек пойдет не читать многотомные трактаты, а за:
1) телефоном поддержки,
2) адресами отделений/офисов,
3) адресами банкоматов (идеально — когда геопозиционирование «посоветует» несколько соседний банкоматов и покажет дорогу к ним
4) инструкцией, что делать в случае потери карты, документов, прочего.
Ура-победные реляции никто и читать не станет, их можно оставить либо для десктопной версии, либо перенести вниз меню, где они не будут лезть в глаза.
А читать сайт в режиме десктоп, у которого на fullhd все так красиво, а по факту половина элементов — в absolute позиционировании, половина — в relative, и который при увеличении пальцами на смартфоне каким-нибудь логотипом, который жестко «прибит» в левый верхний угол экрана (не страницы!) закрывает меню — за такое руки хочется вырывать из того места, где у автора они (непрямые) приделаны.
1) телефоном поддержки,
2) адресами отделений/офисов,
3) адресами банкоматов (идеально — когда геопозиционирование «посоветует» несколько соседний банкоматов и покажет дорогу к ним
4) инструкцией, что делать в случае потери карты, документов, прочего.
Ура-победные реляции никто и читать не станет, их можно оставить либо для десктопной версии, либо перенести вниз меню, где они не будут лезть в глаза.
А читать сайт в режиме десктоп, у которого на fullhd все так красиво, а по факту половина элементов — в absolute позиционировании, половина — в relative, и который при увеличении пальцами на смартфоне каким-нибудь логотипом, который жестко «прибит» в левый верхний угол экрана (не страницы!) закрывает меню — за такое руки хочется вырывать из того места, где у автора они (непрямые) приделаны.
Ооо, прекрасная система sheepla по доставке в какие-то почтоматы.
У них настолько ужасный pop-up с выбором нужного адреса на карте:
— к каждому блоку свой уникальный id, к этому id свои стили, в итоге 2800 строк;
— треть блоков на absolute, оставшиеся (все-все) на float: left;
— Все функциональные блоки имеют ширину и высоту в пикселях. Жестко. Если блок обертывается двумя-тремя блоками, то каждый из них имеет и ширину (не понятно, зачем, ведь он и так будет в 100%), и высоту.
А уж адаптировать это дело под мобильные устройства было приятным времяпреровождением!
У них настолько ужасный pop-up с выбором нужного адреса на карте:
— к каждому блоку свой уникальный id, к этому id свои стили, в итоге 2800 строк;
— треть блоков на absolute, оставшиеся (все-все) на float: left;
— Все функциональные блоки имеют ширину и высоту в пикселях. Жестко. Если блок обертывается двумя-тремя блоками, то каждый из них имеет и ширину (не понятно, зачем, ведь он и так будет в 100%), и высоту.
А уж адаптировать это дело под мобильные устройства было приятным времяпреровождением!
ОТ сайта зависит.
Статью на хабре можно увеличить и прочитать как угодно.
НО я бы не отказался, если бы справа не было колонки на телефоне.
И еще грамотная мобильная версия должна быть — Она максимально должна походить по расположению на десктопную.
И если элемент на десктопной версии был где-то правее, то на мобильной его надо искать где-то ниже, а не выше…
Статью на хабре можно увеличить и прочитать как угодно.
НО я бы не отказался, если бы справа не было колонки на телефоне.
И еще грамотная мобильная версия должна быть — Она максимально должна походить по расположению на десктопную.
И если элемент на десктопной версии был где-то правее, то на мобильной его надо искать где-то ниже, а не выше…
НЛО прилетело и опубликовало эту надпись здесь
Насчёт примера интерактивного прототипа — я думаю, что никто с такой скоростью не увидит что-либо кроме «ооо, да у них сайт на разных размерах изменяется». В чём сайт изменяется, увидеть сложно на такой gif, хоть бы промежутки делали во времени перехода.
Спасибо! Статья для меня очень полезна. Унес в закладки)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Эволюция проектирования с приходом адаптивного дизайна