Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Дизайн сайтів

Поняття "веб дизайн" чи "дизайн сайта" можна сформулювати як "зовнішній вигляд сайта". Перед початком розробки дизайна необхідно визначити три основних моменти:

  • Колірне рішення сайту
  • Розташування основних елементів дизайна (кнопок, картинок, , таблиць, тексту і т.д.)
  • Юзабіліті сайту (в буквальному перекладі з англійської – «зручність користування»)

У середовищі веб-майстрів і веб-дизайнерів склалося дві групи, які от уже багато років запекло сперечаються між собою, намагаючись знайти «золоту середину». Перша – прихильники «краси», що затверджують, що саме незвичайні ефекти типу мерехтливих зірок або танцюючих у тумані дівчат, здатні зробити сайт по-справжньому конкурентоспроможним і прибутковим.

Друга ( на чолі із Джейкобом Нельсоном) – затверджують, що оскільки 90% відвідувачів ходять на сайти за інформацією, то основна мета дизайну – не заважати відвідувачеві знаходити й вивчати контент сайту. Серед другої групи існує приказка: «Найкласніший комерційний дизайн – це повна відсутність дизайну».

Напевно, істина знаходиться десь посередині.

Спробуємо проаналізувати деякі аспекти створення дизайну сайту і постараємося створити якусь абстрактну модель сайту, приємного для ока й одночасно зручного для самого недосвідченого Інтернет-користувача.

  1. Кольорове рішення сайту

    Тут є вже чимало відпрацьованих і випробуваних на практиці методик. Одна з них – скористатися при доборі кольорів радою професійного художника, які добре розбирається в колірних комбінаціях. Друга – подивитися статті про особливості психологічного сприйняття того або іншого кольору. Наприклад, психологи говорять, що червоний і всі його похідні – це найважчі для сприйняття кольору, тому вони викликають почуття агресії або тривоги. І червоний колір доречний хіба що в сайті, присвяченому кориді, революції або ще якому-небудь кривавому людському неподобству.

    А от зелений колір і вся зелено-маслинова гама найбільш комфортні для сприйняття, тому вони викликають почуття спокою, комфорту, довіри. Та й долар – він теж зеленого кольору, а більше всього вітамінів – у грошах, як затверджують знавці….

    Зверніть увагу: дуже багато бізнес-сайтів зроблені саме в оливково-зеленій гамі.

    Третя методика добору кольору, що зараз уже застаріла – кольору державних прапорів. Сайти, зроблені в такому дизайні, виходять досить яскравими, але в цілому гарними.

    Однак найбільш перспективним авторові цих рядків представляється інший напрямок: створення дизайну сайту за допомогою «природніх», природних кольорів. Простіше говорячи – береться фотографія природного ландшафту й на її основі підбираються кольори сайту.

    Говорячи про кольорове рішення сайту, не можна не зупинитися на кольорі фону і шрифту – адже ми робимо сайт для того, щоб відвідувачі читали наш унікальний контент! Тут усе досить просто: ми з дитинства звикли читати чорним по-білому. І запевняю Вас – усе населення Інтернету звикло читати точно так само. Тому не потрібно намагатися переучувати Ваших відвідувачів і робити ліловий шрифт на жовтім фоні або (що дуже любить Артемій Лебедєв) – білим по чорному.

    У людей від таких текстів утомлюються ока, вони дратуються, ображаються й зрештою йдуть із кольористого сайту. Не забувайте, що між Вами й Вашим конкурентом відстань в Інтернеті – один клік мишки! І що відвідувач (він же – покупець) піде на менш гарний, але більш зручний і простій для нього сайт, не оцінивши Ваших колірних і інших художніх вишуканостей.

  2. Розташування основних елементів дизайну (кнопок, картинок, таблиць, тексту і т.д.)

    Тут, начебто б, усі просто: зручність, простота й лаконічність. Ідеал: сторінка повністю укладається в розмір монітора, навіть самого середнього. Ідеалу досягти, звичайно, непросто. Але якщо вертикальний скрол ще допустимий, те горизонтальний просто неможливий. Люди з таких сайтів ідуть відразу.

    При доборі малюнків для сторінки потрібно пам'ятати два основні моменти: картинка по кольору й стилю не повинна «вибиватися» із загального колірного рішення і вона не повинна бути дуже важкою.

    Небагато статистики: якщо сайт завантажується довше 10 секунд, 90% відвідувачів з нього йдуть.

    Навігаційні посилання повинні бути легко помітні навіть для самого недосвідченого користувача.

  3. Юзабіліті сайту

    Ця тема вимагає окремої статті, хоча вона безпосередньо пов'язана з веб-дизайном. Якщо повернутися до початку нашого огляду, ідеальним є дизайн, який мотивує відвідувача ще і ще раз приходити на сайт, знайомитися з усіма його розділами і поступово переходити з розряду просто відвідувачів у бажаний розряд покупців або замовників наших послуг.

Маленька ремарка: не бійтеся планувати дизайн сайту, виходячи з Ваших особистих смаків і пристрастей. «Подібне притягає подібне» - відвідувачі вашого сайту, швидше за все, будуть у чомусь схожі на вас – адже вони цікавляться вашою тематикою! Значить те, що подобається Вам, з великим ступенем імовірності сподобається і їм.

Теги:
веб дизайн, дизайн сайту, юзабіліті, джейкоб нельсон, мета дизайну, аспекти створення сайту, комерційний сайт, кольорове рішення, елементи веб-дизайну