Как оценить дизайн вашего сайта, если вы не дизайнер?

Опубликовано: 2019-11-15

В этой статье мы попробуем оценить дизайн сайта как не дизайнерский. Мы рассмотрим дизайн, в результате дизайна — внешний вид и функциональность сайта. Идеальный сайт должен быть простым, удобным, понятным, красивым и самое главное — продающим (и не обязательно продавать только товары, сайт может «продать» идеи).

Оглавление показать
  • 1. Производит ли дизайн сайта должное впечатление на посетителей?
  • 2. Должен ли сайт соответствовать фирменному стилю компании?
  • 3. Соответствует ли сайт рекламной стратегии компании?
  • 4. Помогает ли дизайн веб-сайта представить товары в лучшем виде?
  • 5. Легко ли посетителям вашего сайта найти нужную им информацию?
  • 6. Выдержан ли дизайн сайта в едином стиле?
  • 7. Соответствует ли дизайн цветам?
  • 8. Совместимы ли шрифты на сайте?
  • 9. Хорошо ли прорисованы элементы дизайна?
  • 10. Насколько тщательно проработаны детали?
  • 11. Легко ли воспринимается информация на сайте?
  • 12. Легко ли воспринимаются объявления и рекламные блоки?
  • 13. Ясны ли графические символы, используемые в дизайне?
  • 14. Легко ли найти номер телефона и другую контактную информацию?
  • 15. Понятно, как заказывать и покупать товары в интернет-магазине?
  • 16. Есть ли в дизайне оригинальные графические элементы?
  • Оценка качества сайта с помощью анализа URL
  • Безопасность сайта
  • Чек-лист способов оценки качества сайта

1. Производит ли дизайн сайта должное впечатление на посетителей?

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

Экран-Монитор-Компьютер-Работа-Цифровой-Офис-Рабочий стол-Интернет-Веб-сайт-Apple

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

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

2. Должен ли сайт соответствовать фирменному стилю компании?

Представьте сайт Amazon, выполненный в красно-желтых тонах. Согласитесь – это невозможно. Дизайн должен соответствовать фирменному стилю компании!

3. Соответствует ли сайт рекламной стратегии компании?

Например, Volvo позиционирует свои автомобили как самые безопасные и соответствующим образом строит свои рекламные кампании. На веб-сайте Volvo также следует сделать акцент на «безопасности».

4. Помогает ли дизайн веб-сайта представить товары в лучшем виде?

Красивый дизайн – это очень хорошо, но важнее красиво представить товар.

Сайт-Дизайн-Ноутбук-Маркетинг-Онлайн-Интернет-Работа-Офис

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

5. Легко ли посетителям вашего сайта найти нужную им информацию?

Если у вас на сайте 5 страниц, проблем с размещением информации, как правило, не возникает; вы просто ставите меню с названиями этих страниц и все.

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

6. Выдержан ли дизайн сайта в едином стиле?

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

7. Соответствует ли дизайн цветам?

Существует целая наука сочетания разных цветов. На сайте color.adobe.com вы можете увидеть различные цветовые сочетания.

8. Совместимы ли шрифты на сайте?

Шрифты на сайте должны соответствовать друг другу. Неправильно подобранные шрифты создают ощущение неаккуратности и дилетантства. Лучший способ комбинировать шрифты — написать статью с практическими советами и примерами.

веб-дизайн-шаблон-отзывчивая-тема-домашняя статическая-передняя страница

9. Хорошо ли прорисованы элементы дизайна?

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

10. Насколько тщательно проработаны детали?

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

11. Легко ли воспринимается информация на сайте?

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

12. Легко ли воспринимаются объявления и рекламные блоки?

бизнес-торговля-стол-ноутбук-макбук-онлайн-таблица-веб-сайт-работа-запись

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

 Вам может понравиться: Как создать, спроектировать и продать потрясающий веб-сайт для вашего стартапа?

13. Ясны ли графические символы, используемые в дизайне?

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

14. Легко ли найти номер телефона и другую контактную информацию?

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

15. Понятно, как заказывать и покупать товары в интернет-магазине?

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

компьютер портативный компьютер гаджеты стол технологии сайт стол

Основные моменты, на которые необходимо обратить внимание: виды оплаты, способы и условия доставки, гарантии и условия обмена (возврата) некачественного товара.

16. Есть ли в дизайне оригинальные графические элементы?

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

Оценка качества сайта с помощью анализа URL

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

Убедитесь, что в URL нет спецсимволов «?», «=», «&». Например, вопросительный знак в адресе страницы, скорее всего, означает, что тот же контент загружается на другие подобные адреса. То есть, в зависимости от CMS, на которой реализован сайт, поисковые системы могут обнаружить до пяти взятий страниц на вашем интернет-ресурсе. Дублирование страниц снижает ценность сайта для поисковой системы. А если учесть, что на самом деле их нет на вашем интернет-ресурсе, неприятно вдвойне.

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

Безопасность сайта

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

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

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

Символ «'» помогает проверить сайт на наличие уязвимостей SQL. Поместите его где-нибудь в конце адреса страницы. Например, измените строку с вида my-site/catalog/clothes на my-site/catalog/clo'thes/ Site должен выдать ошибку 404. Сайт не должен выдавать никаких предупреждений или других типов ошибок. Также сайт не должен загружать никакую другую страницу вместо той, которую вы запрашиваете.

 Вам также может понравиться: Веб-дизайн для SEO: обязательные советы по SEO для дизайнеров веб-сайтов.

Чек-лист способов оценки качества сайта

веб-сайт-домен-разработка-seo-backup-data-host-server-tech

Как быстро определить качество сайта? Вот контрольный список вышеперечисленных методов:

  • Оцените, насколько хорошо прорисованы детали.
  • Посмотрите, сколько ошибок выдает валидатор CSS.
  • Проверьте количество ошибок проверки HTML.
  • Оцените скорость загрузки страницы и корректное отображение на всех типах устройств.
  • Просматривайте сайт, не используя фильтры или другие инструменты поиска. Посмотрите, нет ли в адресе страницы знаков «?», «=», «&».
  • Попробуйте поставить апостроф в адресе страницы и посмотрите, выдаст ли сайт 404.
Я очень надеюсь, что написанное выше поможет клиентам и хорошим разработчикам сайтов найти друг друга.