Разрабатываем веб-сайт сразу адаптивный для мобильных и настольных компьютеров

// Это факт, что сегодня больше людей просматривают ваш сайт на мобильном устройстве. В США ошеломляющие 71% всего трафика веб-сайта находятся на мобильном устройстве.

Дизайн для телефона или планшета больше не может быть вторичной мыслью. Google даже скорректировал свой алгоритм, чтобы значительно повысить вес мобильного веб-интерфейса. Если у вас нет привлекательного мобильного пользовательского интерфейса, это легко и интуитивно, его время для начала, но это не значит, что рабочий стол стал способом записи на виниле (который сделал возрождение и действительно звучит лучше, чем цифровое ). Треть посетителей все еще собирается просматривать веб-сайт на рабочем столе. Итак, почему так много агентств сначала говорят сначала о мобильном телефоне или о контенте? Реальность такова, что ничто не может быть оставлено на волю случая. Содержание сайта должно быть продумано, прежде чем вы сможете приступить к проектированию, но пойти хотя бы на один последний шаг вверх по своей важности, чтобы понять бизнес-цели веб-сайта и любые потенциальные риски, которые необходимо смягчить. Как только вы поймете «почему», можно начать творческий процесс,

 

Контент-диски как для мобильных, так и для настольных компьютеров

 

Если вы продаете виджеты или маркетинговые услуги, существует стратегия для преобразования. Я считаю, что, не делая мобильных и настольных дизайнов в унисон, один из переживаний не будет до табака. Опыт работы с рабочим столом может иметь интерактивные элементы, которые не являются правдоподобными на планшетах или телефонах, которые при параллельном рассмотрении могут быть лучше использованы. В Drakonov Pro группа разработчиков / разработчиков начинает с сессий доски и эскизов, чтобы представить каждый раздел или модуль на каждой странице веб-сайта. Это включает в себя обсуждение того, как просмотр людей, скорее всего, будет взаимодействовать с содержимым сайтов и CTA (призывы к действию). С учетом этого мы начинаем рисовать как настольные, так и мобильные телефоны на досках параллельно, включая обмен сообщениями / копиями / CTA. Это продолжает происходить в унисон в следующем шаге,

 

Настольный опыт может быть неудачным

 

В дополнение к функциям, которые просто невозможно выполнить на устройстве с сенсорным экраном, у вас есть дополнительное преимущество для настольного компьютера, который может быть подключен к порту Ethernet или, по крайней мере, по приличной сети WiFi. Что это значит для рабочего стола? Время загрузки резко сокращается. Каждое изображение на сайте оптимизировано для размера экрана и пропускной способности устройства. С видео и другими элементами, которые съедают время загрузки, мы заменяем их статическими изображениями на мобильных устройствах. Наш уровень внимания сегодня измеряется в наносекундах. Никто не ждет, когда видео будет загружено на iPhone. После того, как 3- я секунда, ожидая, что его документально подтвердила, что большинство отказов ждет и движется дальше (см., Как Amazon потеряла 1,6 миллиарда долларов за одну секунду). Однако, если вы понимаете ограничения и возможности каждого устройства, вы можете создать оптимальный опыт, адаптированный для каждого.

 

Дизайн, управляемый данными

 

Последняя причина, по которой я хочу услышать на творческом поле, - «Я думал, что это будет выглядеть круто». Для элемента дизайна должна быть бизнес-причина. Эксперты при разработке пользовательских опытов, которые конвертируют, - это не просто отличные объявления, они понимают науку, лежащую в основе конверсии. После того, как у вас есть все, что имеется на месте, с правильными CTA, примерами, процессами проверки корзины без трения и т. Д., Вы все равно должны всегда учиться. Продолжайте пробовать разные названия кнопок, цветов, сообщений с использованием тестирования A / B, чтобы всегда улучшаться. Просто не забудьте проверить только одну переменную за раз. Если вы измените несколько переменных, таких как цвет и заголовок кнопки в одном и том же тесте, вы не будете знать, что повлияло на результаты.

 

Будучи буддистом, я верю в постоянное обучение. Сначала я попробовал мобильную версию, сначала контент, несколько концепций дизайна и одно направление, и наш процесс всегда развивается на основе данных. Одна из моих любимых вещей, которые нужно сказать при работе над креативными, - «если у нас есть факты, мы будем использовать факты, если у нас есть мнения, которые мы будем использовать только для меня». Я ошибался много раз, но при работе над проектами я приведу Чарльз Баркли: «Возможно, я ошибаюсь, но сомневаюсь».

 

Получите бесплатно
расчет стоимости сайта
// Просто заполните поля ниже и с вами свяжется менеджер который все подробно подсчитает