7 най-често срещани грешки в уеб дизайна според психологията

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

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

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

• Използване на неподходяща цветова схема

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

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

Ето няколко примера за това как потребителите възприемат цветовете:

1. Червено : вълнение, сила, любов и енергия

2. Оранжево : увереност, успех, смелост и общителност

3. Жълто : творчество, щастие, топлина и радост

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

5. Синьо : доверие, мир, лоялност и компетентност

6. Черно : формалност, драматичност, изтънченост и сигурност

7. Бяло : чистота, простота, невинност и честност

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

• Избор на лош шрифт

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

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

Ето няколко примера за това как се възприемат шрифтовете:

1. Serif: стабилен, уважаван, традиционен и официален

2. Без засечки: прост, разумен и неутрален

3. Сценарий: личен, изискан и елегантен

4. Модерен без засечки: нетрадиционен, корпоративен, уникален и четлив

5. Дисплей: странен, приятелски настроен, ексцентричен и изпъкнал

• Проектиране на бавен сайт

Всички сме изпитвали (и може би дори създавали) сайтове, чието зареждане е бавно. Според проучване на Google, потребителите са с 32% по-склонни да напуснат уебсайта ви, ако страницата се зарежда за 3 секунди. Освен това, старши анализатор на Google, Джон Мюлер, намеква, че разработчиците трябва да насочат сайтовете си да се зареждат по-бързо от 2-3 секунди. Това ни води до парадокс, известен като възприемането на скоростта. Теорията предполага, че хората не забелязват, че времето минава, докато са заети с нещо приятно. Когато обаче са раздразнени или недоволни, те знаят точно колко време е минало. Най-лесният начин да положите отлична основа за производителността на сайта е да изберете надеждна уеб хостинг услуга с прилично време за зареждане. Според проучване разликата в средната скорост на сървърите може да варира от 297 ms до 7 331 ms. След като имате солидна основа, можете да продължите да компресирате елементите на интерфейса на вашия сайт, което ги прави по-бързи за зареждане. Можете да започнете, като премахнете ненужния код от вашия сайт, ръчно или с помощта на минимизатор на код. Също така е добра идея да компресирате изображения и да премахнете ненужната информация от техните файлове с помощта на инструмент за компресиране като ImageOptim. Въпреки това, ако имате задача да проектирате сайт, който се нуждае от големи елементи, можете да използвате скелетни екрани (като по-долу) или релаксиращи цветове на фона (например сини градиенти), докато посетителят чака.

• Изграждане на сложно оформление

Организираните и структурирани оформления са приятни за окото и работят на подсъзнателно ниво. Проучванията показват, че 38% от потребителите твърдят, че напускат сайт, ако съдържанието или оформлението са непривлекателни. Освен това, гещалт принципите на възприемане на формата предполагат, че потребителите са склонни първо да разглеждат целия уебсайт, вместо да се фокусират върху един обект. Следователно оформлението на сайта като цяло е по-важно от отделните му части. Ако вашият интерфейс е неорганизиран и структурата няма смисъл за вашите потребители, те вероятно ще го напуснат. Хората са склонни да сканират уебсайта в модел F-стил. Това означава, че най-критичните части от вашия сайт са крайната лява колона и горният ред. Затова поставете основната информация в тези раздели.

• Затрупване на вашия сайт със съдържание

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

• Показване на множество CTA

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

• Използване на елементи, които приличат на банери

Не на последно място, проучването на Nielsen Norman Group относно слепота на банери показва, че потребителите са се научили да игнорират съдържание, което е близо до реклами, наподобява реклами или се появява на места, традиционно предназначени за реклами. Най-типичният случай е проектиране на призив за действие с рамка около него, която моментално изглежда като реклама. Избягвайте да проектирате елементите на сайта си, така че да изглеждат като реклами, или посетителите ви ще ги игнорират.

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

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