Создайте приятный дизайн домашней страницы: руководство из 10 шагов

Домашние страницы являются определяющей чертой любого веб-сайта; их потенциал произвести впечатление на ваш целевой рынок безграничен. Независимо от того, должна ли она быть заманчивой и привлекательной или прямолинейной, домашняя страница должна быть доставлена.

Проблемы появляются, как только вы начинаете думать о различных способах их создания. Как узнать, какой стиль лучше всего подойдет для вашего бренда? Вот наша полная разбивка дизайна домашней страницы.

Правило 10 секунд

Домашняя страница — это первое впечатление о сайте. Это как вступление к песне, первая страница романа или первая серия сериала. Откровенно говоря, если это не зацепит вашу аудиторию, не имеет значения, хорошо ли остальное. Вы можете полагать, что остальная часть вашего веб-сайта является звездной, и вы можете быть правы. Но без привлекательного дизайна домашней страницы большая часть вашей аудитории не будет смотреть дальше.

Вы можете быть склонны просто украсить свою домашнюю страницу до небес. (Я определенно виноват в этом.) Вы можете быть удивлены, узнав, что дизайн домашней страницы — это больше, чем просто эстетика. Речь идет о сочетании внешнего вида со всем остальным в вашем наборе инструментов, чтобы удерживать внимание зрителя.

Введите правило 10 секунд. Правило 10 секунд основано на исследовании, проведенном Чао Лю. И нет, это не связано с поеданием еды с пола (к сожалению).

Лю обнаружил, что на домашних страницах есть 10-секундное окно для установления соединения. В случае успеха этот короткий период подсознательно убедит читателя остаться на странице. В случае неудачи пользователь отключится, как только пришел. Обычно это последнее; либо домашняя страница скучна, недоступна, властна, либо просто не то, что ищет пользователь. Ваша цель как владельца — создать одну из немногих домашних страниц, на которых остаются люди.

Итак, в честь правила 10 секунд я чувствую себя обязанным дать вам 10 полезных советов о том, как создать домашнюю страницу. Имейте в виду, не просто домашнюю страницу, а домашнюю страницу, которая обеспечит постоянный трафик.

10. Расскажите об основах

Подумайте о любом веб-сайте, который вы регулярно посещаете. Вы потратили слишком много времени на изучение каждой маленькой части домашней страницы, прежде чем решили остаться? Вы изначально планировали посещать этот сайт? Или вы просто щелкнули ссылку, просмотрели домашнюю страницу и решили, что этот веб-сайт — это то, что вы искали?

90% людей, впервые попавших на вашу домашнюю страницу, что-то ищут. Обычно что-то конкретное. Либо им порекомендовал ваш сайт друг, либо они нажали на одно из ваших объявлений, либо ввели в Google ключевое слово. Несмотря на это, большинство новых пользователей взаимодействуют с вашей домашней страницей как с целью достижения цели.

Итак, вы хотите убедиться, что пользователь сразу знает, что именно предлагает ваш сайт. Кто вы и что вы делаете, должно быть главной темой для разговора.

9. Думайте о посетителе в первую очередь

Первое, что вы должны знать о своей потенциальной аудитории, это то, что люди эгоистичны. Это может звучать немного грубо, но это правда. Посещая домашнюю страницу, люди, как правило, не заботятся о вашей компании или о том, как она появилась. Они заботятся о том, что ваш сайт может им предоставить. Независимо от того, продаете ли вы им что-то, предоставляете ресурс или предлагаете услугу, люди хотят знать о преимуществах.

Вспомните те убедительные сочинения, которые вы писали в старшей школе. Единственной целью было убедить читателя в чем-то важном. В этом и заключается цель вашей домашней страницы — убедить их короткими словами или фразами, что они должны просмотреть остальную часть вашего сайта.

Для начала вам нужно собрать информацию о том, что ваши посетители хотели бы видеть. Подумайте, каких людей привлекут ваши ссылки или рекламные объявления. Возможно, у вас уже есть люди, которые следят за вашим брендом в социальных сетях. Обязательно следите за их интересами, потребностями и поведением.

Кроме того, подумайте о том, кого вы хотите, чтобы ваша веб-страница привлекала в будущем. Например, домашняя страница, ориентированная на женщин среднего возраста, будет сильно отличаться от страницы, предназначенной для мальчиков-подростков. Ваша цветовая схема, макет и изображения могут сильно зависеть от целевой аудитории.

Теперь, когда вы знаете, кто ваши потенциальные посетители, пришло время угодить им. Воздержитесь от разговоров о себе как о бренде или компании. Помните, люди заботятся о вас только тогда, когда знают, что вы можете им дать. Сообщите, какую ценность имеет ваша компания. Будьте быстры и просты. Крылатые фразы и каламбуры могут помочь, но в них нет необходимости. Что действительно важно, так это удобочитаемость.

Правильная грамматика и полные предложения не всегда необходимы. На самом деле, иногда это может отнять вашу домашнюю страницу. Подумайте о том, как люди взаимодействуют друг с другом в реальном мире. Они не используют длинные предложения с обширным словарным запасом. Нет, если только они не дают интервью или не находятся в середине горячих дебатов.

Как правило, люди ценят содержательное письмо. Короткие, неполные предложения хороши, если они понятны.

8. Определите свой макет

Конечно, дизайн домашней страницы — это не только слова, которые вы используете. Как владелец веб-сайта, вы также должны структурировать свою домашнюю страницу таким образом, чтобы ее можно было найти и изучить.

Что это означает?

• Возможность поиска описывает, насколько легко пользователям найти что-то на вашем сайте.
• Обучаемость — это то, насколько быстро пользователь может понять, как перемещаться по сайту.

Дизайн пользовательского интерфейса играет огромную роль в достижении как обучаемости, так и доступности. Вот несколько общих рекомендаций, которым следует следовать при создании пользовательского интерфейса:

• Убедитесь, что основные страницы вашего веб-сайта перечислены непосредственно на главной странице.
• Подумайте о включении панели поиска, чтобы пользователи могли легко попасть на любую страницу, которую они ищут.
• Если у вас есть объявление о распродаже или другое объявление, которое вы хотели бы рекламировать, поместите его на переднем плане главной страницы.

Самое главное помнить, что оригинальность не всегда является преимуществом. Как новый веб-дизайнер, вы можете почувствовать потребность сделать свой пользовательский интерфейс уникальным и сложным, чтобы выделиться среди конкурентов. Оригинальность — это здорово, но совершенно чужая компоновка обязательно смущает людей. Так что мой совет - используйте его экономно.

Что касается дизайна вашей домашней страницы, вы могли бы сказать, что часто предпочтительнее быть неоригинальным. Если ваши пользователи никогда раньше не посещали веб-сайт, им будет легче ориентироваться в макете, который соответствует основным стандартам, к которым они привыкли.

Вот пример того, о чем я говорю:

Как бы мне ни нравился этот макет, вы должны признать, что новым пользователям будет сложно ориентироваться. Возможно, цель этого веб-сайта — запутать пользователей и, во что бы то ни стало, дать им больше власти.

Но если ваша цель состоит в том, чтобы обеспечить возможность поиска и обучения, то лучше использовать такой макет:

7. Подумайте о своей типографике

Домашняя страница не является домашней страницей без какого-либо текста. Это то, как онлайн-страница общается с посетителем, и вам будет трудно найти работающий веб-сайт без него.

При первом создании веб-сайта вы можете использовать самые причудливые шрифты с самыми яркими цветами. Когда я был ребенком, мне нравилось заходить на wix.com, чтобы создать домашнюю страницу, заполненную всеми доступными причудливыми курсивами. Вот в чем дело: никто не хочет, чтобы их веб-сайт выглядел так, как будто его разработал ребенок. Если вы переборщите с типографикой, пользователи подумают именно так.

Стратегическая типографика имеет решающее значение для удержания людей на вашей домашней странице. Он не только предоставляет пользователям информацию, но и является продолжением всего вашего бренда. В общем, лучше всего использовать простой шрифт и/или шрифт разной насыщенности. Arial — отличный тому пример. Это не только безопасный, хорошо известный шрифт, но он также доступен в Arial Bold и Arial Black.

Теперь вы можете задаться вопросом: «А что, если я не хочу быть в безопасности?» Возможно, вы хотите, чтобы типографика вашего веб-сайта была сложной или уникальной, но при этом выглядела профессионально. Что ж, у меня есть для вас хорошие новости: это вполне возможно. Однако для этого потребуется гораздо больше стратегии.

Мой совет — выберите два или три шрифта, которые вы можете смешивать и сочетать на всем своем веб-сайте. Если вам нужен более абстрактный или жирный шрифт, используйте его для заголовков и сочетайте с более приглушенным. В целом, все дело в создании иерархии и соединении элементов, которые дополняют друг друга.

Я бы порекомендовал прочитать эту статью о технических особенностях сопряжения шрифтов.

6. Подумайте о своих образах

Изображения имеют решающее значение при разработке домашней страницы. Как и типографика, домашняя страница — это не домашняя страница без каких-либо визуальных элементов. Изображения влияют на общее впечатление и ожидания пользователя от вашего веб-сайта. Это как обложка популярного романа; это может быть так же важно, как и само название.

Готов поспорить, что глаза большинства людей больше привлекают визуальные эффекты, чем слова. Причина, по которой мы вообще написали слова, заключается в том, что мы любим общаться с помощью рисунков. Таким образом, чтобы задать тон вашему веб-сайту, у вас должны быть изображения, соответствующие тому чувству, которое вы хотите вызвать.

Убедитесь, что каждое изображение имеет высокое качество. Также разумно оптимизировать изображения таким образом, чтобы их было легко загружать. У онлайн-пользователей очень мало терпения, и они уйдут, если изображения появятся слишком долго.

5. Думайте о композиции

В случае с дизайном домашней страницы под композицией понимается плавное сочетание изображений и типографики. Короче говоря, вы хотите убедиться, что выбранная вами типографика соответствует выбранным изображениям. Это довольно сложная вещь для баланса, тем более, что композиция немного субъективна.

В общем, вам нужно, чтобы композиция побуждала людей как-то взаимодействовать. Ваша домашняя страница должна быть спроектирована таким образом, чтобы люди могли прокручивать страницу вниз, взаимодействовать со строкой меню или переходить по определенным ссылкам.

Обратите внимание на назначение этих функций домашней страницы. Изображения и текст должны иметь соответствующие цели. Например, многие веб-сайты используют изображения, чтобы рассказать историю. Соответствующая типографика помогает передать суть при продвижении истории.

Люксовые бренды отлично справляются с этой задачей. Предлагая продукты на своей домашней странице, они отображают высококачественные изображения с текстом, чтобы подробно описать, на что смотрит зритель.

4. Думайте о цвете

Да, даже цвет — это фактор, о котором стоит поговорить. Прежде всего, цвет играет роль в обеспечении удобочитаемости типографики. Желтый текст на белом фоне, например, не годится. То же самое касается черного текста на темно-синем фоне. Отсутствие достаточного контраста — распространенная, но пагубная ошибка, когда дело доходит до дизайна главной страницы. Необходимость щуриться, чтобы прочитать текст, является для большинства пользователей непреодолимым препятствием.

Конечно, не все зависит от функции. Цветовая гамма играет важную роль в создании привлекательной эстетики. Некоторые цветовые комбинации будут привлекать человеческий взгляд, в то время как другие заставят людей внутренне сморщиться. Есть причина, по которой вы не увидите много веб-сайтов с зеленым текстом и оранжевым фоном. (Фу!)

Хотя конфликтующие цвета могут привлечь внимание зрителя, лучше использовать теорию цвета при разработке домашней страницы. Благодаря Интернету существует множество ресурсов, которые помогут вам справиться с этим.

3. Учитывайте платформу пользователей

Люди увидят ваш сайт не только на обычном рабочем столе. Во многих случаях вы получите посетителей, которые просматривают вашу домашнюю страницу с мобильного устройства. У людей есть iPhone, планшеты, консоли и любое количество других интеллектуальных устройств. Вам решать, хотите ли вы оптимизировать свой сайт для этих продуктов. (Ответ — да. Вы делаете.)

При выборе платформы помните, что многие мобильные устройства меньше вашего среднего ноутбука. Смартфоны и планшеты имеют разное разрешение. Что-то, что отлично выглядит на вашем рабочем столе, может быть неаккуратным или трудно читаемым на чьем-то Samsung.

Вот почему многие веб-сайты имеют альтернативный макет для мобильных устройств. Если вы решите реализовать это, обязательно дайте людям возможность переключиться на вашу обычную домашнюю страницу. Вы также можете форматировать изображения, типографику и композицию, чтобы они отлично смотрелись как на компьютере, так и на мобильных устройствах. Хотя это вызов, он был сделан.

Независимо от того, какой маршрут вы выберете, важно помнить о своих мобильных пользователях.

2. Добавьте призыв к действию

Конечно, на каждой домашней странице должен быть хотя бы один призыв к действию. Посмотрите на свою домашнюю страницу как на расширенную рекламу. Когда кто-то посещает ваш сайт, ваша основная задача — зацепить его всеми упомянутыми выше факторами.

После того, как убеждения закончились, ваша следующая цель — привести пользователей именно туда, куда вы хотите, обычно с помощью выделенной ссылки. Вы часто увидите это на сайтах электронной коммерции. Они будут перечислять популярные категории на своей домашней странице с жирной кнопкой «Купить сейчас».

1. Если сомневаетесь, наймите профессионала

Думаете, у вас нет того, что нужно для разработки домашней страницы? Ну, не нужно беспокоиться. Вот для чего здесь профессионалы.

Теперь вы можете пройти через утомительный процесс размещения объявления о работе, проведения собеседований и обсуждения условий. Но если вам нужна профессиональная домашняя страница быстро, вы можете просто работать с Penji. С сотнями дизайнеров со всего мира мы предлагаем услуги графического дизайна, включая веб-сайты, мобильные макеты и многое другое.

Если у вас есть другие проекты графического дизайна, которые нуждаются в доработке, мы можем справиться и с этим. По фиксированной месячной ставке вы можете запросить столько дизайнов, сколько пожелаете. Это означает, что все изображения, типографика и другие части вашей домашней страницы могут быть охвачены.

Дизайн домашней страницы может быть сложной задачей. Но при правильном подходе и стратегии ваш бренд будет иметь звездную домашнюю страницу и не будет времени.