6 уроков, которые вы можете извлечь из самых популярных веб-сайтов в Интернете

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

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

Давайте приступим к делу!

1. Сохраняйте простой дизайн (Google)

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

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

Многие компании захотят заполнить страницу ссылками на все свои другие услуги. В отличие от Google, все внимание сосредоточено на строке поиска и трех простых кнопках.

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

2. Не бойтесь использовать изображения (Apple)

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

На своем веб-сайте в США Apple удается продемонстрировать свои самые популярные продукты на одной странице, при этом делая каждый раздел уникальным. Это возможно благодаря безупречному подбору изображений товаров:

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

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

3. Хорошая таксономия имеет решающее значение для блогов (Healthline)

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

Помимо того, что Healthline является одним из самых популярных веб-сайтов в мире, он также предлагает невероятно полный набор категорий для просмотра:

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

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

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

4. В интернет-магазинах легко ориентироваться (цель)

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

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

Target.com - один из немногих крупных порталов электронной коммерции, который отлично справляется с обеспечением простой навигации:

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

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

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

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

5. Будьте красочны (Adobe)

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

Макет Adobe прост. Однако визуально он выделяется отличным использованием контрастных цветов:

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

Теперь сравните это с более приглушенной палитрой Lightroom, которая выделяет только несколько цветов в каждом изображении:

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

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

6. Будьте откровенны с вашим уникальным ценностным предложением (Airbnb)

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

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

Каждый раздел легко просматривать, кнопку « Зарезервировать» нельзя пропустить, а навигация по отзывам проста. Даже если у вас нет всемирной платформы, которая позволяет пользователям находить идеальные направления для путешествий, на этом веб-сайте есть чему поучиться.

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

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

Заключение

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

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

У вас есть вопросы о том, как создать фантастический веб-сайт? Давайте поговорим о них в разделе комментариев ниже!

Миниатюра статьи: venimo / shutterstock.com