Скорость работы очень важна. Пользователи мобильных моментально переключаются на другое приложение или сайт, если долго ожидают загрузки. Кроме того, на это влияет и ситуация обращения на сайт. Часто люди пользуются смартфонами в очередях, магазинах, кафе. Их внимание рассеяно и может легко переноситься на что-то другое. Если сайт будет слишком медленным, человек может просто забыть, что вообще он открывал. Выход: оптимизируйте и делайте сайт как можно более быстрым. Откажитесь от «тяжелых» изображений, анимации и всего, что может замедлять сайт.
Обратите внимание на поисковую выдачу. Чаще всего пользователи мобильных устройств используют 1−3 слова для поиска. Поэтому лучше делать заголовки на страницах сайта короче, это будет еще и плюсом для визуального восприятия сайта с небольшого экрана.
Desktop (с англ «рабочий стол») – это основная рабочая среда нашего компьютера, которая позволяет нам использовать компьютер с комфортом.
Посудите сами, без рабочего стола было бы намного труднее. Дэсктопы бывают разные.
Содержание:
На операционной системе Windows он выглядит приблизительно так:
Рис. 1. Рабочий стол ОС Windows.
На Linux приблизительно так:
Рис. 2. Рабочий стол Linux.
В общем, как вы уже поняли, они бывают разные, красивые и не очень.
Область рабочего стола мы разберем на примере Windows 10.
Условно рабочий стол можно разбить на две области: область ярлыков (красная линия) или основная область и панель задач (желтая линия).
Рис. 3. Пример рабочего стола.
Разберем всё по порядку. Начнем с панели задач.
Читайте также:
Панель задач.
Что вообще представляет из себя панель задач?
Панель «Пуск» — что это?
Это главное меню всего нашего компьютера. Его можно открыть, нажав на экране кнопку «Пуск» или кнопку «Win» на нашей клавиатуре.
Что мы можем делать с помощью меню «Пуск»?
Да всё, что угодно: мы можем создавать ярлыки, открывать настройки, открывать недавно установленные или часто запускаемые приложения. Меню «Пуск» — это сердце нашей операционной системы.
Рис. 4. Панель быстрого запуска.
Рис. 5. Панель запущенных приложений.
Важные значки операционной системы Windows – что мы можем туда отнести?
Туда можно отнести громкость операционной системы, подключение к интернету, системное трее, где скрыты так же все важные приложения.
Это меню очень удобно своей компактностью и полезностью.
Занимая крайне малую площадь эта область сосредотачивает в себе все важные элементы операционной системы.
Рис. 6. Важные значки операционной системы.
Языковая панель – эта панель помогает нам понять, какой же язык использует наша операционная система для написания текста.
Мы можем изменять текст с помощью комбинаций клавиш «Ctrl» + «Shift» , «Shift» + «Alt» или же нажимая на эту панель ЛКМ (левой кнопкой мыши) и выбирая язык, который нам нужен.
Все эти изменения будет показывать наша языковая панель.
Рис. 7. Язык в языковой панели.
Думаю, про часы нету смысла рассказывать, поэтому сразу перейдем к области уведомлений.
В этой области показываются абсолютно все уведомления, которые касаются работы приложений, работы нашей операционной системы, работы наших служб и т.д.
Она играет огромную роль для пользователя.
Рис. 8. Панель уведомлений Windows 10.
Область ярлыков.
Поскольку с панелью задач мы разобрались, мы можем переходить к области ярлыков. Для чего она вообще существует?
На этой области мы можем помещать важные для нас ярлыки, файлы и документы, чтобы не искать их долго.
Ярлыки можно создавать не только для программ. Можно их использовать для различных папок, файлов, документов и т.д.
От любого файла можно создать наш ярлык.
А как же создать ярлык?
На самом деле, всё очень просто. Вы нажимаете на нужный файл ПКМ (правой кнопкой мыши) и выбираете там пункт «Создать ярлык» .
Рядом с Вашим файлом появляется точно такой же значок Вашего файла с таким же названием, но там еще дописано «Ярлык» . Потом Вы просто берете этот ярлык и перемещаете его туда, куда Вам удобнее всего.
Какие ярлыки обязательно должны быть на области ярлыков?
Прежде всего должна быть иконка «Мой компьютер» , чтобы получить доступ к любому файлу Вашего компьютера, иконка «Корзина» , где находятся все удаленные файлы и иконка браузера. Это основное, что должно быть там.
Читайте также:
Советы для начинающих
Совет первый: никогда не храните большие объемные файлы на своем рабочем столе.
Во-первых – при переустановке Вашей операционной системы все эти файлы просто исчезнут.
Во-вторых – наличие таких файлов на рабочем столе очень сильно замедляет работу нашего компьютера.
Совет второй. Старайтесь по минимуму располагать ярлыки на своём рабочем столе.
Прежде всего огромное количество ярлыков затрудняет быстро и комфортно использовать наш компьютер.
Но если же всё-таки Вам нужно разместить много ярлыков, то старайтесь группировать их по папкам.
Задачи пользователя
По данным StoneTemple, 55,79% трафика приходит с мобильных устройств. При этом статистика отказов на 40% выше, чем в десктопной версии, а просмотренных страниц и времени, проведенного на сайте — в 2-3 раза меньше (в зависимости от отрасли). Например, категория «красота и фитнес» собирает с мобильных 63,6% трафика. При этом среднее время просмотра тематических сайтов с десктопа — 5,05 минут, а с мобильного — всего 3,32. Тенденция сохраняется независимо от тематики. Есть только одно исключение: на сайтах, посвященных книгам и литературе, мобильные пользователи проводят больше времени, чем те, кто предпочитает десктопную версию.
Какой вывод стоит из этого сделать? При переходе на сайт с десктопной версии и смартфона пользователь преследует разные цели. С персонального компьютера удобно серфить, долго сравнивать и выбирать, прицениваться — а значит, вы можете заточить главную версию сайта именно на вовлечение и удержание потенциального покупателя, завоевывать его доверие и «прогревать».
Пользователи же смартфонов ищут быстро и по необходимости — парикмахерские, рестораны, СТО, мелкую электронику, подарки. Они способны принять решение о покупке спонтанно — особенно это касается одежды, украшений и недорогих гаджетов. Задача мобильной версии — упростить процесс заказа и сделать все, чтобы покупатель не только выбрал, но и оплатил покупку. Поэтому рекомендуем затачивать воронку именно под конверсионной действие: заказ, консультацию, звонок и т. д.
Оптимизация
Мобильный трафик растет, и поисковые системы разработали отдельную мобильную выдачу: туда попадают сайты, адаптированные под устройства с небольшим дисплеем. Поэтому вам нужно ориентироваться именно на нее при разработке мобильной версии. Главные моменты:
- Пользователи мобильных чаще используют короткие запросы, состоящие из 1-3 слов. Это позволяет без вреда для SEO делать короткие заголовки, которые лучше воспринимаются с экрана с небольшой диагональю.
- Скорость работы очень важна. 29% мобильных пользователей моментально переключаются на другой сайт или приложение, если не получают ответа на свой вопрос или слишком долго ожидают загрузки. Кроме того, скорость работы сайта влияет на позиции в органическом поиске. Вебмастера предполагают, что Google отдает предпочтение страницам AMP, а не просто оптимизованным под мобильную выдачу.
- Мобильная версия чаще всего размещается на поддомене. Изменения, которые вносятся в десктопную версию, ее не затрагивают, если не сделать синхронизацию. Если для двух версий у вас разный контент, позаботьтесь о синхронизации: тогда вы сможете обновлять ассортимент, наличие товара, цены, скидки, информацию об акциях и прочие важные моменты одновременно на обеих версиях сайта.
- Технология Flash, которую многие еще применяют у себя на сайтах, в мобильной версии не поддерживается. Если видео необходимы — встраивайте их с помощью более продвинутой технологии HTML5.
- Приготовьтесь к тому, что результаты мобильной выдачи могут быть лучше или хуже, чем у основного сайта.
Наполнение и дизайн
57% пользователей не будут рекомендовать компанию, если мобильная версия выглядит дешево — в их глазах плохо проработанный дизайн автоматически понижает уровень фирмы, заставляет ее выглядеть непрофессионально.
Внимание нужно уделить размеру кнопок, меню, текстам. Очень важно, чтобы верстка была ровной, без горизонтальной прокрутки, а на ссылки легко было кликнуть. Подробнее о таких моментах мы уже писали.
В десктопной версии намного больше возможностей для покупателя: можно сравнивать между собой избранные товары, смотреть видеообзоры, читать отзывы. В мобильной карточка продукта должна затачиваться под продажу. Вот несколько советов для владельцев интернет-магазинов:
- Сделайте фото с максимальной детализацией, желательно с разных ракурсов и на белом фоне. Пусть при просмотре они отображаются на полную ширину экрана. Под фото можно поставить емкое описание, состоящее из пары-тройки предложений.
- Все модификации и цвета товара помещайте в одну карточку, чтобы клиент мог легко выбрать нужный ему вариант, а не скроллил огромный каталог, половину которого составляют вариации одних и тех же товаров.
- Кнопку “заказать” сделайте крупной — 7-10 мм в высоту и контрастного цвета.
- Корзину упростите до минимума и добавьте возможность заказа без регистрации. Для начала вполне достаточно имени и номера телефона, все остальные данные узнает при общении ваш менеджер.
- Отзывы — один из ключевых факторов принятия решения о покупке. Оставляйте их в карточке. Хорошо для мобильной версии работает “звездный” рейтинг и указание количества отзывов.
- К описаниям можно подойти с двух сторон. Вариант А: дублируйте контент из десктопной версии, но сократите его по максимуму. Вариант Б: уникализируйте тексты — внесите изменения или напишите свежие.
- Используйте подвал мобильного сайта на 100%. Помогайте покупателю найти интересующий товар и подталкивайте к спонтанным покупкам. Разместите внизу гиперссылки на разделы с акциями и популярными товарами, корзину и службу поддержки, условия оплаты и доставки. Разделы типа “Вакансии”, “О нас”, карту сайта оставьте для десктопной версии.
Реклама и аналитика
70% мобильных пользователей заявили о неприятии рекламы на своих устройствах, и число их с каждым годом растет на 90% (то есть почти в 2 раза!). Экран смартфона намного меньше, объявления очень сильно бросаются в глаза. Если реклама необходима, сократите ее к минимуму – максимум 1 шт. на экран. При этом нужно придерживаться допустимых форматов. С января 2017 года Google строго наказывает за назойливую рекламу и pop-up окна, понижая в выдаче отдельные страницы.
Для мобильной версии есть отдельный поиск, и там действуют свои факторы ранжирования. Чтобы точно измерять трафик и конверсии, стоит настроить аналитику отдельно. Кстати, ее результаты могут весьма сильно отличаться от параметров десктопной, будьте к этому готовы.
То же правило касается рекламных кампаний для мобильной версии. нужно настраивать другие форматы рекламы через Google и сеть Яндекса, т. е. разделять рекламные кампании тоже.
Подведем итог
Неважно, чем вы занимаетесь в интернете — продаете одежду, проводите курсы, предлагаете услуги по ремонту бытовой техники, ведете блог и зарабатываете на нативной рекламе, etc. — если у вашего сайта еще нет удобной и красивой мобильной версии, пришло время это исправить. Для решения этой задачи вы можете как улучшить существующую мобильную версию, поработав над дизайном, юзабилити и технической стороной, так и создать новую — в том числе с помощью конструктора Flexbe. И пусть ваши сайты продают!