6 простых правил для создания дизайна мобильных сайтов
Согласно прогнозам ComScore к концу 2014 года около 1.75 миллионов человек будут регулярно использовать мобильные устройства. Это означает, что кто выйдет первым на мобильный рынок, тот и будет, как говорится, жить в масле.
Очень огромное значение имеет для бизнеса то, чтобы Вы были доступны всегда и на любом устройстве. Таким образом веб — дизайн должен удовлетворять пользователей не только персональных компьютеров но и мобильных устройств.
Перед тем как начать, предлагаю взглянуть на следующие тоже интересные посты:
- Использование прозрачной кнопки в веб — дизайне
- Различные полезные фишки на HTML и CSS бесплатно
- Бесплатные UI исходники Android разных версий
- Очень полезные сайты и ресурсы для разработчиков и дизайнеров
- Как сделать векторный Polygon фон в Иллюстраторе
Теперь давайте рассмотрим 6 простых правил, которые помогу правильно оптимизировать Ваш веб — сайт для мобильных устройств:
1. Целевая аудитория
Одна из самых лучших преимуществ работы в интернете в том, что Вы можете свободно использовать аналитику для отслеживания практически любых данных и использовать их. Таким образом, когда Вы задумаетесь сделать сайт для мобильных устройств, Вы можете отследить какие тематики интересны пользователям, по этому анализ в этом случае очень поможет Вашему бизнесу.
Проанализируйте данные, выясните через какие устройства посетители заходят на сайт, а потом уже решите какие дизайнерские приёмы использовать в этом или другом случае.
После того как Вы получите нужную информацию, Вы можете создать свой сайт таким каким он лучше подойдёт именно для Вашей целевой аудитории. Но всё равно, Вы должны быть уверены, что на сайт можно зайти с совершенно любого устройства, и он останется читаемым.
2. Ключевой контекст
Поскольку мобильные сайты часто имеют на много меньшую функциональность чем полный веб — сайт, всё же нужно выяснить, что на самом деле ищут пользователи на Вашем сайте.
Часто пользователи ищут просто Ваши контактные данные, номер телефона или адрес электронной почты, соответственно эти данные должны быть всегда на видном месте, как на мобильных устройствах так и на ПК. Но иногда посетитель может искать и конкретную информацию, например, бронирование билета. Это сложнее реализовать на мобильном устройстве, но если Вы уже видите путь к её решению, значит Вы идёте в правильном направлении.
3. Подумайте о пользователях с сенсорными экранами
Важно, чтобы при посещении Вашего сайта пользователь делал минимум касаний и жестов. Сделайте информацию на сайте максимально доступной. Поместите большие кнопки и ссылки, чтобы человек с лёгкостью мог нажать на них и не промахнуться.
Кроме всего, не забудьте оставить комфортное пространство вокруг ссылок и кнопок, чтобы они не мешали друг другу, когда пользователь хочет нажать на них.
4. Сделайте простой дизайн
При проектировании дизайна для мобильного сайта следуйте одному простому правилу: «Ничего себе, всё людям». Вы конечно можете потрясти человека потрясающей графикой и шикарно подобранной цветовой схемой. Но не стоит и забывать о скорости соединения на мобильном устройстве, так как не везде есть возможность подключится к высокоскоростной беспроводной сети.
Вот именно по этому Вы должны тщательно спланировать постройку дизайна сайта и учесть все нюансы. Вы должны включить только важную информацию и оставить дизайн самым простым как только это возможно. Тем не менее, таким образом Вы рискуете сделать дизайн такой как у всех.
5. Одна колонка
В настоящее время есть огромное количество вариантов расположения контента на странице для ПК, для мобильных устройств есть только один вариант, конечно если Вы хотите ,чтобы пользователь легко ориентировался на Вашем сайте.
Хотя некоторые смартфоны имеют большие экраны, бывает действительно очень не удобно пользоваться сайтом когда контент на нём расположен в две а то и в три колонки. Чтобы пользователь нашёл, то что он ищет, делайте контент в одну колонку.
6. Социальные медиа
Одна из самых лучших вещей мобильных пользователей в том, что они более охотно делятся Вашим контентом в социальных сетях нежели на ПК. Так как на мобильном устройстве сделать это на много легче. Это очень хорошая новость для Вас, так как если Вы правильно сделаете дизайн мобильного сайта, то пользователи будут охотно делиться Вашим продуктом или контентом.
Вывод
С постоянных ростом числа мобильных пользователей, любая компания, которая хочет остаться современной и в тренде, должна удовлетворять их потребности. Так что если Вы сделаете дизайн Вашего мобильного сайта более дружественным, Вы обязательно достигните отличных результатов.
Спасибо http://www.webdesignerdepot.com