Сегодня мы с вами частично рассмотрим поисковую систему Яндекс.
Ее главная страница является лицом всей системы и буквально порталом в удивительный мир поисковика, занимающего лидирующие позиции в рунете.
О причинах лидерства рассказывать сейчас нет смысла, потому как тема нашей статьи несколько иная, но, если в паре слов, то, Яндекс:
Запуск системы состоялся еще в далеком девяносто седьмом году во время презентации на выставке Softool.
И уже на тот момент Яндекс без проблем справлялся с морфологией русского языка, искал необходимую пользователю информацию, учитывая расстояние.
А также имел собственный алгоритм релевантности той или иной страницы каждого сайта, прошедшего индексацию.
Для того, чтобы попасть на главную страницу Яндекса, достаточно ввести в поисковой строке браузера www яндекс или www яндекс ru или ру.
Ну а если вам вообще лень или вы полны нетерпения насладиться доселе невиданным зрелищем – просто напишите «Яндекс» и нажмите на первую ссылку, которая выпадет в поиске.
Итак, мы на главной странице. Нужно сказать, что с момента своего появления у этой поисковой системы главная страница менялась очень часто.
А все потому, что разработчики тщательно следят за современными тенденциями и желаниями пользователей.
На основе всего этого, как конструктор, собирается страница, которая максимально соответствует тому, что мы привыкли называть словом «удобство» или «комфорт».
Попав на страницу впервые, вы первым делом обратите на самый верх, где выскочит полоска, предлагающая скачать адаптированный браузер Яндекс.Браузер , оснащенный специальной технологией защиты.
Совет! Несмотря на то, что Яндекс.Браузер хорошо проработан и «заточен» под все желания простого юзера, кому-то не захочется его качать, а верхняя полоска будет отвлекать от важной информации. В этом случае можно будет обратить внимание на верхний правый угол страницы, где есть кнопочка «Закрыть», выполненная в виде крестика. Нажмите на нее, и вы больше не увидите надоедливую полоску, предлагающую совершить ненужное для вас действие.
Конечно, спустя некоторое время она снова может появиться, но вы уже будете точно знать, что с ней делать.
Ну или она переубедит вас и вы все же решите скачать Яндекс.Браузер хотя бы для интереса.
В конце обзора, кстати, мы предоставим вам видео с подробной настройкой этого браузера.
У вас может возникнуть вопрос: «А как сделать так, чтобы главная страница Яндекса постоянно была в моем браузере и мне не приходилось постоянно ее искать?».
Сделать это можно абсолютно бесплатно!
Заботливые разработчики позаботились об этом, поэтому, если вы взглянете в самый верхний левый угол страницы, сможете найти ссылку «Сделать стартовой».
Нажмете, вам предложат установить специальное расширение и готово – страница стартовая!
Совет! Обратите внимание на картинку вверху. Первой стрелочкой (слева) указана основная ссылка, которая позволяет сделать Яндекс стартовой страницей любого браузера. Однако, если вы пользуетесь браузером Google Chrome, у вас может выскочить удобное объявление (стрелочка слева), которое поможет с установкой специального расширения, которое максимально быстро сделает Яндекс основной поисковой системой в браузере. После этого, каждый раз, как только вы захотите погулять в интернете, автоматически будет загружаться ваша любимая главная страница Яндекса.
После небольших манипуляций с браузером возвращаемся к странице и видим, что в том же левом верхнем углу указан город, в котором вы сейчас находитесь.
Система автоматически его определяет и выдает вам информацию, которая максимально релевантна месту, в котором вы сейчас находитесь.
Но может случиться и так, что Яндекс ошибется и выдаст вам не тот город.
Итак, если вам все еще интересна поисковая система Яндекс, мы продолжим. Переносимся в правый верхний угол страницы и видим там несколько ссылок.
Они позволяют:
Совет! Регистрация в Яндексе быстрая и удобная. Советуем вам ею воспользоваться, ведь она позволит вам пользоваться дополнительными возможностями системы, а также сохранить все изменения, которые вы произвели в настройках.
Разобравшись с верхней частью страницы, двигаемся ближе к середине. Перед вашими глазами, как вы заметите, появится столбик «Новости ».
Изначально там демонстрируются новости, которые релевантны стране, в которой вы находитесь.
Если ваша страна Россия – будут показаны все новости, которые произошли за сегодня. Если в Украине – будет показан соответствующий контент.
Однако, если вам более интересны новости, касающиеся района, в котором вы проживаете, достаточно нажать на ссылку рядом со ссылкой «Новости», которая называется так, как и ваш район.
В нашем случае это «Днепропетровская область».
А справа от новостей то и дело транслируются рекламные баннеры компании Яндекс, которые либо помогают в каких-то мелочах, либо рассказывают о каких-то новых продуктах компании и ее партнеров.
Окинув взглядом главную страницу, средне-статистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого он не просил! Переселение потребителя в интернет сделало из главной страницы «виртуальную парадную» для современной компании. В чем же продающая особенность страничек, убедительно представляющих топ-бренды? Как оформить главную страницу сайта правильно и не получить памятник дизайнерской мысли, вместо инструмента реализации своих целей?
Мнение исследователя конверсии Брайана Мэсси, о том, как должна выглядеть главная страница интернет-ресурса с коммерческим предложением:
Лучший не тот дизайн, с которым вы подчеркнете статус и стиль компании. Лучший тот, что будет способствовать конверсии, имея мотивирующие элементы и отличные описания, побуждающие нажать СТА-кнопку
Подход уверенного лидера на рынке: главная страница Reebok микросайта
Правила оформления главной страницы продающего сайта
1. Прежде, выгоды предложения. Для узнаваемости сайта торговой марки Pepsi-Cola, достаточно одного имени. А вашего? В известной книге «не заставляйте меня думать!» Стив Круг рассуждает: «Вы задержитесь на сайте, не поняв его назначения?» И все же в современном коммерческом секторе, видимо не желая отставать от упомянутого супербренда – все стремятся в первую очередь улучшить потребительское мнение о продукте / компании:
Заполнение полей форм, само СТА-действие - это стресс. Преодолеть его помогает интерес к предложению, а не кнопки «Подписаться», «Купить». Смягчите однословную категоричность, что-либо предлагая: Узнай рецепты, Запросить демонстрацию. Краткое информирование не перегружает задачей и не даст почувствовать себя потерянным. Что более важно: вместо «WEB брошюры» сайт становится продающей и лидогенерирующей машиной.
3. Социальные доказательства. Общественная полезность – мерило, по которому принято «оценивать» торговое предложение.
Недоверчивый посетитель навинченный негативными отзывами в интернете, вряд ли сам истолкует сомнения в вашу пользу. Умалчивание только подтвердит его опасения негарантированности с небезопасностью. На главной странице своего сайта вы должны опередить потребительские страхи. Обыграйте их убеждая в обратном.
Мощь социального подтверждения психологически действует на толпу, доверяющую «коллективному опыту» и готовую забыть даже о рациональности своего выбора
Партнерства и упоминания на сайтах популярных изданий, принято показывать как социальное доказательство. По канонам главных страниц, оформляются они лаконично:
Вариант с анимацией набегающих чисел, статистика: проектов, %довольных клиентов, коэффициент удержания…
4. Эффективный заголовок – это «приманка» . Манящий и цепкий, он ловит внимание пользователя, побуждая остановиться и узнать чуть больше.
Хороший заголовок - как пионер:
Плохой заголовок - как сосиска:
Стоит ли его нагружать задачами, от которых теряется меткость? Детализировать уникальное предложение можно подзаголовком, применяемым в паре и усиливающим эффект… . Юзабилити-исследование от KISSmetrics:
Идеальный заголовок - 6-ти словный (3+3): в поисковой выдаче беглый взгляд охватывает три слова (с начала или с конца). MOZ называет оптимальным Title в 57-59 знаков
Признаки эффективного заголовка:
6. Эмоциональное оформление. Визуальное настроение создается заложенным в элементы страницы эмоциональным посылом, заменяющим пояснения. Стилизованным интерфейсом можно передать атмосферу заведения, силой изображения увеличить конверсию и т.д.
Согласно исследованиям 3M Corporation:
83 % решений принимаемых человеком основаны на визуальной информации. Визуальный образ – то, что скорее запомнится и доверять будут ему. Зрительное воспринимается быстрее текстового в 60 тыс. раз!
Анимируя элемент укажите на тип / расположение контента, интерактивом создайте обратную связь (визуализация завершения действия пояснит, что произошло) и т.д.
Тесная логическая связь заголовка главной со страничным контентом и включения слов по тексту, пойдут странице на пользу при . Тематические и второстепенные ключевые фразы могут стать находкой, т.к. полнота сбора семантики повышает качество подачи материала. Структурирование информации, от главной и до конверсионных страниц – действенный метод их оптимизации…
Возрастающее влияние фактора «полезности» вполне ожидаемо:
От оптимизации, изначально не ориентированной на удержание, мало толку при слабой вовлеченности пользователя
Уделите внимание типу трафика: брендированный / нишевые запросы / long tail, чтобы не упускать важных клиентов.
8. Сделайте главную страницу удобной в пользовании. Юзабилити часть UX и если принести в жертву своей индивидуальности (чего-то еще), интересы посетителя имеющего и другой опыт, он ответит:
Оформляйте главную страницу с точками фиксации внимания (графически и текстово разбивая контент по блокам, выделяя типографикой и т.д.)
10. Привлекательная идея vs Проработка элементов. Веб-аудитория оценит привлекательность, явно относящуюся к делу – когда качество элементов безупречно, а их необходимость очевидна.
Лирическое отступление. Древний ваятель на вопрос, как он создает скульптуру:
Беру каменную глыбу, образ божественной формы уже есть в ней. Я просто отсекаю лишнее
Сейчас больше возможностей для творческих идей, но они – сырой материал. Промах мастера, все так же загубит проект. Завершая аналогию:
Гибкие решения от скульптора Хосе Лопес: «открывая гранитную страницу»
Еще раз о важном:
Читайте также: UX-дизайны интернет-магазинов: хорошие и плохие. 21 пример
Среди индивидуально разработанных и профессионально оформленных фирменных сайтов выделяются лишь интересные дизайны. Но, торговые марки не становятся брендами без эффективного маркетинга. С какими дизайн-маркетинговыми решениями сегодня добиваются потребительской преданности, смотрите на примерах главных страниц этих сайтов.
Читайте также: 40+ лучших дизайнов сайтов о еде и кулинарии
Помогает задать целостный образ УТП. Основным имиджевым изображением обычно дают почувствовать всю серьезность торгового предложения. Позитивная картинка, демонстрирующая дружелюбие, командный дух, возможности применения… повышает эффективность оффера. В качестве примера пара хоумпейдж, выражающих эстетику бренда волнующими и притягательными бэкграундами.
Читайте также: Сайты в стиле флэт: 20 нестандартных дизайнов
Двухмерный стиль уже поселился в умах пользователей и маркетологов с дизайнерами интересуют новые концепции для главной страницы веб-ресурсов. Одни ищут яркий путь к высокой конверсии , через сфокусированный на контенте дизайн. Освежив имидж, пробуют выйти на новую потребительскую аудиторию. Других, простота восприятия мотивирует создавать для Web проектов визуально-привлекательные образы.
Все больше flat-интерфейсов выражают стилистику и особенности позиционирования бренда в интернете / за пределами сети. Смотрите сами, как «упрощения» фирменной индивидуальности сокращает дистанцию между бизнесом и клиентом.
Читайте также: Анимация по правилам UX-дизайна: полное руководство
Сегодня не удивишь wow-эффектом на «Главной». В тренде – полезная анимация.phive.pt – португальский фитнес-сайт с интерактивным дизайном на JS и jQuery.
«Танцующий», «изможденный» эффектно решает UX-задачу: предзагрузка страницы – уже побуждает к активности
Читайте также: 30+ адаптивных лендинг пейдж шаблонов на HTML (бесплатные, премиум)
Когда совмещаются SEO-бонусы (трафик из поиска) с возможностями посадочных лэндинг-страниц , продающий визуал создает эмоциональный эффект вовлечения в нужную атмосферу. С усилением пользовательского внимания, главная страница сайта становится способной генерить готового клиента от организованных маркетинговых кампаний.
Сейчас много пользователей предпочитают сервис Яндекс – главная страница, сделать стартовой которую можно у себя на компьютере, поможет сэкономить вам уйму времени на ручной переход. Осуществить работу над установкой стартовой страницы можно разными способами. Рассмотрим их далее.
Чтобы на вашем компьютере открывалась яндекс главная страница – сделать стартовой, сохранить автоматически вам помогут несколько простых способов.
Чтобы перейти к настройкам в Опере , определяем кнопочку «Инструменты» и жмем на нее.
Из выпадающего списка выбираем «Настройки» — «Общие настройки». В этой части алгоритма находим окно с вкладкой «Основные» . Ваша необходимая надпись – «При запуске» . А напротив нее – выпадающий список, из которого мы выбираем «Начать с домашней страницы». Находим надпись «Домашняя» и печатаем в адресной строке www.yandex.ru. Нажимаем заветную кнопочку «Ок» и перезагружаем браузер.
При установке стартовой страницы Яндекс в Mozilla Firefox необходимо найти оранжевую кнопку в левом верхнем углу. Далее отправляемся в пункт «Настройки» . Мы уже практически на месте. Находим пометку «При запуске Firefox» и выбираем «Показывать домашнюю страницу» . На против надписи, которая нам так необходима («Домашняя страница» ), ставим уже знакомый нам адрес. И перезагружаем браузер. Можете пользоваться.
А нам уже не терпится рассказать о Google Chrome :
Как видите, путем несложных комбинаций, при условии внимательного поиска всех необходимых опций, установка стартовой странички Яндекс – очень даже увлекательное занятие. Теперь вы сможете быстро найти необходимую вам информацию или перейти к использованию программ и опций.
Для любой компании главная страница сайта – виртуальная парадная дверь. Если посетителю не нравится то, что он видит, не сомневайтесь, он нажмет кнопку «Назад ».
Как сделать оформление сайта привлекательным? При этом он должен быть не просто красивым – он также должен работать. Вот почему самые лучшие домашние страницы в этом списке выигрывают не только в красоте, но и в гениальности.
1) Дизайн главной страницы четко отвечает на вопрос «Кто я?», «Что я предлагаю?» и/или «Что пользователь может сделать здесь?»
Если вы представляете хорошо известный бренд (например, Coca-Cola ), вам может сойти с рук отсутствие описания того, кто вы и что вы делаете. Но большинство компаний должны отвечать на эти вопросы, так чтобы каждый посетитель знал, что он находится в «нужном месте ». Если пользователи в течение нескольких секунд не смогут понять, что вы делаете, долго они не задержаться.
2) Резонанс с целевой аудиторией
Главная страница должна говорить с целевой аудиторией на ее языке. Лучшие оформления сайтов примеры избегают «корпоративной абракадабры » и устраняют все лишнее и отвлекающее.
3) Сообщение о ценном предложении
Когда пользователь заглядывает на главную страницу, его нужно заставить остаться. Она является лучшим местом, чтобы выразить смысл своего товара или услуг в одном предложении так, чтобы пользователь решил остаться на вашем сайте и не ушел к конкурентам.
4) Юзабилити
Все варианты дизайна, рассмотренные ниже, весьма удобны: на них легко ориентироваться, на них нет «кричащих » объектов. Например, флэш-баннеров, анимации, всплывающих окон или чрезмерно сложных и ненужных элементов. Многие из них также оптимизированы под мобильные устройства, что очень важно в современных условиях.
5) Включает в себя призыв к действию (СТА-элемент)
На каждой из рассмотренных ниже главной странице эффективно использованы первичный и вторичный призывы к действию, чтобы направить посетителей к следующему логическому шагу. Например, «Бесплатная пробная версия », «Купить сейчас » или «Подробнее ».
Помните, что цель главной страницы - удержать посетителей на сайте и провести их до конца воронки конверсии. СТА-элемент говорит им, что делать дальше чтобы, пользователи не испытали потрясение и не растерялись. Что еще более важно, СТА-элемент превращает главную страницу сайта в продающую или привлекающую потенциальных клиентов.
6) Постоянно изменяется
Лучшие главные страницы не всегда статичны. Некоторые из них, как WhiteHouse.gov , постоянно меняются с учетом потребностей, проблем и вопросов пользователей.
7) Использует отличный общий дизайн
Хорошо продуманное оформление сайтов - залог успеха в построении доверительных отношений пользователей с брендом, настройке связи с целевой аудиторией и продвижении в воронке конверсии. По сути, эти главные страницы эффективно используют размещение CTA-элементов , пробелы, цвета, шрифты и другие вспомогательные элементы.
Этот дизайн гениален, потому что: