6+1 правила в уеб дизайна, които пренебрегваме в стремежа си да помогнем на посетителите

Това сигурно ти е познато – стремиш се да обясниш колкото се може по-подробно на посетителите си всичко за твоите продукти и услуги, за да са наясно, за да им е по-лесно да вземат решение. Вместо обаче да купуват/да се абонират/да си запазват часове те напускат сайта ти с шеметна бързина.

Разбери какво не е наред! Сигурно си допуснал някоя от тези 6-7 грешки, за които говори дизайнерът Люба Попова в новата си статия. Прочети я цялата и оправи проблема.

⇒ Ако имаш нужда от по-конкретни насоки, остави линк към сайта си в коментарите, Люба ще ти помогне.

Често при изграждане на сайт най-основните правила в дизайна биват пренебрегвани не от незнание, а от стремеж към изчерпателност. А истината е, че най-простото решение обикновено е и най-правилното.
Припомням седем основни правила, които не бива да се забравят и с които да си помагате, за да направите финална проверка на готовия дизайн преди да го публикувате.

1. Ако трябва да обяснявате как работи, значи не работи

Добрият дизайн е очевиден – объркването на потребителя винаги е следствие на дизайнерска грешка

Понякога тази грешка се поражда от желанието да покажате повече неща, да представите информацията по-подробно… Истината е, че именно добрият дизайн е този, който трябва да премахне объркването и да покаже всичко необходимо постепенно – от най-важното до най-маловажното.

Как да постигнете ясен дизайн, който води посетителя

Текстовете ви трябва да започват от най-минимализираното послание – едно изречение, няколко думи. След него, поетапно, разкривайте останалата част от информацията.
Визуалното оформление на всяка уеб страница трябва категорично да подчертава най-важното и да „прикрива“ маловажното, така че да е ясно от пръв поглед коя част от съдържанието трябва да бъде разбрана бързо и коя е само за уточнение, за повече информация, за ангажиране или за социално доказателство. Това се постига най-лесно чрез игра на контраст между цветове, форми и размери.
Призивите за действие трябва да са различни в зависимост от това накъде водят – към покупка, извън сайта (външни линкове или социални мрежи), към повече информация на друга страница, към блога…

⇒ Ако ви се струва, че потребителите трябва да взимат твърде много решения на всяка стъпка, преработете страниците си.

2. Бялото пространство е важна част от дизайна

То „казва“ на окото къде да гледа приоритетно, откъде да започне и накъде да продължи

Колкото по-претъпкана е една уеб страница – толкова по-неясно става вашето послание. Колкото повече възможности имат хората, толкова по-вероятно е изобщо да не вземат решение и да напуснат сайта.

Най-важното за постигане на добра четимост в дизайна е:

оставяйте пространство между различните секции в сайта;
оставяйте пространство между текстовите полета;
оставяйте достатъчно пространство между редове и параграфи.

⇒ Преди да започнете преценете колко големи да са празните пространства. До един момент важи правилото „колкото са по-големи, толкова по-премиум „звучене“ придобива сайта“. Но ако са твърде големи, може да предизвикате обратен ефект.

3. Ако всичко се откроява – нищо не се откроява

Работещият подход в рекламата е „едно твърдение, едно послание, един призив за действие“

Винаги когато се колебаете – залагайте на този подход и няма да сгрешите. Твърде големият дигитален шум „убива“ вашето послание, прави го неясно и обърква аудиторията.

Огледайте своята лендинг/представителна страница като имате следните неща предвид:

контрастът създава йерархия – подчертайте най-важното с цвят, изображение, рамка… и оставете всичко второстепенно да стои повече като текстови полета, списъци и по-пастелни акценти;
основното твърдение трябва да е водещо, а всичко останало да го подкрепя – изберете водещ цвят и дизайн за най-важното си послание и го използвайте само за него в целия сайт. Изберете друг цвят за информацията, която разкрива важното за продукта и друг цвят за по-маловажните твърдения, мнения и цитати;
окото се нуждае от една опорна точка, а твърде конкуриращите се елементи създават излишен „шум“ – изберете една водеща опорна точка и деактивирайте останалите като им придадете по-малка видимост.

4. Цветът се усеща, преди да бъде разбран

Емоцията идва преди логиката, а хората са толкова емоционални същества, че рационализацията на изборите им идва много след самите избори

Затова е важно да подбирате цветовете така, че да подчертават посланията и да позволите на цвета да води изживяването в сайта.

Изборът на цветове може да е свързан с брандинга – първото впечатление на хората в сайта идва именно от визуалната идентичност; можете да използвате това, за да водите решенията им чрез силата на цвета и нюанса. Изберете водещия си цвят за оформлението на всичко свързано с продукта, покупката и офертата. Изберете сиво или втори много пастелен цвят за останалото.
Можете да заложите на психологията на цветовете и да изберете огнени цветове за конверсии и по-студени за информативното съдържание.
Можете да заложите на обичайните цветове във вашата сфера – хората са свикнали с тях и ще им се доверят.

⇒ Изберете цветовете в сайта си според тяхното значение за читателя, а не според вашите предпочитания и усещания.

5. Простотата придава смисъл

Всеки може да добавя – обикновено уеб сайтът се създава с идеята да се включи всичко необходимо за перфектното потребителско изживяване, да се разкрие продуктът напълно и да се стигне до конверсия

Понякога обаче този подход води претрупване. Важно е, на всеки етап от изграждането на сайта си (както и на продуктовата страница) да се питате какво всъщност пречи на потребителското изживяване – какво го затруднява, кое поставя допълнителни въпроси, кое тежи (като информация и като образ).

Премахването винаги е по-трудният процес, но е задължително дизайнът ви да мине и през тази проверка.

Всеки елемент трябва да оправдае присъствието си:

всяко текстово поле трябва да съдържа най-важното и нищо повече;
всеки акцент трябва да подчертава само това предимство, което може да помогне за вземане на решение, без да повдига още въпроси;
всяка снимка трябва да обогатява текста, без да изглежда все едно е сложена там случайно или да разказва съвсем друга история;
всеки цвят трябва да изпълнява предназначението си – да представя бранда, да предизвиква емоция, да успокоява темпото на скролване.

⇒ Цялата структура и информация трябва да са в синхрон към една цел чрез едно послание.

6. Най-добрата типография е невидима

Ако трябва да се вглеждате в шрифтовете, значи са неподходящо подбрани

Основните правила за подбор и употреба на шрифтове са:

Използвайте не повече от два шрифта. Например за заглавия и за основния текст. Бихте могли да добавите трети за по-особени акценти – цитати, подписи, имитации на ръкопис.
Дръжте на четливостта – кратките заглавия могат да бъдат изписани с по-„завъртян“ шрифт, но основният текст трябва да може да се чете без напрежение.
Използвайте Sans Serif шрифт за текстове в уеб.
Избирайте по-стандартни шрифтове, с които хората са свикнали, а и се четат добре при всякакви размери и екрани. Ако искате да направите нещо по-впечатляващо чрез шрифт – използвайте по-„особени“ шрифтове за кратки изрази и акценти, които не изискват задълбочено четене или вникване в информацията.
Стремете се към ясно изразена йерархия на заглавията, подзаглавията, текста и останалите елементи.
Въздържайте се от текст, изписан само с главни букви или го ползвайте за не повече от две-три поредни думи.
Осигурете силен контраст между текста и фона – доста подценявано правило, а всъщност е едно от най-важните в дизайна, особено в дигиталната среда (която е по-трудна за възприемане от окото дори чисто физически).
Не променяйте шрифта, ако не сте шрифт-дизайнер – запазете оригиналните разстояния между букви, редове и параграфи и не „сплесквайте“ шрифта, за да спестите място.
Оставяйте въздух между параграфите и не прекалявайте с дългите изречения – дайте възможност на читателя да си поеме дъх между отделните твърдения.
Не слагайте мигащ или движещ се текст, освен ако не е акцент от 1-2 думи, който може да се възприеме бързо.

⇒ Четимостта на текста показва стила на бранда, а дизайнът трябва да улеснява четенето, вместо да се опитва да буди възхищение.

Бонус правило №7: Ако имате съмнения, премахвайте

Ако имате съмнения дали вашия уеб сайт казва повече отколкото е нужно на потребителя, махнете нещо – преместете го на друга страница или направо в блога

Ако сте от хората, които пишат дълги текстове и се затрудняват в кратък формат, тествайте. Направете си къса и дълга страница, в която да представите себе си и продукта си и следете поведението на посетителите им. Оптимизирайте спрямо статистиките.

В заключение:

Добрият дизайн решава проблеми, не е декорация или тенденция. Той напътства окото и води потребителя по пътя към целта на сайта. В идеалния случай конверсията и търсенето на потребителя са едно и също нещо. Чрез визуалното оформление можете така да насочите вниманието към аргументи и информация, че не просто да продадете продукт/ услуга, а да станете първия и най-естествен избор на клиента си.

Ако имате нужда от по-конкретни насоки, оставете ми линк към сайта си в коментарите. Ще ви помогна.

===

Любомира Попова е уеб дизайнер на свободна практика и художник-сюрреалист с артистичен псевдоним Fineluart.
Създава първия си статичен сайт през 2008. В момента се е специализирала в изработката на WordPress сайтове и визии за уеб. Занимава се с дизайн повече от 17 години, като през повечето време е била част от рекламни фирми и агенции. Създавала е визии за почти всички рекламни среди – външна, печатна, уеб, digital, TV. Работи основно с малки бизнеси в сферата на услугите, макар през годините да е правила реклами за представители на почти всички сфери.

Има професионален интереси в областта на дигиталния маркетинг, графичния дизайн и social media. Това ѝ дава възможност да вижда уеб сайтовете не само като дизайн, а като част от визуалната комуникация между бранда и потребителя. За нея всяка отделна визия е част от цялостно развитие, а не „парче дизайн“.

„Редовно консултирам клиенти и млади колеги и винаги се радвам, когато успея да улесня някого по пътя му в моята (любима) сфера. Ако имате въпроси за дизайн и реклама, съм насреща да помогна, независимо дали става въпрос за принципи в дизайна, тенденции, технически въпроси, видове реклами или се нуждаете от конкретни съвети за личните си проекти. Питайте ме.“ Люба