Что такое панель ссылок
Панель ссылок
Для перемещения между страницами сайта используют ссылки и панели ссылок. В чем же отличие между ними? Ссылки могут размещаться в произвольном месте Web-страницы, внутри текста и предназначаются, в основном, для перехода к какому-то определенному месту Web-страницы для просмотра информации по конкретному вопросу, заинтересовавшему посетителя сайта.
Панели ссылок — это несколько расположенных рядом ссылок, размещаемых, как правило, на страницах в специально отведенных для них местах, называемых общими областями, в верхней части или с левой стороны страницы.
Панели ссылок можно располагать в общей области и с правой стороны страницы. Но этого не стоит делать, так как при просмотре Web-страницы в обозревателе на мониторе с небольшим разрешением экрана эта область может быть не видна пользователю.
Панели ссылок могут быть представлены на Web-странице в виде кнопок или текста. Подобрать для их оформления что-то более оригинальное вы сможете с помощью тем, предлагаемых программой FrontPage для украшения сайта.
При создании сайта с помощью мастера панели ссылок размещаются на страницах автоматически с учетом тех указаний, которые вы даете мастеру в процессе его работы. В том случае, если вы создаете сайт без использования мастера, о размещении панелей ссылок вам необходимо позаботиться самостоятельно, используя для этого режим работы Переходы (Navigation). При создании панелей ссылок в зависимости от выбранного мастера FrontPage может использовать структуру сайта, созданную вами в режиме Переходы, или формировать ее самостоятельно. Поэтому в процессе разработки сайта желательно в режиме Переходы определить иерархию страниц, которая впоследствии будет использована программой FrontPage при создании панелей ссылок.
Создание панели ссылок
Рис. 16.23. Диалоговое окно «Вставка компонента сайта»
Создание панели ссылок состоит из нескольких шагов. Из списка Выберите тип панели вы выбираете тип создаваемой панели и нажимаете кнопку Далее. FrontPage предлагает выполнить ряд последовательных действий, в результате которых на Web-странице появляется панель ссылок. Рассмотрим создание панели ссылок более подробно.
Наш тестовый сайт содержит домашнюю и несколько Web-страниц, располагаемых на втором уровне иерархии и являющихся братьями по отношению друг к другу. Создавая панель ссылок, мы предполагаем, что с ее помощью мы сможем переходить с домашней страницы на любую страницу сайта. В свою очередь, панель ссылок, располагаемая на страницах второго уровня иерархии, будет использоваться как для перехода на домашнюю страницу, так и на любые страницы-братья. Для размещения панели ссылок на домашней странице будем использовать значение Панель с пользовательскими ссылками диалогового окна Вставка компонента сайта (Insert Web Component), предполагающее, что панель будет содержать ссылки на страницы, список которых мы сформируем в процессе создания панели. Для размещения панели ссылок на странице второго уровня иерархии будем использовать значение Панель, основанная на структуре переходов, использующее структуру сайта, созданную в режиме работы Переходы.
Иллюстрированный самоучитель по Microsoft FrontPage 2002
Панель ссылок
Для перемещения между страницами Web-узла используют ссылки и панели ссылок. В чем же отличие между ними? Ссылки могут размещаться в произвольном месте Web-страницы, внутри текста и предназначаются, в основном, для перехода к какому-то определенному месту Web-страницы для просмотра информации по конкретному вопросу, заинтересовавшему посетителя Web-узла.
Панели ссылок – это несколько расположенных рядом ссылок, размещаемых, как правило, на страницах в специально отведенных для них местах, называемых общими областями, в верхней части или с левой стороны страницы.
Предупреждение
Панели ссылок можно располагать в общей области и с правой стороны страницы. Но этого не стоит делать, так как при просмотре Web-страницы в обозревателе на мониторе с небольшим разрешением экрана эта область может быть не видна пользователю.
Панели ссылок могут быть представлены на Web-странице в виде кнопок или текста. Подобрать для их оформления что-то более оригинальное вы сможете с помощью тем, предлагаемых программой FrontPage для украшения Web-узла.
При создании Web-узла с помощью мастера панели ссылок размещаются на страницах автоматически с учетом тех указаний, которые вы даете мастеру в процессе его работы. В том случае, если вы создаете Web-узел без использования мастера, о размещении панелей ссылок вам необходимо позаботиться самостоятельно, используя для этого режим работы Переходы (Navigation). При создании панелей ссылок в зависимости от выбранного мастера FrontPage может использовать структуру Web-узла, созданную вами в режиме Переходы, или формировать ее самостоятельно. Поэтому в процессе разработки Web-узла желательно в режиме Переходы определить иерархию страниц, которая впоследствии будет использована программой FrontPage при создании панелей ссылок.
Создание панели ссылок
Для создания на Web-странице панели ссылок предназначена команда Панель ссылок (Navigation) меню Вставка (Insert). При выборе этой команды на экране открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (рис. 16.23), используемое для создания Web-компонентов. Окно содержит два списка. В списке Тип компонента (Component type) no умолчанию выделено значение Панели ссылок (Link Bars), указывающее, что будет создаваться панель ссылок. В списке Выберите тип панели приведен список типов возможных вариантов построения панели ссылок:
Рис. 16.23. Диалоговое окно Вставка компонента веб-узла
Создание панели ссылок состоит из нескольких шагов. Из списка Выберите тип панели вы выбираете тип создаваемой панели и нажимаете кнопку Далее. FrontPage предлагает выполнить ряд последовательных действий, в результате которых на Web-странице появляется панель ссылок. Рассмотрим создание панели ссылок более подробно.
Наш тестовый Web-узел содержит домашнюю и несколько Web-страниц, располагаемых на втором уровне иерархии и являющихся братьями по отношению друг к другу. Создавая панель ссылок, мы предполагаем, что с ее помощью мы сможем переходить с домашней страницы на любую страницу Web-узла. В свою очередь, панель ссылок, располагаемая на страницах второго уровня иерархии, будет использоваться как для перехода на домашнюю страницу, так и на любые страницы-братья. Для размещения панели ссылок на домашней странице будем использовать значение Панель с пользовательскими ссылками диалогового окна Вставка компонента веб-узла (Insert Web Component), предполагающее, что панель будет содержать ссылки на страницы, список которых мы сформируем в процессе создания панели. Для размещения панели ссылок на странице второго уровня иерархии будем использовать значение Панель, основанная на структуре переходов, использующее структуру Web-узла, созданную в режиме работы Переходы.
Для размещения на страницах тестового Web-узла панелей ссылок выполните следующие действия.
Откройте создаваемый нами тестовый Web-узел.
Перейдите в режим работы Переходы, нажав одноименную кнопку на панели Представления (Views).
В центре рабочей области программы FrontPage расположен прямоугольник, обозначающий домашнюю страницу Web-узла. Используя мышь, поочередно перенесите из области структуры папок в рабочую область программы страницы, размещая их под домашней страницей таким образом, чтобы они все соединялись с ней линиями.
Закрепляем ссылки на панели задач Windows 10
Если вы любите в браузере открывать сразу много вкладок, то помимо лишнего расходования системных ресурсов данная привычка еще и отрицательно сказывается на производительности операционной системы. Решить проблему можно очень просто – для этого достаточно разместить ссылки на часто посещаемые сайты (почта, социальные сети и т.д.) на панели задач Windows. Давайте разберемся, как это сделать.
В Google Chrome
Открываем в Chrome необходимый сайт, ссылку на который мы бы хотели видеть на панели задач.
Заходим в главное меню браузера, щелкаем пункт «Дополнительные инструменты», затем «Добавить на рабочий стол».
Выбираем название для будущего ярлыка. При желании можно установить галочку возле опции «Открыть в отдельном окне».
Новый ярлык появится на десктопе. Останется просто перетянуть его мышкой на панель задач и закрепить его там.
В Microsoft Edge
В браузере Edge сделать данное действие можно еще проще. Открываем нужный сайт, заходим в главное меню браузера и выбираем «Закрепить эту страницу на панели задач».
С помощью сторонних программ
К сожалению, для других браузеров возможность размещения ссылки на панели пока отсутствует. В этом случае можно воспользоваться сторонним приложением – Firework. Загружаем его с официального сайта и устанавливаем. После несложного процесса установки на вашей панели задач появится новая иконка. Щелкаем на нее и видим появившееся окошко с добавленными веб-страницами.
По клику на каждую иконку открывается соответствующее веб-приложение. Если нажать правой кнопкой мыши, появляется контекстное меню с дополнительными опциями.
Для добавления ссылки на страницу копируем ее адрес в строке браузера и жмем на плюс в верхнем правом углу.
Таким образом, можно легко настроить Firework под себя.
Из дополнительных возможностей хотелось бы отметить работу с учетными записями.
Создав свой «учетку» Firework, вы сможете использовать приложения на разных компьютерах (например, на работе и дома), и ссылки на ваши сайты будут синхронизироваться в облаке.
Вместо послесловия
Как видите, панель задач Windows можно использовать еще и для размещения на ней ссылок на веб-сайты. Советуем разгрузить таким образом свой браузер, убрав из него постоянно открытые вкладки,– после этой процедуры вы сразу отметите увеличение производительности операционной системы.
Панель ссылок
Для перемещения между страницами Web-узла используют ссылки и панели ссылок. В чем же отличие между ними? Ссылки могут размещаться в произвольном месте Web-страницы, внутри текста и предназначаются, в основном, для перехода к какому-то определенному месту Web-страницы для просмотра информации по конкретному вопросу, заинтересовавшему посетителя Web-узла.
Панели ссылок — это несколько расположенных рядом ссылок, размещаемых, как правило, на страницах в специально отведенных для них местах, называемых общими областями, в верхней части или с левой стороны страницы.
Панели ссылок можно располагать в общей области и с правой стороны страницы. Но этого не стоит делать, так как при просмотре Web-страницы в обозревателе на мониторе с небольшим разрешением экрана эта область может быть не видна пользователю.
Панели ссылок могут быть представлены на Web-странице в виде кнопок или текста. Подобрать для их оформления что-то более оригинальное вы сможете с помощью тем, предлагаемых программой FrontPage для украшения Web-узла.
При создании Web-узла с помощью мастера панели ссылок размещаются на страницах автоматически с учетом тех указаний, которые вы даете мастеру в процессе его работы. В том случае, если вы создаете Web-узел без использования мастера, о размещении панелей ссылок вам необходимо позаботиться самостоятельно, используя для этого режим работы Переходы (Navigation). При создании панелей ссылок в зависимости от выбранного мастера FrontPage может использовать структуру Web-узла, созданную вами в режиме Переходы, или формировать ее самостоятельно. Поэтому в процессе разработки Web-узла желательно в режиме Переходы определить иерархию страниц, которая впоследствии будет использована программой FrontPage при создании панелей ссылок.
Создание панели ссылок
Для создания на Web-странице панели ссылок предназначена команда Панель ссылок (Navigation) меню Вставка (Insert). При выборе этой команды на экране открывается диалоговое окно Вставка компонента веб-узла (Insert Web Component) (рис. 16.23), используемое для создания Web-компонентов. Окно содержит два списка. В списке Тип компонента (Component type) no умолчанию выделено значение Панели ссылок (Link Bars), указывающее, что будет создаваться панель ссылок. В списке Выберите тип панели приведен список типов возможных вариантов построения панели ссылок:
Рис. 16.23. Диалоговое окно Вставка компонента веб-узла
Создание панели ссылок состоит из нескольких шагов. Из списка Выберите тип панели вы выбираете тип создаваемой панели и нажимаете кнопку Далее. FrontPage предлагает выполнить ряд последовательных действий, в результате которых на Web-странице появляется панель ссылок. Рассмотрим создание панели ссылок более подробно.
Наш тестовый Web-узел содержит домашнюю и несколько Web-страниц, располагаемых на втором уровне иерархии и являющихся братьями по отношению друг к другу. Создавая панель ссылок, мы предполагаем, что с ее помощью мы сможем переходить с домашней страницы на любую страницу Web-узла. В свою очередь, панель ссылок, располагаемая на страницах второго уровня иерархии, будет использоваться как для перехода на домашнюю страницу, так и на любые страницы-братья. Для размещения панели ссылок на домашней странице будем использовать значение Панель с пользовательскими ссылками диалогового окна Вставка компонента веб-узла (Insert Web Component), предполагающее, что панель будет содержать ссылки на страницы, список которых мы сформируем в процессе создания панели. Для размещения панели ссылок на странице второго уровня иерархии будем использовать значение Панель, основанная на структуре переходов, использующее структуру Web-узла, созданную в режиме работы Переходы.
Для размещения на страницах тестового Web-узла панелей ссылок выполните следующие действия:
Рис. 16.24. Карта переходов тестового Web-узла
Рис. 16.25. Выбор стиля оформления панели ссылок
Рис. 16.26. Выбор ориентации панели навигации
Опция По горизонтали используется для компактного размещения панели навигации в верхней части Web-страницы. Если вы помещаете панель с левой стороны страницы, используйте опцию По вертикали.
Оставьте установленное по умолчанию значение По горизонтали и нажмите кнопку Готово.
Рис. 16.27. Диалоговое окно Создание панели ссылок
Рис. 16.28. Диалоговое окно Свойства панели ссылок
В верхней части вкладки Общие расположен список Существующие (Choose existing) созданных в Web-узле панелей ссылок. В нем содержится название панели, введенное нами в диалоговом окне Создание панели ссылок. Справа от списка расположена кнопка Добавить ссылку (Create new), открывающая окно для ввода названия новой панели ссылок. При выборе из списка Существующие названия существующей панели, в списке Ссылки (Links) отображается список ссылок, содержащихся на этой панели справа. Справа от списка Ссылки находятся кнопки, имеющие следующее назначение:
Порядок следования ссылок на панели определяется порядком расположения ссылок в списке Ссылки (Links) диалогового окна Свойства панели ссылок (Link Bar Properties).
Рис. 16.29. Диалоговое окно Добавить на панель ссылок
Диалоговое окно Свойства панели ссылок содержит также два флажка:
Рис. 16.30. Домашняя страница с размещенной панелью ссылок
Рис. 16.31. Диалоговое окно Свойства панели ссылок
Область Добавляемые ссылки (Hyperlinks to add to page) вкладки Общие содержит опции, позволяющие указать, ссылки на какие страницы необходимо включить в панель ссылок. При выборе той или иной опции внесенные изменения отображаются на схеме, расположенной слева:
Установите для панели ссылок, размещаемой на странице второго уровня иерархии, опцию Тот же уровень (Same level). В этом случае с помощью созданной панели ссылок можно будет переходить на все страницы ‘ текущего уровня иерархии.
Рис. 16.32. Web-страница второго уровня иерархии с размещенной панелью навигации
Создание панелей ссылок завершено. Загрузите Web-узел в обозреватель и проверьте действие ссылок.
Используя темы оформления, предлагаемые программой FrontPage, вы можете подобрать для панелей ссылок более интересный и привлекательный стиль оформления. Для этого в меню Формат (Format) выберите команду Тема (Theme) и просмотрите предложенные варианты тем. На рис. 16.33 представлена домашняя страница нашего тестового Web-узла, оформленная с применением темы Движение.
Панель ссылок, как альтернатива гамбургер-меню
Недавно проведенные AB тесты показали, что на многих мобильных версиях сайтов электронной коммерции можно наблюдать увеличение скорости конверсии, добавив панель навигационных ссылок вверху домашней страницы вместо того, чтобы полагаться исключительно на гамбургер-меню.
Мы называем это «Верхняя панель навигационных ссылок» или просто «панель ссылок».
Панель ссылок является альтернативой ненавистному «гамбургер-меню», которое скрывает ссылки за знаменитыми тремя полосками (гамбургером). Просто загуглите “hamburger menu” и вы увидите в топ-5 результатов статьи, критикующие гамбургер-меню!
В этой статье мы обсудим концепцию панели ссылок на примере двух AB тестов, в которых мы увидели увеличение посещений страниц продуктов и увеличение коэффициента конверсии покупок.
Мы также покажем примеры дизайна популярных онлайн-магазинов, которые по-разному реализуют концепцию панели ссылок.
Наша гипотеза заключается в том, что панель ссылок позволяет покупателям быстрее загружать страницы продуктов, отобразив ссылки на страницы продуктов и категорий, которые обычно скрыты в гамбургер-меню. Требуется меньше кликов, а ссылки более заметны, поэтому увеличивается вероятность того, что пользователи перейдут по «нисходящей воронке» и посмотрят продукты.
Давайте перейдем к нашим тематическим исследованиям.
Примечание:
Мы также можем проанализировать ваш опыт работы с мобильным интернет-магазином. Узнайте больше о том, что мы здесь делаем, или присоединитесь к списку рассылки, чтобы получать на email новые статьи, подобные этой.
Панель ссылок в мобильной версии сайта магазина одежды увеличит число заказов на 5%
У нас есть продавец одежды, в онлайн-магазине которого более 1000 товаров, разделённых на 9 категорий (и несколько подкатегорий).
Итак, довольно стереотипная компания электронной коммерции.
Как выглядела домашняя страница в мобильной версии сайта?
Поскольку мы сохраняем анонимность клиентов, давайте используем домашнюю страницу сайта известного бренда, имеющего аналогичный макет: Urban Outfitters.
Основные характеристики этой домашней страницы (аналогичная ситуация с домашней страницей сайта нашего клиента):
Вот тестируемые варианты:
В этом варианте мы просто добавили панель ссылок, только на главную страницу сайта. Там было 9 категорий.
Заметьте, что мы не заменили гамбургер-меню, оно все еще существует и по-прежнему является наиболее полным способом навигации по различным категориям продуктов.
Но теперь самый простой способ навигации – панель ссылок
Панель ссылок можно было прокручивать влево-вправо и у нее были стрелки, указывающие на эту функцию.
Мы получили следующие результаты.
Во-первых, завершенные заказы. Через 28 дней мы увидели увеличение на 5% со статистической значимостью 93%:
Примечание. Механизм статистики Optimizely использует более строгий «двухсторонний» статистический расчет значимости, который не дает такого значения, но традиционное вычисление p-величины показывает это:
Разумеется, это не «безусловный победитель». Согласно промышленной конвенции победитель объявляется, если он достигает 95% статистической значимости или больше, когда тест достигает вашего заранее определенного количества посетителей.
Но это, в конце концов, лишь «конвенция».
С более чем 80 000 посетителей, 2300 событий конверсии для каждого варианта, и проработав ровно 4 недели с вариациями, ведущими в основном на весь тест, мы пришли к выводу, что «это, скорее всего, победитель и, скорее всего, он лучше справится на 2% – 5% в течение более длительных периодов времени».
Но это всего лишь один показатель (хотя и важный). Все куда интереснее, если вы посмотрите на дополнительные показатели.
Только страницы с включенным листингом показывали увеличение просмотров страниц
Просмотры страниц категорий товаров показали явное увеличение на 10% – 12% (с долей вероятности 99% +), подтвердив одну из наших критических гипотез о том, что панель ссылок отправит больше пользователей «вниз по воронке».
Например, вот ссылка на первую категорию, которую мы добавили слева от быстрой панели ссылок (например, ссылка «TOPS» в макете «B» выше):
Две другие страницы категорий показали аналогичный результат.
Но увеличение просмотров страниц было заметно только для тех ссылок на категории, что лежали «на поверхности»:
Как насчет ссылок, которые были «скрыты за прокруткой», другими словами, когда нужно было использовать либо стрелку, либо прокрутить вправо, чтобы открыть их?
Для этих ссылок не было изменений в количестве просмотров страниц:
И так было со всеми ссылками на страницы категорий, скрытыми за прокруткой.
Это подтверждает первоначальную гипотезу этого теста:
Отображение ссылок на страницы продуктов и категорий увеличивает количество клиентов, перешедших по ним.
Скрытие всех ссылок за гамбургер-меню делает сайт не благоприятным с точки зрения нахождения покупателями товаров.
Выводы для вашего мобильного сайта:
Пример 2: Бренд здорового питания получает увеличение конверсии на 29% при помощи навигационной панели ссылок на главной странице
Затем мы протестировали бренд электронной коммерции, работающий в области здорового питания, и имеющий 3 продукта (3 разных вкуса одного товара).
Опять же, на главной странице был текст, изображения и ссылки, но вам приходилось прокручивать страницу вниз, чтобы найти ссылки на 3 продукта.
Поэтому мы добавили панель ссылок для навигации так же, как и в первом примере:
В этом случае мы разместили прямые ссылки на 3 разных вкуса.
Через 14 дней мы увидели 29-процентное увеличение заказов с 98-процентной статистической значимостью.
Однако трафик на этот сайт был ниже, поэтому в тесте только 139 против 107 конверсий на вариацию. Этого мало. Разница составляет всего около 30 заказов, поэтому нам нужно установить квалификатор, чтобы вариация «скорее всего» выполнялась лучше.
Однако не было никаких указаний на то, что он будет работать хуже, чем без ссылок.
Панель ссылок может помочь пользователям находить новые продукты
В этом случае из 3-х вкусов второй и третий показали значительное увеличение просмотров страниц (шоколад и клубника в макете выше): + 25% посещений и 77% с 99,9% статистической значимостью и более 600 конверсий.
Но самый популярный вкус не показал большого увеличения.
Сайт был известен своим самым популярным вкусом. Исторически сложилось так, что на момент запуска бренда, это был единственный вкус. Реферальные ссылки непропорционально вели на эту страницу, ссылки в блогах непропорционально связаны с этим вкусом, а изображения на главной странице и текст в основном говорили о нем.
Таким образом, в этом случае панель ссылок помогала большинству клиентов открыть для себя остальные предложения компании.
Это приятное дополнительное преимущество панели ссылок. Обратите внимание, что эти альтернативные вкусы также находились в гамбургер-меню, но, как мы видели в первом примере, размещение прямых ссылок на них (через панель ссылок) показало увеличение числа посетителей для этих страниц.
Выводы и способы применения этого к вашему собственному мобильному сайту электронной коммерции
Оба этих теста двух очень разных магазинов электронной коммерции (1000 товаров против 3 товаров), демонстрируют аналогичный вывод:
Сделайте для мобильных покупателей доступ к вашим продуктам максимально простым.
Если у вас сотни или тысячи товаров, поместите ссылки на самые популярные категории как можно ближе к краю экрана.
В первом примере, рассмотренном выше, естественная итерация теста (который еще не был протестирован) состояла в том, чтобы уложить ссылки в стек вместо того, чтобы они были в одной прокручиваемой строке.
Это даст покупателям еще лучший обзор предложений магазина.
Это должно послать еще больше посетителей «вниз по воронке».
Если у вас есть лишь несколько продуктов, создайте верхние ссылки навигации на страницах подробных сведений о продукте.
Вы должны проверить это самостоятельно. Не предполагайте, что эти результаты будут применимы к вашему магазину.
Оба вышеописанных AB теста показали, что число посещений страниц категорий или продуктов значительно выросло. Но с увеличением скорости заказа не было «безоговорочных» победителей, которые мы определяем, как статистическое значение 99% + с сотнями или тысячами событий конверсии на каждый вариант.
Как мы уже писали ранее, не все магазины электронной коммерции обладают роскошью таких данных. Это не значит, что вам надо опустить руки и ничего не тестировать. И не стоит использовать старомодный метод «устройте дебаты в комнате, кто будет кричать громче всех, тот и победил».
Кроме того:
когда-то наш клиент, дизайнер интерьера, спросил, можно ли реализовать гамбургер-меню в декстопной версии сайта, потому что оно «выглядело гламурным». (Фейспалм)
Вот почему тестирование важно, даже если вы не получите идеальных показателей коэффициента конверсии (статистическое значение 99% и тысячи конверсий в течение многих недель).
Как насчет декстопных версий сайтов? Почему это касается только мобильных?
Причина, по которой это не актуально для десктопных версий сайтов, состоит в том, что почти у всех сайтов электронной торговли доступны ссылки на все категории (и часто выпадающие списки подкатегорий, ака «мега-меню»). Так что это по определению почти всегда уже реализовано в десктопной версии сайта.
Просто в гамбургер-меню мобильных устройств имеются пространственные ограничения.
Надеемся, что эта статья и данные, которыми мы поделились, помогут вам отойти от шаблона гамбургер-меню и начать открывать другие возможности.
Предложенные нами варианты – не единственный способ реализации панели ссылок. Вот еще несколько примеров альтернативы гамбургер-меню разных мобильных сайтов электронной коммерции.
Примеры главных страниц мобильных сайтов электронной коммерции
Вот несколько брендов, имеющих четкие ссылки в верхней части главной страницы мобильной версии сайта. Это позволило им не зависеть от гамбургер-меню:
Gap.com
На сайте Gap множество продуктов и категорий. На главной странице их мобильного сайта вверху есть ссылки на главные категории товаров:
Использование фотографий – это эстетически красиво и, возможно, увеличит взаимодействие пользователей со ссылками.
Обратите внимание, что ссылки не привязаны к прокрутке, тогда как ссылки на Gap Incs другие бренды в верхней части страницы. Интересно.
Abercrombie
Abercrombie выбирает простое разделение одежды на мужскую и женскую. Стоит попробовать сравнить этот вариант с более глубокой категоризацией, как на сайте Gaps выше:
Lowe’s
Lowes.com – это отличный пример поиска и использования рекомендаций, чтобы продвигать ссылки на некоторые категории. Раньше мы не заходили на сайт Lowes.com с этого смартфона, поэтому в рекомендациях, скорее всего, были просто категории, которые они хотели рекламировать (вместо персонализированного списка, основанного на прошлых посещениях сайта).
Наконец, вот более смелая концепция домашней страницы от Cos Clothing, которая не использует тонкую полоску предлагаемых категорий, а просто посвящает основную часть главной страницы отправке покупателей в нужные категории.
(Примечание. К моменту публикации оригинала этой статьи, главная страница сайта Cosclothing была изменена, чтобы добавить рекламу вверху страницы, вместо фотографий, служащих переходом на женский и мужской разделы).
У них полноразмерные изображения разделов для мужчин и женщин, за которыми следуют четкие ссылки.
Мы хотели бы попробовать какое-нибудь смелое дизайнерское решение с одним из наших клиентов.
Заключение
Домашняя страница часто является священной коровой для организаций электронной коммерции. Люди сражаются за экранное пространство главной страницы. Таким образом, даже мы, как стороннее агентство по оптимизации, часто имеем серьезные ограничения на тестирование домашней страницы, а тем более на ее радикальный редизайн. Большое спасибо двум нашим клиентам, позволившим нам провести тесты, представленные выше.
Хотите работать с нами для повышения коэффициента конверсии вашего мобильного сайта? Узнайте больше о сотрудничестве с нами здесь, или подпишитесь на рассылку, чтобы узнавать о выходе новых статей.