Как да осъществите целите на сайта чрез дизайн на съдържанието

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

Какъв е този начин и какви дизайнерски трикове да използваш, за да помогнеш на посетителя да се информира, да си намери решение, да си избере оферта и да направи поръчка през твоя сайт? Това ти разказва днес дизайнерът Любомира Попова.

⇒ Остави ѝ линк към твоя сайт в коментар под статията, за да ти върне препоръки как да подобриш дизайна на съдържанието в него. 

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

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

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

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

Днес споделям с вас как всички елементи могат да се оформят като „пътека“, по която посетителите да достигнат до крайната цел на сайта.

Кои са основните етапи от търсенето на потребителя

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

1. Нужда от информация по даден проблем – хората търсят информация как да си решат конкретен проблем още преди да са се ориентирали какъв продукт/услуга им трябва за целта.

2. Нужда от информация за решението на проблема – хората са си направили проучване и вече знаят какво им е необходимо, за да удовлетворят нуждите си. Започват да търсят информация за конкретен вид продукт/услуга.

3. Сравнение на варианти и оферти – хората са взели решение за покупка и остава да изберат от кой бранд да поръчат.

4. Покупка – хората се спират на вашия продукт и правят поръчка.

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

Например статиите от блога, които засягат информацията за проблемите, нуждите и възможните решения да водят към статиите с информация за конкретните решения (вашите продукти/услуги). Те, от своя страна, да водят към услугите ви или към категории с подходящи продукти, ако сайтът ви е онлайн магазин. И накрая, сайтът ви трябва да е така направен, че да се поръчва лесно и бързо.

Как да подсилите чрез средствата на дизайна тези „пътеки“, отговарящи на различните етапи от търсенето на посетителя

1. Нужда от информация по даден проблем

Използвайте блога, в който са публикувани полезни статии. Самият блог трябва да следва дизайна на сайта, но всяка статия има собствено оформление, което ѝ помага (или пречи, ако не е направено добре) да бъде прочетена докрай. Ето как можете вие да се погрижите за него:

• Слагайте големи заглавия (но не прекалено) и оставяйте около тях повече въздух, за да се открояват и да се сканират лесно с поглед.
• Оформяйте един и същи тип елементи винаги по един и същи начин – когато изброявате, слагайте списъци; когато разказвате, обособявайте параграфи; когато се позовавате на данни, добавяйте диаграми; когато искате да привлечете внимание или да развеселите, подкрепяйте текста с изображения.
• Слагайте контрастни акценти. Най-важните сентенции в текстовете ви, оформяйте като полета на различен фон, в и около които отново оставяйте повече въздух, за да им придадете нужната тежест.
• Изберете два вида полета за акцентите – по един начин оформяйте съветите си към хората и това, което те търсят по темата и по друг начин правете карета, които разказват как вашия продукт се вписва в цялата тема.
• Използвайте максимално големи изображения на схеми, чартове или указания за употреба на продукта в снимки. Описанието трябва да е близо до тях и да е с различно от основния текст оформление (например по-малък размер букви или по-светъл цвят). Самите изображения заедно с описанията им, отделяйте от параграфите, за да изпъкват.
• Добавяйте примери как вашия продукт/услуга решава тези проблеми, като отделяте информацията в каре с цвета на бранда.

Всичко това ще ориентира хората и те лесно и бързо ще намерят необходимата им информация.

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

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

2. Нужда от информация за решението на проблема

На този етап можете да привлечете хората не само с подходящи статии в блога, но и чрез страниците на вашите продукти и услуги. За целта те трябва да съдържат цялата необходима на потребителя информация и отговори на най-често задаваните от него въпроси. Тук можете да използвате много повече визуални материали. Към всичко изброено в точка 1, прибавете и следните елементи:

• Карета с мнения на реални потребители. Хубаво е те да са в отделна, ясно отличима секция. Подсилете въздействието им като  добавите към тях и оценка със звездички. При каретата най-ясно видимият елемент трябва да е самият отзив, текстът. Всички останали елементи (снимка, име, длъжност) са поддържащи, за да става ясно какво е това. Ако за мнения използвате скрийншоти от Фейсбук, няма нужда да оформяте секцията с допълнителен дизайн, защото хората са свикнали много с тази визия и ще се ориентират лесно.
• Големи цифри, с които описвате отделни стъпки – например процес, монтаж и т.н.
• Иконки, с които показвате акценти в текста – използвайте само релевантни знаци. Не е добра практика да слагате визуален образ, който няма нищо общо с темата. Това обърква.
• Видео, което показва употребата на даден продукт или описва история, свързана с проблеми и решения около него. Ако използвате видеа, най-добре е да им дадете предимство – още по-добре е статията да започва с тях. След това извадете основните акценти, но не разказвайте цялото видео, за да провокирате интереса към него.
• Линкове към конкретни ваши продукти, услуги или категории в онлайн магазина. Направете ги като карета със снимка, заглавие и линк.

Важно напомняне!

• За да придадете тежест на дадено предложение, е необходимо да го направите по-голямо и/или контрастно.
• Ако искате да оставите избора изцяло в ръцете на потребителя, направете всички предложения еднакви по големина (и с еднакви не много големи разстояния между тях) и като визуално оформление. Така давате знак, че те са еднакво важни.
• Третият вариант е да ги направите еднакви, но само на единия да добавите лек акцент – рамка, фон, различен цвят на текста. По този начин давате знак, че са равностойни, но вие препоръчвате едно от тях. Не е необходимо да пишете, че това е препоръчано предложение. Но ако го правите, нека е категорично видимо – с по-контрастен цвят или в златно (ако цялостния дизайн на сайта позволява) и т.н.

3. Сравнение на варианти и оферти

На този етап хората сравняват не само офертите във вашия сайт, но и офертите на ваши конкуренти.

• По отношение на офертите за продукти/услуги във вашия сайт, препоръчително е стандартният (най-поръчвания) вариант да е по-отличим – по-голям, по-цветен, с по-тъмни текстове. Когато в офертите ви има конкретни параметри, оставете ги във всички варианти, но там където не са включени в цената ги направете светлосиви и добавете иконки „х“ и „чек-марк“.
• По отношение на сравнението с останалите брандове във сферата ви, трябва да сте наясно, че хората свикват с характерните особености на сферата и си ги търсят. От друга страна, задължително е да се отличите. Помислете кое е най-характерната черта за вас, най-силната ви страна и най-релевантната за потенциалния клиент и направете нейната визия ясно отличима. Можете да започнете с нея, като я оформите в отделно каре с различен фон и големина или да я опишете с кратко резюме и реални снимки.

4. Покупка

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

• Ако продавате продукти в онлайн магазин – сложете ясни, големи, качествени снимки, които стоят най-отгоре в страницата. Направете голямо и четливо заглавие. Дайте кратко описание. Направете бутон „Купи“ достатъчно голям, за да се вижда, а на мобилната версия – да е удобен за достигане само с палец. Около продукта и бутона за поръчка, добавете кратки акценти (с по 1-2 думи) за доставката, количествата, платежните методи и всичко, което е важно за клиента. Направете ги по-светли и ги гарнирайте с иконки. Ако предлагате нещо в полза на клиента (безплатна доставка, гаранция), тогава направете обратното – оформете го в контрастен цвят и с болднат текст (червен, ако искате да сигнализирате или зелен, ако искате да подсилите усещането, че вие давате). Пълната информация за продукта оставете надолу, като използвате максимално много снимки, описания за сглобяване, сертификати и т.н. Спазвайте логиката на табовете в продуктовото описание, защото хората са свикнали и ще улесните ориентацията им, но и за да не ги карате да скролват прекалено много, само за да разберат, че дадена спецификация на продукта не ги устройва.
• Ако продавате продукти без онлайн магазин, важат горните съвети, като различното е, че няма да имате бутон „Купи“. Моят съвет е да не оставяте потребителите да търсят общата страница за контакти и да се чудят дали през формата за запитвания ще има кой да обработи поръчката им. Най-добре е да добавите бутон с телефона ви и/или форма за поръчка директно в страницата. Направете тези елементи достатъчно видими. Ако страницата е по-дълга и формата за поръчка е твърде надолу, можете до продукта да поставите бутон „Поръчай“, който да води към формата.
• Ако предлагате услуги, оформете ги като сравними таблично предложения и отново добавете начин за поръчка директно в тази страница.

Колкото по-лесно се ориентират хората в сайта ви, толкова по-приятно се чувстват на него. Следователно, по-лесно ви стават клиенти, а много от тях се превръщат и в постоянни клиенти.

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

Искате ли да разберете дали дизайнът помага на съдържанието на вашия сайт да се превърне в пътека, по която посетителят минава благополучно, независимо на какъв етап от търсенето си е? Споделете линк в коментар под този пост и аз ще ви дам обратна връзка.

===

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

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

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