Вид сайта на мобильных устройствах

Несколько бесплатных Интернет ресурсов, на которых можно посмотреть внешний вид сайта на разных устройствах; iPad, Android, iPhone.
В различных форматах; горизонтально 1024 x 768, вертикально 320 x 480 и так далее.

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

браузеры
Статистика браузеров по платформе

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

Ipadpeek.com

Ipadpeek
Вид сайта на мобильном устройстве

www.responsinator.com

IPhone 320px
Вид на iPhone

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

Например:

webmark.com.ua

Сайт webmark
Вид на iPhone вертикально 320 x 480

Вы сами выбираете любой формат, и специально под эти форматы создавать внешний вид статей.
Kindle вертикально 600 x 1024
iPad горизонтально 1024 x 768
iPad вертикально 768 x 1024
Android горизонтально (новый) 515 х 295
Android вертикально (новый) 295 х 515
Android горизонтально 320 x 240
Android вертикально 240 x 320
iPhone горизонтально 480 x 320
iPhone вертикально 320 x 480

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

webmark

Если нажимать на ссылки курсором мышки, нет никаких проблем. На мобильном устройстве эти ссылки настолько маленькие, что переходить по ним, нажимая пальцем, очень неудобно.

quirktools.com

Samsung 1024-600
Вид на Samsung Galaxy

Панель управления quirktools, также позволяет выбирать любое устройство и любой формат мобильного аппарата.

Если учитывать удобочитаемость сайта на iPad, Android небольшого формата и вертикального расположения. То, необходимо:
– Изображения должны быть намного меньше, чтобы система сама выстроила их вертикально друг за другом в порядке очереди для удобства просмотра.
– Ссылки должны быть либо крупнее, либо дальше друг о друга, для удобства «нажатия» по ним.

Анализирует сайт и дает рекомендации по исправлению ошибок ресурс Google – https://developers.google.com/speed/pagespeed/insights/. Который  может показать внешний вид сайта на мобильном устройстве, но не в таком большом количестве вариантов как на сайтах перечисленные выше. (Статья – Скорость загрузки сайта, PageSpeed Insights.)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

один × четыре =