Правила хорошого сайту очікувана навігація та колірне оформлення
Правила гарного тону при оформленні сайту мають на увазі «очікувану» для користувача навігацію та грамотний підбір кольору його UI елементів. Є різні думки про те, яким має бути SEO Friendly та дружній до користувача дизайн. Часто на перше місце ставиться простота оформлення, що дозволяє легко сканувати сайт як відвідувачам з їхньою виборчою увагою, так і пошуковим роботам. Це дає впевненість у доступності контенту (для тих та інших), підвищує швидкість його індексації.
Але як багато веб-дизайнерів використовують жаргони: spider, робот, індексація? Деякі фахівці Арт і Графічного дизайну мають значні технічні навички, буває і навпаки. Над питанням вдалого підбору кольору для інтерфейсу користувача замислюються як технічні, так і арт-фахівці:
Правила оформлення посилань та колірна індикація на сайті
Існують прості правила оформлення посилань на веб-сторінці. Не варто в ім'я чогось порушувати стандарти:
Підкреслення та синій колір став для посилань «стандартом де-факто». У творчих та креативних дизайнах (реалізують вузько специфічні цілі) їх оформляють незвичайним чином: різнокольорові підсвічування, підстрибування, збільшення, переливання квітами при наведенні, заливання фону під засланням, рамки навколо.
При гарному дизайні та юзабіліті сайту:
Відвідувачу не доводиться переконуватись у клікабельності елементів, підводячи курсор або роблячи ненавмисний перехід
Key Art Designs показує клікабельність зображень по максимуму та з користю:
Hover опції: можна поставити лайк, збільшити, подивитись деталі та купити постер
Використовуючи колірну індикаціюпосилань для збільшення їхньої клікабельності, потрібно не забувати робити це однаково на всіх сторінках сайту.
Контраст кольору та читабельність
Веб-сторінка має бути легко читається. Це передбачає:
Кольори на сайті мають чітко сприйматися та коректно передаватися. Але не факт, що відвідувачі на різних дисплеях побачать одні й ті ж кольори.
Коли браузери не можуть передати певний колір вони намагаються підібрати ближчий
Уникнути неправильної передачі відтінків, дозволить використання безпечних кольорів.
Замість підсумку
- Створення необхідних контрастів підвищить читабельність сайту
- Коректна кольоропередача дасть впевненості як естетичне сприйняття
- Грамотне оформлення індикації клікабельності UI-елементів та посилань у текстах буде оцінено відвідувачами
Все разом це покращує досвід користування сайтом (UX) та поведінкові сри, такі значущі зараз для пошукових систем.