{"id":4711,"title":"\u041f\u043e\u0434\u043a\u0430\u0441\u0442 \u043e\u0442 Mercedes-Benz \u043e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f\u0445 \u0441 \u0410\u043d\u0442\u043e\u043d\u043e\u043c \u041a\u043e\u043c\u043e\u043b\u043e\u0432\u044b\u043c","url":"\/redirect?component=advertising&id=4711&url=https:\/\/vc.ru\/promo\/263165-korotko-podkast-o-tehnologiyah-i-innovaciyah-ot-mercedes-benz&hash=c6f93899ff5e0c658ae71a18a81977a3309accf3b2bfd459f77ec74e37ef61d4","isPaidAndBannersEnabled":false}
Дизайн
Ярослав Моцух

12 признаков устаревшего дизайна сайта (Часть 1) ⛔

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

Вот несколько признаков того, что сайт необходимо переделать.

1. Сайт неудобен в пользовании

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

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

Здесь важен интерфейс, цвета, графика и шрифт — всё это помогает
выделить важное.

2. Некачественная графика

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

3. Мелкий шрифт и полотна текста

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

Хорошие примеры решений, можно увидеть на новостных сайтах.

4. Сайт не отражает текущий бренд и не передает эмоции

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

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

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

5. Стоковые фотографии

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

6. Нет адаптации под другие устройства

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

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

Если у тебя есть сайт, ты не понимаешь устарел он или нет,
напиши мне и я сделаю разбор твоего сайта.

Какие ты знаешь признаки устаревшего сайта?

{ "author_name": "Ярослав Моцух", "author_type": "self", "tags": [], "comments": 19, "likes": 1, "favorites": 26, "is_advertisement": false, "subsite_label": "design", "id": 258869, "is_wide": true, "is_ugc": true, "date": "Tue, 15 Jun 2021 16:34:05 +0300", "is_special": false }
0
19 комментариев
Популярные
По порядку
Написать комментарий...
3

Многие сайты переходят на темные темы вслед за Ютубом  и остальными. Мне лично комфортнее смотреть на темные сайты - глаза не устают. 
Про 6 пункт - так вообще это сейчас золотое правило. Еще проверку на скорость загрузки обязательно. Хотя моя любимая пицца (никакой рекламы) использует сайт , который грузится в красной зоне при проверке. И ничего. На их  маркетинг вообще никак не влияет.  
Про полотна текста + 1000. Эти лонгориды копирайтеры для копирайтеров пишут. Минимализм в моде. Большой первый экран. Или слайдер на первом. Спокойные hover через transition. 

Ответить
0

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

Ответить
3

А включать падающие снежинки на сайте перед новым годом ещё актуально?)

Ответить
0

Если сайт сделан в зимней тематике и все это красиво обыграно, так почему бы и нет?

Ответить
1

"сфоткать" - дальше можно не читать

Ответить
4

"сфоткать" - дальше можно не читать.
Кавычки палочки, а не ёлочки и дефис вместо тире, жалею, что прочитал

Ответить
0

дбл блд

Ответить
0

ахахаха, поддерживаю)

Ответить
0

Если тебя так это слово волнует, пропусти и легче будет)

Ответить
1

Поддержу про полотна. Мы стараемся освободить экраны от большого количества кнопок с текстом и добавлять понятные иконки. Недавно в блоге наши дизайнеры как раз рассказывали про свой подход в UX/UI.

Ответить
1

С помощью дизайна можно обыграть грамотно текст и передать смысл, чем текста на +5000 слов писать

Ответить
1

Почему устаревшего? Это признак просто плохо сайта. И сейчас делают сайты с таким качеством.

Ответить
1

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

Ответить
1

 У вас полотно текста и ноль картинок примеров... 

Ответить
0

У меня это разбито на подзаголовками и в каждом пункте не много текста, это удобно читать

Ответить
1

Согласен удобно, но хочется картинок )

Ответить
0

Хорошо, буду исправляться, продолжение будет с картинками 

Ответить
0

В очистке служишь?

Ответить
Читать все 19 комментариев
Дизайн-джем #36: вышивка для Бьорк и журнала Time, а также дизайн-работы Moonassi, Оамула Лу, Лизы Смирновой и других

В сотканном из нитей вдохновения дайджесте от Futura by red_mad_robot.

План победы: как я получил 2.5 миллиона рублей в конкурсе Сбера

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

Морзе, резистор, стихотворный размер. Везде одна страница с визуальным выводом и длинный голосовой ввод.
«Яндекс Go» добавил в приложение экспресс-доставку товаров из «Маркета» Статьи редакции

Сначала доставка будет доступна в Москве, а затем в Петербурге и других городах.

Aleph расширяет присутствие на Ближнем Востоке: холдинг приобрел контрольный пакет акций Connect Ads

Aleph Holding, глобальный партнер крупнейших диджитал платформ и материнская компания Httpool, объявил о приобретении контрольного пакета акций Connect Ads. Компания является провайдером цифровых медиа и рекламных решений в странах Ближнего Востока и Африки.

«Spotify: История продукта». Создание десктопного приложения

От десктопного приложения с серверами в шкафу до революционного нового формата потоковой передачи музыки. «Spotify: История продукта» — серия статей от команды Spotify в России, в которой читателям vc.ru расскажут о том, как создавался сервис, какие решения стояли за продуктовыми изменениями и кто повлиял на то, как музыкальные стриминги выглядят…

«Яндекс.Про» отстранил курьера от работы из-за неправильного адреса клиента

Несколько лет назад я прочитал на VC занимательную статью о том, как в одной из американских IT компаний искусственный интеллект самостоятельно уволил сотрудника, а тот никак не смог этому противостоять. Тогда мне это показалось забавным, исключительным случаем, но я и подумать не мог, что такие ситуации могут быть отлажены в «систему» и…

От конкурентной разведки до настройки рекламы: как использовать прокси в бизнесе

Объясняем на простых примерах.

Итоги Python meetup: медленные языки, быстрые роботы
От простого робота до Защитника: как мы создавали телефонного секретаря Олега, которого потом начали копировать

В начале июня мы запустили Защитника Олега — нашего нового общедоступного телефонного секретаря, разработанного на базе похожего решения для абонентов Тинькофф Мобайла (работает с 2019 года).

Рассказываем, как делать первыми то, что потом повторят все — от стартапов до крупнейших операторов связи.
«Ростелеком» подал на меня в суд после смены провайдера

Дело было в 2019 году. Мой провайдер в целом меня устраивал, но цена казалась слегка завышенной, да и просадки в скорости частенько бывали.
И тут как-то звонит мне человек с незнакомого номера, предлагает подключиться к Ростелекому, сэкономить 100 рублей в месяц, получить выше скорость и хороший роутер в аренду за рубль. Я заинтересовался, но мне…

История «Макет 29»: Как продавать модели подводных лодок из Северодвинска в США и Францию

Артём Ботолин, основатель «Макет 29», родился и вырос в городе корабелов и моряков — Северодвинске. В детстве, как и многие мальчишки в классе, мечтал стать военным, но в итоге карьеру связал с любимым хобби — созданием изделий из дерева. Поработав долгое время в макетной мастерской, Артём открыл собственный бизнес, магазин «Макет 29», где можно…

null