Дизайн за скрол или дизайн за клик е най-добър за вашия уебсайт

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

Втората е да оставиш линк към сайта си в коментарите и Люба да ти даде обратна връзка дали навигацията му е достатъчно интуитивна.

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

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

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

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

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

⇒ И двете възможности могат спокойно да се използват в рамките на един сайт, според вида съдържание на всяка от страниците.

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

Плюсове и минуси на дизайна за клик

Плюсове

Подобрен контрол за потребителите – за тях е предимство сами да контролират как навигират в сайта, да прескачат между конкретни страници или да се връщат към съдържание.
Собствено темпо на възприемане – посетителите разглеждат сайта със своята скорост, без да бъдат затрупвани от непрекъснат поток от данни. Това е сериозен аргумент „за“ в днешното състояние на уеб средата, където информацията е в повече, а нежеланото съдържание е направо отблъскващо.
По-добро за SEO – това всяка страница да има свой уникален URL адрес, позволява на търсачките да обхождат по-лесно сайта и да класират отделните страници. Така съдържанието е правилно индексирано и има реален шанс да се показва в резултатите от търсенето, което е ключов аспект за всеки уеб сайт.
По-бързо зареждане на страницата – тъй като на всяка страница се зареждат само определен брой елементи, липсата на безкраен скрол намалява времето за зареждане и подобрява производителността на сайта. Това е особено важно за потребители с по-бавна интернет връзка.
Номерацията в категорийни страници и бутоните в по-дългите страници са успокояващи – с един поглед потребителят разбира колко има да разглежда – 5, 10 или 15 страници. Той може да продължи да клика колкото дълго иска и да реши откъде иска да започне.
Съдържанието във футъра е достъпно – добре проектираният футър задържа потребителите много по-дълго в сайта. Той им помага да разберат структурата му и къде се намират, намалявайки отпадането и увеличавайки реализациите. Хората търсят определена информация във футъра (общи условия, начини за плащане, контакти, работно време и т.н.) и когато им отнемете тази възможност, можете да ги накарате да се почустват изгубени.
Микротекстът води до резултати – всеки бутон и линк съдържат в себе си текст, който е важна част от вътрешната навигация в сайта. Един добре измислен призив за действие, може да е достатъчен, за да отведе потребителя до желана от вас страница.

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

Минуси

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

Плюсове и минуси на безкрайното скролиране

Плюсове

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

Минуси

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

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

Кога да използвате вътрешната навигация чрез клик

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

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

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

Добри практики за клик и безкраен скрол

Безкраен скрол

Пасва естествено на мобилните устройства, като минимизира кликванията.
Използвайте lazy load (постепенно зареждане на информацията), за да не забавите скоростта на зареждане на страницата.
Оптимизирайте изображенията, за да избегнете забавяне в мобилните мрежи.
Осигурете визуална обратна връзка, като например индикатор „loading“.
За по-лесна навигация добавете бутон „back to top“ или оставете главното меню фиксирано в горната част.
Можете да редувате вертикален и хоризонтален скрол (чрез карусели), за да разчупите преживяването и да скъсите страницата.

Дизайн за клик

Уверете се, че структурата на сайта ви е логична и хората се ориентират къде са, откъде са дошли и накъде да продължат. Така ще им помогнете лесно да прескачат между отделните страници и секции.
Уверете се, че бутоните са удобни за докосване, включително на мобилни устройства.
Използвайте по-малко елементи на една страница, за да не затрупвате хората с информация, а да им позволите да разглеждат сайта според това какво точно търсят.
Използвайте стрелки, бутони „следващ“ и добре описани линкове и бутони, за по-лесна навигация.
Минимизирайте броя на кликванията, необходими за достигане до крайната стъпка в сайта — всяко кликване е потенциална точка на отпадане.
Използвайте кликвания пестеливо в съдържание, което трябва да се превърта (статии в блога, продуктови категории).

За типичен бранд уебсайт най-добре работи следната структура

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

⇒ Разберете от какво се нуждае вашата аудитория и как най-добре да ѝ го предоставите и след това вдъхнете живот на дизайна си чрез улеснено навигиране. За да изследвате поведението на посетителите, използвайте инструментите за статистика, които предоставят топлинни карти (heat maps) и видео записи на движението им в сайта ви (video sessions).

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

===

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

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

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