4 основни грешки в уеб дизайна и как да ги избегнем

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

Прегледай го още веднъж преди да започнеш да подготвяш оферти за черен петък, бял понеделник и коледните празници. За твое улеснение дизайнерът Люба Попова е направила списък с нещата, които трябва да провериш.

⇒ Остави линк в коментарите, за да го погледне и Люба, професионалист с набито око и да ти каже какво още можеш да подобриш. 

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

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

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

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

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

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

Как да избегнем основните грешки при създаването на уеб сайта си

Неясна структура на сайта

Създавайте сайтове, в които от пръв поглед става ясно кое меню за какво е, кой бутон накъде води, кое е линк и кое не, кой текст е важен и кой е само пояснителен. Подредете съдържанието по важност, приоритизирайте лекотата при достигането до целта за сметка на украсата. Оставете дизайна да пояснява предназначението на елементите и премахнете всички „красоти”, които не подчертават важна функционалност. Припомнете си статията „Как посетителят да се фокусира върху целта си, когато е в сайта ви“, в която описвам как да избегнете когнитивното претоварване.

Неефективно потребителско преживяване

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

Неподходяща визуална комуникация

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

Лоша адаптивност, accessibility и четимост

Адаптивният дизайн на уебсайт, който работи перфектно на различни устройства и размери на екраните, създава най-доброто потребителско изживяване. Лесното възприемане на информацията (текстове, изображения и взаимовръзките между отделните елементи) помага на ориентацията, а оттам – на постигането на крайната цел на сайта. Достъпността (accessibility) помага не само на хората със затруднения, но и на търсачките и на хората, които просто предпочитат гласово взаимодействие с устройствата (например шофиращите). Вижте статиите ми за Web Accessibility и достъпност в уеб дизайна и си припомнете важността на ясната структура.

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

Някои от ключовите принципи на успешния уеб дизайн включват:

Психология на цветовете

Можете да подскажете на потребителите с каква емоция да свързват бранда ви само с подбор на подходяща палитра. Можете да създадете познаваемост (awareness) чрез използване на бранд цветовете. Съветвам ви да се придържате към по-пастелни тонове, защото екраните излъчват светлина и ярките „крещящи“ цветове пречат на възприемането на информацията.

Бяло пространство

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

Последователност при възприемането на сайта

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

В заключение ви припомням статиите „9 златни правила за уеб дизайн – чек-лист за фрийлансъри“ и „11 съвета за ефективен дизайн за недизайнери “. В тях съм синтезирала най-важното, което да не се пропуска при създаване, редизайн и подобряване на сайт.

Ако имате конкретни въпроси за своя сайт, пишете ми в коментар под тази статия и аз ще отговоря до няколко дни.

===

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

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

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