4 ключови елемента в сайта за добро първо впечатление

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

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

Люба Попова ти посочва кои са те и как трябва да изглеждат и има едно предложение към теб – сподели ѝ линк към сайта си в коментар под статията и тя ще ти каже какво първо впечатление прави той. 

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

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

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

1. Лого и слоган

Логото ви (или името ви, ако все още нямате лого), трябва да е поставено на видно място – обикновено горе вляво на сайта, в хедъра. Ако е подкрепено със слоган или девиз, още по-добре. Ако нямате слоган, напишете каква е дейността ви. Например „художник” или „онлайн галерия – живопис”, или „магазин за детски дрехи”.

Освен, че е важно логото да е на видно място, то трябва да е и с добро качество, да няма излишни ефекти и да се вижда добре на мобилна версия. (Прегледайте статията „Дизайн на лого – чеклист за начинаещи + инструменти“, за да се ориентирате.)

2. Hero Section

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

Например „За нас”, „Услуги” или „Блог”. Hero Section обикновено се поставя на начална или на лендинг страница. На вътрешните страници е добра практика отново да има ефектно изображение и подходящо заглавие, за да накарате хората да останат и да се запознаят със съдържанието.

3. Първият абзац (или секция)

Първата секция след Hero Section. Невинаги хората реагират на призива за действие в началото. Понякога искат да скролнат надолу и да разберат повече за бранда. Затова поставете „начело“ най-доброто от себе си – няколко акцента върху силните ви страни, кратко инфо за вас или представяне на най-важния ви продукт.

За вътрешните страници в сайта този подход не е особено подходящ. След като сте представили съдържанието с изображение и заглавие, използвайте първия параграф, за да кажете най-важното за услугите/продуктите си – какви ползи носят на клиентите ви.

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

4. Форматирането на страницата

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

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

• чрез различни цветове (като по-важните неща са в по-ярки нюанси),
• чрез различна големина (по-главното е по-голямо),
• чрез празното пространство (ако около даден елемент има повече въздух, той се възприема по-лесно, по-пълноценно и изглежда по-съществен. Ако празното пространство в сайта е повече, той изглежда
  по-стилен спрямо дизайни с гъсто разположени елементи).

В този пример посланието „We make spaces“ е едновременно точно и ясно спрямо дейността и визуално подкрепено с много пространство между отделните елементи. Има вмъкната игра на думи и това го прави още по-интересно.

При форматирането, освен да отличите различните елементи един от друг, имайте предвид и следните препоръки:

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

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

Ясно главно меню – менюто е сред първите елементи, които хората виждат в сайта. От една страна то не дава кой знае каква яснота по отношение на дейността ви, защото бутоните в почти всички сайтове носят едни и същи имена – За нас, Контакти, Блог, Услуги. А на мобилна версия бутоните изобщо не се виждат. Затова логото и слоганът в хедъра са от особена важност – благодарение на тях посетителят разбира къде е попаднал и каква е дейността ви.

Футър – когато хората стигнат до края на уеб страницата, която разглеждат, са сравнително склонни да излязат от нея. Затова през последните години футерът се използва като допълнителна секция за задържане на вниманието. Тук можете да сложите най-важните си страници, някоя снимка или визуално ефектен акцент.

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

Призив за действие преди футера – след като посетителят е разгледал цялата страница, и преди да стигне до футера, е добре да види секция или банер с добър дизайн и призив да направи това, което искате от него.

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

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

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

• Огледайте всички страници – не се знае кой клиент откъде идва и къде влиза за първи път в сайта ви. Невинаги това е началата страница, на която разчитате, защото е много ефектна и добре обмислена. Съветвам ви всеки път, когато създавате страница в сайта или пост в блога си, да ги мислите и от гледна точка на първия досег с тях.
• Прегледайте сайта си и на десктоп, и на мобилно устройство, за да сте сигурни, че всеки посетител ще види каквото вие искате и каквото му е необходимо.
• Огледайте нещата и от своя гледна точка – все пак представяте себе си.
• Погледнете сайта си през очите на редовния клиент, чието доверие вече сте спечелили – намира ли каквото му е нужно?
• Представете си как би реагирал нов посетител, който още няма представа къде е – създавайте всяка страница и всеки елемент, така че да му дават необходимата яснота.
• Помислете за новия клиент, който обаче не е нов посетител. Вие вече сте провокирали интереса му към бранда си, но още не сте му продали нищо. Затова отправяйте към него добре аргументирани и ясни послания. Разграничете ги от останалото съдържание с помощта на дизайна.
• Имайте предвид че сайтът ви се гледа и от вашите конкуренти. Покажете експертност в представянето си, използвайте реални снимки и подчертайте авторитета си.

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

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

Най-важното е сайтът ви да се обновява достатъчно често и да има модерен вид. Така давате знак, че се развивате и не сте занемарили дейността си. Не прекалявайте с елементите и цветовете, за да се чете лесно. Слагайте качествени изображения, които се възприемат бързо, лесно и с удоволствие. Използвайте бранд цветовете си и се погрижете текстовете да са добре форматирани, за да може сайтът да „разкаже” на посетителя всичко, което искате да му споделите и предложите.

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

===

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

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

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