Как часто, решившись заказать создание сайта, мы видим броские рекламные страницы веб-студий, наполненные слоганами по типу: «Лучший веб дизайн!», «Супер-дизайн!» и т. д. Естественно, что нам хочется для своего сайта именно его – лучший веб-дизайн, что здесь непонятного? Однако, что стоит за этими громкими словами? Как определить, что этот веб-дизайн лучший? Давайте попробуем разобраться.
Веб дизайн
Для простого обывателя желающего создать свой сайт или блог лучший веб-дизайн – это, как правило, красивая картинка, масса анимации и 3D. В общем, все как всегда – хлеба и зрелищ! Вполне вероятно, что такой подход уместен для развлекательных ресурсов или персональных страниц специалистов из области спецэффектов. В статье «Дизайн для вашего сайта» вы можете прочитать про использование шаблонов при создании сайта.
Однако представьте себе такие «мультики» на сайте какой-нибудь серьезной производственной компании или банка. Смешно, не правда ли? Отсюда правило первое – не переусердствовать со спецэффектами.
Одним из главных критериев эффективного веб-дизайна является его понятность и удобство. Это, если хотите, правило хорошего тона для качественного сайта. Так же стоит не забывать про рекомендации поисковых систем к сайтам и их веб-дизайну.
Создание сайтов должно всегда вестись, прежде всего, исходя из интересов его будущих посетителей. Они не должны биться в догадках, где у вас та или иная информация. Все должно быть понятным на интуитивном уровне. По теме создания сайтов прочитайте интереснейшую статью «Сколько стоит сделать сайт… бесплатно?».
Для оценки этой «понятности» существует даже такой термин – юзабилити, от английского — «удобство использования». Тестированием юзабилити сайтов обычно занимаются специалисты, но иногда вы сами со своими знакомыми можете дать оценку работоспособности и удобству веб-ресурса.
Кроссбраузерность
Говоря о качественном веб-дизайне, стоит отметить и его кроссбраузерность. Что это за зверь такой, спросите вы?
Кроссбраузерность – это уровень идентичности отображения веб-страниц в различных браузерах и на мониторах с разным разрешением и диагональю.
Сегодняшний уровень развития технологий постоянно продуцирует (можно было просто написать «производят», но слово «продуцирует» красивше и звучит круче! ) мониторы все с большим разрешением и большей диагональю. И тот сайт, который отлично выглядит на 17-дюймовом мониторе, может «съехать» на 27-дюймовом.
Кроме того, все больше пользователей заходят в интернет с мобильных устройств, где диагональ экрана редко превышает 9 дюймов. И в этом направлении еще работать и работать.
Исходя из этого, сегодня существуют понятия «жесткого» и «резинового» дизайна. Для веб-сайтов с большим объемом информации, где важность смысла информации превалирует (опять эти заумные словечки, а куда без них…) над способом ее подачи – есть смысл использовать «резиновый» веб-дизайн. Там где информации не много, а видеть ее пользователь должен именно так, как задумали дизайнеры – нужно использовать «жесткий» дизайн.
Нередко применяют и комбинированные варианты дизайнов для разных страниц одного сайта.
Примечение: Данная статья была написана в 2012 году с тех пор много что изменилось в теме сайтостроения и верстки страниц. И сегодня в 20-е годы есть есть еще понятия адаптивный дизайн, который часто противопоставляют мобильный дизайн. В данном случае:
- адаптивная верстка – это сборка страницы с учетом всех типов разрешений устройств. Эффективность данной верстки достигается за счет использования сложный таблиц стилей.
- мобильная верстка – это сбор страниц для разных устройств. Например для монитора показывается – desktop version, для планшетов и телефонов – mobile version. Данная верстка позволяет настроить контент для конкретного устройства.
Дизайн и редизайн сайта
Как и в любом деле, в разработке веб-дизайна спешка будет не лучшим помощником. Создать сайт с качественным веб-дизайном дело не одного дня, а бывает, и не одного месяца. Я постоянно работаю над дизайном своего блога, но, по ходу, идеала так и не достигнуть. Это можно сравнить с ремонтом – его нельзя закончить, а можно только приостановить! Но в отличии от ремонта работу над сайтом нельзя останавливать, потому что веб-технологии и развитие поисковых машин не остановливается и вам нужно как минимум успевать за их апдейтами.
Поэтому, хотя и рекомендуется тщательно прорабатывать все нюансы еще на этапе разработки, чтобы потом не терять время, деньги и авторитет, исправляя появившиеся ошибки, все-равно приходиться постоянно что-то доделывать, переделывать и дорабатывать с учетом набранной статистики и тщательного анализа работы сайта.
Ну и конечно стоит адекватно оценивать свои финансовые возможности. Возможно, вам бы и хотелось веб-сайт «как у Microsoft», но ведь и вы не Билл Гейтс! Стоимость веб-дизайна может в некоторых случаях ограничиваться только скромностью разработчика и готовностью заказчика ее оплатить. Поэтому «вбухать» весь бюджет проекта в роскошный веб-дизайн будет не самой лучшей идеей.
Если вы заказываете сайт для своего представительства в сети, для рекламы своих услуг, то есть смысл сконцентрировать внимание посетителя именно на вашем продукте. Вывешивать кучу мигающих баннеров с уймой спецэффектов и «кислотными» надписями о том, что вы лучшие – это дурной тон.
Лучше сделать упор на информативность, на ненавязчивое раскрытие ваших плюсов, на показ преимуществ. Используйте положительные факты, а не пустое бахвальство. С одной стороны советы банальные, а с другой мы частенько про них забываем. Еще немного полезной информации вы можете почерпнуть из статьи «Как сделать красивый сайт».
Напоследок напомним, что сайт создается для посетителя, поэтому главным критерием лучшего веб-дизайна для него являются ожидания его целевой аудитории. Сделайте веб-дизайн приятным и удобным для целевой аудитории сайта, например автолюбителей, и можете считать свой веб-дизайн лучшим! Все остальное – лишь субъективное мнение. Но, как всегда, последнее слово за Вами, дорогие читатели!
- Проверка совместимости редакторов WordPress с AMP - 4 июня, 2021
- Выбор редактора сайта на WordPress в преддверии Core Web Vitals - 4 апреля, 2021
- Главные тенденции 2021 года в веб-разработке - 6 января, 2021