Web-дизайн, или как сделать сайт ярким и запоминающимся

Желание создать ресурс быстро, с минимальными затратами, приводит к тому, что на его дизайн практически не остаётся времени. Особенно «грешат» этим владельцы ресурсов на бесплатных хостингах. К их услугам есть, конечно, удобный конструктор сайта, но… Все полученные ресурсы выглядят братьями-близнецами, и порой среди них трудной найти даже несколько отличий в дизайне. Нежелание искать свой фирменный стиль в дизайне часто приводит к тому, что хочется найти бесплатный шаблон «покрасивее». Ошибка здесь кроется в том, что их дизайн также не эксклюзивный, и даже уникальный контент мало может помочь в том, чтобы обеспечить приличную посещаемость на ресурсе. Обеспечить баланс между уникальным дизайном и необходимым содержанием – очень нетривиальная задача, но решаемая.
Web-дизайн, или как сделать сайт ярким и запоминающимсяЕсли отвлечься от контента, нужно, в первую очередь, обратить внимание на web-дизайн. Посетители – народ капризный, и любая непродуманная «мелочь» в дизайне их может сразу вынудить уйти. Перечислять всё то, что может не понравиться в дизайне ресурса посетителю, можно долго, и проще запомнить то, что нравится практически всем:

  1. Скорость загрузки ресурса. В первую очередь это зависит от количества имеющейся графики на страницах. Если обойтись без неё никак нельзя, то графические файлы необходимо оптимизировать (уменьшить разрешение, сократить количество цветов и т.п.). Замечено, что при задержке вывода страницы более 10-15 секунд отношение посетителя к ресурсу меняются в худшую сторону. Нельзя и забывать о тех, кто до сих пор пользуется dial-up-модемами.
  2. Музыка на сайте – это красиво и даже замечательно, особенно если подобрана «с душой». Но, как правило, это решение находит не так уж много почитателей. Дайте возможность пользователю самому её включить. То же касается и видеороликов.
  3. Количество цветов. Игнорировать рекомендации о безопасных цветах страниц довольно неразумно. 3-4 цвета на странице будет вполне достаточно. Особенно это касается текста, о котором стоит напомнить: большие абзацы курсивного начертания читаются плохо. Сплошной текст без абзацев выглядит ужасно. Длинные тексты лучше разбивать на подразделы. Вообще, любителей чтения с экрана существует довольно мало, так что для длинных текстов лучше готовить страницу с вариантом «для печати». Не нужно также забывать о людях с нарушениями зрения («мелкими» текстами страдают практически все ресурсы ucoz).
  4. Перегруженность страниц – довольно частое явление. Если информации много, то лучше разнести её по большему количеству страниц ресурса. Web-дизайн своими средствами легко решает эту проблему.
  5. Разрешение экрана. Технология web-дизайна прямо говорит о том, что сайт нужно оптимизировать под разное экранное разрешение, для разного количества цветов.
  6. Составление дизайна сайта нужно вести в едином дизайнерском ключе. Для решения этого вопроса необходимо использовать возможности каскадных стилевых таблиц (CSS).
  7. Для статей принято использовать технологию “под кат”. Т.е. посетитель видит лишь начало статьи, а для прочтения её остальной части необходимо нажать кнопку вроде “подробнее”. Некоторые вебмастеры-“экономисты” оставляют видимой 1-2 строки статьи, что явно недостаточно, чтобы заинтересовать потенциального читателя.
  8. Различные виды “всплывающей” и “заслоняющей” рекламы уместны только для монетизируемых сайтов, где обеспечивается искусственный трафик пользователей. Для “приличного” сайта такой подход недопустим.
  9. Навигация по ресурсу должна быть продумана, что достигается проработкой меню. Если в тексте есть сноски, то ради двух-трёх строк разъяснений не нужно открывать их в отдельном окне – организуйте всплывающие подсказки.
  10. Мнение о сайте формируется у пользователя практически сразу, и если он хочет его высказать, то регистрация для этого должна быть как можно проще (комментарии к блогам, статьям, новостям и т.п.). Не заставляйте пользователя мучиться с малоразборчивой каптчой, где можно сломать всё зрение.
  11. И, наконец, ресурсом нужно заниматься постоянно, также как и грамотный web-дизайн требует времени. Ресурс необходимо постоянно изменять (хотя бы раз в полгода), улучшать эргономику дизайна, проводить опросы на эту тему, не исчезать надолго. К примеру, блог, где последние записи относятся к позапрошлому году, никто всерьёз воспринимать не будет – общение нужно вести постоянно.

Пользуясь этими советами по улучшению web-дизайна, вы можете рассчитывать на то, что посетители не забудут к нему дорогу, и, возможно, даже занесут его в закладки. Конечно же, web-дизайн – ещё не всё, но качество контента – отдельная тема для разговора.

22 thoughts on “Web-дизайн, или как сделать сайт ярким и запоминающимся

  1. vasex сказал:

    Не могу согласиться с четвертым пунктом. Много текста на странице любят поисковики. Страницы с 5000 знаков имеют больше шансов для попадания в топы выдачи перед страницами с 1000 знаков.
    Уверен в этом.

  2. Владимир сказал:

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

    • admin сказал:

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

  3. Vovch сказал:

    А капчи разные бывают 🙂
    Я поставил на блог простенькую и не жалею. Удобно и не надо цвета рассматривать

  4. socpiter сказал:

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

  5. Simonov сказал:

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

  6. Сергей Нижегородцев сказал:

    Спасибо за умные глубокие мысли. Мой сайт хоть и на платном хостинге, но без дизайна. А это несолидно. Буду заказывать дизайн!

  7. Вадим сказал:

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

  8. plohes сказал:

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

  9. SeoDiz сказал:

    Добрый день Ольга,
    Позвольте частично не согласиться с вами и немного покритиковать (сам я с удовольствием выслушиваю любую критику, надеюсь не обидитесь и вы, а возможно заглянете ко мне, чтобы разнести в пух и прах мой блог;))

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

    И еще по 9 пункту — совершеннейшая правда, вы кстати об этом и и в статье о юзабельности сайтов упоминали но к сожалению сами своим советам не следуете: промотал страницу аж два раза в безуспешной попытке найти список категорий блога которых тут нет.
    Возможно почитал бы еще что-либо вами опубликованное по интересной мне теме, но отсутствие рубрик и популярных записей призывает покинуть страницу.
    PS Рубрики нашел таки, оказывается они на странице с публикациями, но думаю не каждый посетитель будет настолько настойчив в своих поисках.

    • admin сказал:

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

      P.S. по-поводу списка категорий, на некоторых страницах он присутствует, плохо смотрели, но, что наш недочет, это однозначно 😉

  10. Владимир сказал:

    Статья очень хорошо написана, но вместо пунка 10 идет пункт 0, а вместо 11 пункт 1.
    Исправьте. А статья прекрасная

  11. Анастасия М. сказал:

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

  12. Лилу сказал:

    Ко всему надо подходить индивидуально! А если возникают трудности, всегда найдутся те, которые захотят помочь.
    Статья полезная! Дальнейших творческих успехов!

  13. Sanek сказал:

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *