3. 7 золотых правил создания мобильной версии сайта

Автор Lyudmila Yeriomenko
3. 7 золотых правил создания мобильной версии сайта

семь золотых правил которые помогут вам создать эффективный сайт для мобильных устройств правило первое учитывайте характеристики смартфонов при создании мобильного сайт учитывайте операционную систему девайса iOS или Android тип браузера который будет использован Safari Chrome Firefox Explorer и тестируйте сайт на разных устройствах и браузерах также учитывайте разрешение экрана телефона сегодня большинство смартфонов имеют разрешение dpi.

Поэтому чтобы изображены на вашем сайте выглядели красиво и четко они должны быть высокого качества также. Будьте осторожны при размещение контента даже если Adobe мьюз поддерживает файл в формате swf более известный как Adobe Flash. Существует множество смартфонов включая приду Apple который не поддерживает данный формат и ваш контент не будет доступен посетителю использующему такое устройство правило второе делайте дизайн простым ваши посетители — это люди которые просматривают сайт возможно находясь в пути и располагают большим количеством свободного времени поэтому очень важно сделать дизайн незамысловатым, но по существу чтобы клиент легко мог найти нужную ему информацию на вашем сайте лимитируют и текст и фотографии также.

Установите удобную кнопку возврата на главную страницу обычно эту кнопку устанавливают на логотип либо внизу каждой страницы делают ссылку на главную.

Не загружайте обратной связи лишними полями ограничить их количество до минимума также установить. Иуда функцию звонка ваш организацию всего в один клик. Так, что при нажатии номер телефона клиент сразу может осуществить звонок в офис правило номер 3 определитесь с контентом. Не загружайте сайт лишней информации и подробными описаниями разместите только ту информацию которая действительно нужна посетителям сайта для более детального и вы можете разместить ссылку на полную версию вашего сайта располагайте контент в одну колонку наиболее важную информацию. Расположите на главной странице менее важный текст разместите внизу страницы либо на других страницах сайта правила 4. Используйте раскрывающиеся панели контент на группы и подгруппы раскрывающийся панели для вашего текста и графики — это уменьшить длину страниц и посетителю не придётся долго прокручивать его пальцем также создавайте раскрывая меню навигации по сайту чтобы сохранить место на и так не большом экране телефона правило 5 создавайте коробки и. Ясный заголовки заголовки на вашем сайте короткими и быстро читаемыми чтобы. Посетитель мог легко понять о чём пойдёт речь в том или ином разделе. Кроме этого. Выделите заголовки общего контента путем увеличения размера букв или жирности также подумать о смене цвета для заголовка. Шестое правило всегда. Думайте о скорости загрузки вашего сайта на мобильном устройстве — это очень важный. Аспект Не загружайте ваш сайт через мир видеороликами тяжёлыми фотографиями и лишней информацией всё. Это увеличивает время загрузки сайта на мобильном устройстве пользователи смартфонов не всегда находятся в зоне wi-fi. Так что. Убедитесь, что ваш сайт загружается быстро по статистике клиент ждёт максимум 8 секунд загрузку сайта после чего переходят к конкуренту и последняя 7 и наиболее важное правило адаптируйте дизайн вашего сайта под нажатие пальцем. Аня курсором мышки при организации и элементов и блоков на сайте учитывать — это как конечный пользователь будет открывать использовать ваш сайт на мобильном устройстве большинство людей держит их смартфон в правой руке и управляют навигация по сайту с помощью большого пальца постарайтесь располагать кнопки меню и других блоков ближе к правому краю страницы чтобы было легче их нажимать пальцем и управлять ими например на Samsung кнопка. Меню находится в правом верхнем углу при нажатии на эту кнопку появляются категории и подкатегории которыми также очень удобно отправляется на мобильном устройстве минимальный размер касании пальцем обычно составляет 44 на 44 пикселя стандартный размер Apple обычно 57 на 57 пикселей. Когда вы создаете сайт для мобильного устройства учитывайте. Эти размеры при создание кнопок заказа при создании блок меню стрелок для пролистывания слайд-шоу и других элементов которые предполагают сенсорная пальцем клиента также оставляйте места вокруг кнопок чтобы. Клиент не нажал случайно соседнюю кнопку. Или раскрывающееся поле и наконец кнопки призыва к действию должны находиться по центру выделяться среди основного контента и быть ясными и четкими чтобы. Посетитель не догадывался, что от них требуется сделать таковы 7 основных золотых правил оптимизация сайта под мобильное устройство. Следуйте этим правилам и пользователи вашего сайта останутся благодарна вам.

0 комментариев
0

Читайте также