Шаблонов: 22,032     Фрилансеров: 2,630     Веб-студий: 199
Статьи Новости Реклама на сайте Форум
Помогаем продавать
и покупать готовый дизайн
Каталог шаблонов Каталог продавцов Продающие страницы Подписка на новые шаблоны

8 способов сделать сайт мобильным

16 декабря 2014     Комментарии
8 способов сделать сайт мобильным

 

На сегодняшний день мобильные браузеры выросли в популярности. Это в ваших интересах - оптимизировать сайты для мобильной платформы и её ограничений. Существует множество вариантов улучшить ваш сайт для просмотра через мобильные устройства без каких-либо больших потерь. Обсудим восемь способов, которые помогли сайтам добиться грандиозного удобства в использовании.

 

Перетекаемая ширина макетов

 

Предать сайту перетекаемые границы - это серьёзный шаг в сторону мобильности. Таким образом страница не только избавляется от мертвого пространства, но и дополнительно позволяет просмотр другой полезной информации. Так а что значит эта перетекаемость?

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

Убрать следы рекламы

Беспорядок в рекламе является серьёзной проблемой для мобильных устройств. Пользователь может потратить больше времени на просмотр рекламы, чем на содержание. Но это легко исправить без создания отдельной мобильной версии вашего веб-сайта. Вы можете использовать или CSS таблицу стилей или просто установить размер разрешения экрана.

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

Содержание по центру

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

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

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

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

Кроссплатформенные дружеские связи и эффекты

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

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

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

Тщательная навигация

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

Большой и четкий текст

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

Короткие и разумные ссылки

Еще одна проблема, когда пользователю необходимо ввести слишком длинный URL адрес. Как упоминалось ранее, с помощью виртуальной клавиатуры неудобно вводить подобные адреса. Так что убедитесь в том, что ваш сайт обладает коротким и легко запоминающимся доменом. Кроме того, уменьшая работу по вводу текста, вы увеличиваете продуктивное время пребывания пользователя на вашем сайте.

 

Автор: Joel Reyes

Источник: http://designreviver.com

 

Комментарии (0)

Комментариев пока нет. Вы будете первым!

Как продать дизайн?

Наши и другие рекомендации по разработке дизайна и дальнейшей публикации на сайте
Продаём фирменный стиль. Основные аспекты. Хочу продать логотип. Как это сделать? Как продать дизайн сайта
 
Место сдаётся
1$ за 1000 показов
20$ в неделю
1000x90
Advertising


Вход в кабинет