Обновление дизайна
веб-сайтов:
8 лучших примеров. Часть 1

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

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

1. Craigslist

Craigslist — это американский сервис по размещению объявлений в интернете. По данным SimilarWeb, каждый месяц Craigslist посещают более 360 миллионов человек. Тем не менее, дизайн этого сайта в основном состоит из ошибок, которых следует избегать при разработке. 

Какие ошибки?

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

Кем вдохновляться?

Изменение шрифта и его цвета — это уже глобальное улучшение для Craigslist на первом этапе. Для вдохновения стоит заглянуть на веб-сайт Gumtree.

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

2. AOL

AOL — крупнейшая медийная онлайн-служба. С появлением конкурентов AOL не смогла развиваться параллельно с текущими потребностями пользователей. Но тем не менее по данным SimilarWeb, AOL по-прежнему ежемесячно посещают более 200 миллионов человек. 

Какие ошибки?

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

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

Кем вдохновляться?

Сайт AOL напоминает другую популярную поисковую систему Yahoo! Главное, чему стоит поучиться AOL у конкурентов — это то, что пользователи предпочитают поисковые системы с минимальным дизайном, который не отвлекает внимание. Еще один хороший пример: Google, Bing и DuckDuckGo.

3. Hacker News

Hacker News — это как Reddit, только для стартапов, программистов и предпринимателей. Это один из крупнейших сайтов-агрегаторов новостей, который ежемесячно посещают более 12 миллионов человек. Тем не менее, дизайн сайта все еще застрял в 2007 году.

Какие ошибки?

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

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

Кем вдохновляться?

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

4. Berkshire Hathaway

Berkshire Hathaway — это компания, которая принадлежит Уоррену Баффету, одному из самых влиятельных бизнесменов в мире. Но тем не менее официальный сайт его транснациональной корпорации выглядит плохо и несовременно. 

Какие ошибки?

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

Большинство информации можно было бы легко разместить на главной странице сайта и избавить пользователей от необходимости загружать другие веб-сайты.

Кем вдохновляться?

На первом этапе достаточно добавить даже небольшое описание компании или создать отдельный раздел «о нас». Berkshire Hathaway также может использовать аналогичный и более наглядный дизайн, как у многонациональной корпорацией Shell Global. 

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

^{Источник: designshack.net}