Това сигурно ти е познато – стремиш се да обясниш колкото се може по-подробно на посетителите си всичко за твоите продукти и услуги, за да са наясно, за да им е по-лесно да вземат решение. Вместо обаче да купуват/да се абонират/да си запазват часове те напускат сайта ти с шеметна бързина.
Разбери какво не е наред! Сигурно си допуснал някоя от тези 6-7 грешки, за които говори дизайнерът Люба Попова в новата си статия. Прочети я цялата и оправи проблема.
⇒ Ако имаш нужда от по-конкретни насоки, остави линк към сайта си в коментарите, Люба ще ти помогне.
Често при изграждане на сайт най-основните правила в дизайна биват пренебрегвани не от незнание, а от стремеж към изчерпателност. А истината е, че най-простото решение обикновено е и най-правилното.
Припомням седем основни правила, които не бива да се забравят и с които да си помагате, за да направите финална проверка на готовия дизайн преди да го публикувате.
1. Ако трябва да обяснявате как работи, значи не работи
Добрият дизайн е очевиден – объркването на потребителя винаги е следствие на дизайнерска грешка
Понякога тази грешка се поражда от желанието да покажате повече неща, да представите информацията по-подробно… Истината е, че именно добрият дизайн е този, който трябва да премахне объркването и да покаже всичко необходимо постепенно – от най-важното до най-маловажното.
Как да постигнете ясен дизайн, който води посетителя
- Текстовете ви трябва да започват от най-минимализираното послание – едно изречение, няколко думи. След него, поетапно, разкривайте останалата част от информацията.
- Визуалното оформление на всяка уеб страница трябва категорично да подчертава най-важното и да „прикрива“ маловажното, така че да е ясно от пръв поглед коя част от съдържанието трябва да бъде разбрана бързо и коя е само за уточнение, за повече информация, за ангажиране или за социално доказателство. Това се постига най-лесно чрез игра на контраст между цветове, форми и размери.
- Призивите за действие трябва да са различни в зависимост от това накъде водят – към покупка, извън сайта (външни линкове или социални мрежи), към повече информация на друга страница, към блога…
⇒ Ако ви се струва, че потребителите трябва да взимат твърде много решения на всяка стъпка, преработете страниците си.
2. Бялото пространство е важна част от дизайна
То „казва“ на окото къде да гледа приоритетно, откъде да започне и накъде да продължи
Колкото по-претъпкана е една уеб страница – толкова по-неясно става вашето послание. Колкото повече възможности имат хората, толкова по-вероятно е изобщо да не вземат решение и да напуснат сайта.
Най-важното за постигане на добра четимост в дизайна е:
- оставяйте пространство между различните секции в сайта;
- оставяйте пространство между текстовите полета;
- оставяйте достатъчно пространство между редове и параграфи.
⇒ Преди да започнете преценете колко големи да са празните пространства. До един момент важи правилото „колкото са по-големи, толкова по-премиум „звучене“ придобива сайта“. Но ако са твърде големи, може да предизвикате обратен ефект.
3. Ако всичко се откроява – нищо не се откроява
Работещият подход в рекламата е „едно твърдение, едно послание, един призив за действие“
Винаги когато се колебаете – залагайте на този подход и няма да сгрешите. Твърде големият дигитален шум „убива“ вашето послание, прави го неясно и обърква аудиторията.
Огледайте своята лендинг/представителна страница като имате следните неща предвид:
- контрастът създава йерархия – подчертайте най-важното с цвят, изображение, рамка… и оставете всичко второстепенно да стои повече като текстови полета, списъци и по-пастелни акценти;
- основното твърдение трябва да е водещо, а всичко останало да го подкрепя – изберете водещ цвят и дизайн за най-важното си послание и го използвайте само за него в целия сайт. Изберете друг цвят за информацията, която разкрива важното за продукта и друг цвят за по-маловажните твърдения, мнения и цитати;
- окото се нуждае от една опорна точка, а твърде конкуриращите се елементи създават излишен „шум“ – изберете една водеща опорна точка и деактивирайте останалите като им придадете по-малка видимост.
4. Цветът се усеща, преди да бъде разбран
Емоцията идва преди логиката, а хората са толкова емоционални същества, че рационализацията на изборите им идва много след самите избори
Затова е важно да подбирате цветовете така, че да подчертават посланията и да позволите на цвета да води изживяването в сайта.
- Изборът на цветове може да е свързан с брандинга – първото впечатление на хората в сайта идва именно от визуалната идентичност; можете да използвате това, за да водите решенията им чрез силата на цвета и нюанса. Изберете водещия си цвят за оформлението на всичко свързано с продукта, покупката и офертата. Изберете сиво или втори много пастелен цвят за останалото.
- Можете да заложите на психологията на цветовете и да изберете огнени цветове за конверсии и по-студени за информативното съдържание.
- Можете да заложите на обичайните цветове във вашата сфера – хората са свикнали с тях и ще им се доверят.
⇒ Изберете цветовете в сайта си според тяхното значение за читателя, а не според вашите предпочитания и усещания.
5. Простотата придава смисъл
Всеки може да добавя – обикновено уеб сайтът се създава с идеята да се включи всичко необходимо за перфектното потребителско изживяване, да се разкрие продуктът напълно и да се стигне до конверсия
Понякога обаче този подход води претрупване. Важно е, на всеки етап от изграждането на сайта си (както и на продуктовата страница) да се питате какво всъщност пречи на потребителското изживяване – какво го затруднява, кое поставя допълнителни въпроси, кое тежи (като информация и като образ).
Премахването винаги е по-трудният процес, но е задължително дизайнът ви да мине и през тази проверка.
Всеки елемент трябва да оправдае присъствието си:
- всяко текстово поле трябва да съдържа най-важното и нищо повече;
- всеки акцент трябва да подчертава само това предимство, което може да помогне за вземане на решение, без да повдига още въпроси;
- всяка снимка трябва да обогатява текста, без да изглежда все едно е сложена там случайно или да разказва съвсем друга история;
- всеки цвят трябва да изпълнява предназначението си – да представя бранда, да предизвиква емоция, да успокоява темпото на скролване.
⇒ Цялата структура и информация трябва да са в синхрон към една цел чрез едно послание.
6. Най-добрата типография е невидима
Ако трябва да се вглеждате в шрифтовете, значи са неподходящо подбрани
Основните правила за подбор и употреба на шрифтове са:
- Използвайте не повече от два шрифта. Например за заглавия и за основния текст. Бихте могли да добавите трети за по-особени акценти – цитати, подписи, имитации на ръкопис.
- Дръжте на четливостта – кратките заглавия могат да бъдат изписани с по-„завъртян“ шрифт, но основният текст трябва да може да се чете без напрежение.
- Използвайте Sans Serif шрифт за текстове в уеб.
- Избирайте по-стандартни шрифтове, с които хората са свикнали, а и се четат добре при всякакви размери и екрани. Ако искате да направите нещо по-впечатляващо чрез шрифт – използвайте по-„особени“ шрифтове за кратки изрази и акценти, които не изискват задълбочено четене или вникване в информацията.
- Стремете се към ясно изразена йерархия на заглавията, подзаглавията, текста и останалите елементи.
- Въздържайте се от текст, изписан само с главни букви или го ползвайте за не повече от две-три поредни думи.
- Осигурете силен контраст между текста и фона – доста подценявано правило, а всъщност е едно от най-важните в дизайна, особено в дигиталната среда (която е по-трудна за възприемане от окото дори чисто физически).
- Не променяйте шрифта, ако не сте шрифт-дизайнер – запазете оригиналните разстояния между букви, редове и параграфи и не „сплесквайте“ шрифта, за да спестите място.
- Оставяйте въздух между параграфите и не прекалявайте с дългите изречения – дайте възможност на читателя да си поеме дъх между отделните твърдения.
- Не слагайте мигащ или движещ се текст, освен ако не е акцент от 1-2 думи, който може да се възприеме бързо.
⇒ Четимостта на текста показва стила на бранда, а дизайнът трябва да улеснява четенето, вместо да се опитва да буди възхищение.
Бонус правило №7: Ако имате съмнения, премахвайте
Ако имате съмнения дали вашия уеб сайт казва повече отколкото е нужно на потребителя, махнете нещо – преместете го на друга страница или направо в блога
Ако сте от хората, които пишат дълги текстове и се затрудняват в кратък формат, тествайте. Направете си къса и дълга страница, в която да представите себе си и продукта си и следете поведението на посетителите им. Оптимизирайте спрямо статистиките.
В заключение:
Добрият дизайн решава проблеми, не е декорация или тенденция. Той напътства окото и води потребителя по пътя към целта на сайта. В идеалния случай конверсията и търсенето на потребителя са едно и също нещо. Чрез визуалното оформление можете така да насочите вниманието към аргументи и информация, че не просто да продадете продукт/ услуга, а да станете първия и най-естествен избор на клиента си.
Ако имате нужда от по-конкретни насоки, оставете ми линк към сайта си в коментарите. Ще ви помогна.
===
Любомира Попова е уеб дизайнер на свободна практика и художник-сюрреалист с артистичен псевдоним Fineluart.
Създава първия си статичен сайт през 2008. В момента се е специализирала в изработката на WordPress сайтове и визии за уеб. Занимава се с дизайн повече от 17 години, като през повечето време е била част от рекламни фирми и агенции. Създавала е визии за почти всички рекламни среди – външна, печатна, уеб, digital, TV. Работи основно с малки бизнеси в сферата на услугите, макар през годините да е правила реклами за представители на почти всички сфери.
Има професионален интереси в областта на дигиталния маркетинг, графичния дизайн и social media. Това ѝ дава възможност да вижда уеб сайтовете не само като дизайн, а като част от визуалната комуникация между бранда и потребителя. За нея всяка отделна визия е част от цялостно развитие, а не „парче дизайн“.
„Редовно консултирам клиенти и млади колеги и винаги се радвам, когато успея да улесня някого по пътя му в моята (любима) сфера. Ако имате въпроси за дизайн и реклама, съм насреща да помогна, независимо дали става въпрос за принципи в дизайна, тенденции, технически въпроси, видове реклами или се нуждаете от конкретни съвети за личните си проекти. Питайте ме.“ Люба
