Как да подобрим използваемостта на сайта: насоки и примери
Използваемостта отразява удобството на взаимодействието на потребителя със сайта. Важните елементи, на които трябва да се обърне най-много внимание са: неговата структура, навигация, дизайн и липсата на технически грешки. Ако сайтът е удобен за потребителя, той ще има високи реализации и добри поведенчески фактори, които се отразяват в дълбочината на уеб прегледа, степента на отпадане и времето, прекарано на сайта. А тези фактори от своя страна влияят пряко на класирането в търсачките.
Структура и необходими елементи
Един от важните параметри за използваемост е удобната и разбираема структура на сайта. На всяка страница потребителят трябва да разбере за какво точно става въпрос, как да се върне назад или да намери това, което го интересува и дали може да достигне крайната си цел – например, да купи продукт и да получи полезна информация.
Първоначално зареждане на избираема страница от сайта
Веднага щом зареди определена страница, потребителят трябва да разбира на какъв ресурс е попаднал. По този начин той решава дали да остане или да напусне сайта. Следователно, цялата основна информация трябва да се съдържа на тази страница: заглавие, меню със секции и началото на основното съдържание на страницата. Ако това е статия, първият параграф трябва да е видим, ако е онлайн магазин – списък на стоки или описание на продукт.
Ако сайтът има висок процент отпадания, струва си да се анализират гореописаните параметри и да видите дали потребителят разбира за какво става въпрос на страницата и дали предоставената информация може да задоволи интереса му.
Навигация
За удобна навигация по сайта и повече преходи е необходимо да обмислите всички елементи на навигацията. Всяка страница трябва да има връзка към началната страница, както и breadcrumbs, които могат да се използват за връщане към предишен раздел. Заглавието на всеки раздел трябва да бъде кратко и информативно.
Обикновено, всички важни секции и категории са в менюто. Ако менюто е съставено според семантичното ядро, то ще зададе плътността по ключови думи и в същото време ще бъде възможно най-удобно за потребителите, тъй като ще отговаря на основните заявки.
Иконите не трябва да се използват като навигационни връзки, тъй като е доказано, че имат ниска честота на кликване. Те често остават неразбираеми за потребителите.
Трябва и да се обърне внимание на удобството и яснотата на навигационните елементи за потребители с по-слабо зрение.
Допълнително свързване
За да ангажирате потребителя и да увеличите броя на разглежданите страници в сайта, е необходимо да ги свържете помежду им. Например, добавете блок „Подобни статии“ или „Най-купувани“, както и връзки в самото съдържание.
Познато подреждане на елементи
Не се препоръчва да се променя стандартната мрежа от елементи, за да не се усложнява задачата за потребителите. По-удобно е да навигирате в сайт, ако всички блокове са на обичайните си места:
- лого за кликване в горния ляв ъгъл, водещо към главната страница;
- данни за контакт и работно време в топ бара на страницата;
- пазарска кошница в горния десен ъгъл;
- основни секции, контакти и връзки към социалните мрежи във футъра;
- Бутон „Нагоре“ в долния десен ъгъл.
Филтри
За да опростите търсенето на желания продукт, както и да покриете заявките със средна и ниска честота, трябва да създадете колкото се може повече филтри. Семантичното ядро на клъстери и анализ на нуждите на потребителите ще помогнат за това. Помислете какви параметри на продукта може да са важни, а също така анализирайте конкурентите си. Ако има твърде много параметри, можете да ги скриете в спойлери („Покажи повече“) или да ги преместите в разширено търсене. Във всеки случай си струва да разгледате всички възможни опции за филтри.
Сортиране
Също така трябва да предвидите различни опции за сортиране. На първо място, това е сортиране по цена, вид, размер, цвят, както и други важни характеристики: популярност, рейтинг, марка и т.н.
Продукт в онлайн магазин
Задължителни компоненти на продуктовата страница:
- цена;
- бутон за покупка;
- основни характеристики на продукта;
- описание на продукта;
- условия за доставка и плащане.
Ако е възможно, струва си да добавите допълнителни елементи като: отзиви, гаранция, рейтинг, ЧЗВ. Колкото по-подробна е информацията за продукта, толкова по-голяма ще бъде конверсията, защото всичката възможни информация относно продукта е в състава на една и съща страница.
Търсене в сайта
Търсенето също е задължително във всеки един уеб сайт.
Технически спецификации
Дори сайтът да има висококачествена структура, добре обмислен дизайн и уникално съдържание, но има технически грешки, той няма да бъде високо оценен от потребителите и търсачките.
Скорост на сайта
Скоростта на сайта е важен фактор за класирането му (особено за Google), тъй като потребителите обикновено затварят страница, ако се изисква повече от пет секунди за нейното зареждане. Можете да проверите скоростта в Pagespeed Insights от Google или GTmetrix.
Мобилна съвместимост
Адаптивността също е важна. Уеб сайтовете, независимо как са изработени, трябва да имат мобилна версия. Освен това сайтът трябва да се зарежда правилно във всички браузъри и при всички разделителни способности.
Формуляри за поръчка
Основното правило за формулярите е лекотата на попълване. Желателно е да имате бутон „Бърза поръчка“, но ако за осъществяването на поръчка е необходима регистрация, то тя трябва да бъде възможно най-кратка, тъй като всяко допълнително поле във формулярите намалява конверсията.
Формулярите, които предлагат да се направи косвена поръчка, са ефективни. Основната им цел е получаване на данни за контакт с клиента. Например, това са бутони, съдържащи с фразите: „Изчислете цената на услугата“ – където резултатът ще бъде изпратен до имейла или „Поръчайте безплатна консултация“ – където трябва да оставят телефонния си номер за обратна връзка.
Интерактивни елементи
Интерактивните елементи увеличават ангажираността на потребителя със съдържанието на страницата. Ако това представлява полезен инструмент, той ще увеличи лоялността на потребителя, който от своя страна ще го сподели в социалните мрежи или ще остави някъде линк. И в двата случая масата на връзката ще нарастне. Най-популярни са тестовете и калкулаторите.
Чатове, обратно повикване
Някои от най-популярните инструменти, които значително увеличават реализациите, са чатовете и обратните повиквания. Чатовете помагат бързо да се отговори на въпроси и да се вземат данни за контакт на клиентите.
Важно е да не прекалявате с изскачащите прозорци, в противен случай те ще имат обратен ефект. Ограничете се до един, максимум два изкачащи прозореца.
Дизайн
Дизайнът отразява имиджа на компанията и марката, както в търговски, така и в информационни проекти. Принципите на дизайна, които отговарят на добрата използваемост, са универсални: трябва да помогне на потребителя да възприема съдържанието, правилно да постави необходимите акценти и да подчертае корпоративната идентичност.
Цветен спектър
В повечето случаи се препоръчват спокойни цветове. Яркият цвят може да подчертае нужните Ви елементи, но не и когато се използва твърде често, защото привлича цялото внимание и прави текста труден за четене.
Четимост на текста
Всеки текст трябва да бъде четим и да контрастира с фона. Разбира се, най-добрата комбинация е черен текст на бял фон и не бива да се отдалечавате от тази комбинация. Трябва също да използвате оптималното разстояние между линиите, шрифта и размера на текста, които трябва да бъдат адаптирани отделно за мобилни устройства. Препоръчва се използването на sans-serif фонтове за елементи на навигация.
Освен това текстът трябва да бъде разделен на еднакви параграфи и да има правилна йерархия на заглавията.
Празно пространство между елементите
За улеснение на възприемането се препоръчва винаги да се оставя място между елементите. Ето защо всяко призоваване за действие – бутон за покупка или абониране – винаги трябва да бъде контрастно и откъснато от другите елементи.
Не повече от четири акцента на страница
Смята се, че вниманието на човек не е в състояние да възприеме повече от четири акцента на страница. Ето защо, ако има твърде много ярки бутони, банери с промоции, тогава потребителят няма да обърне внимание на нито един от тях.
- Published in Уеб Дизайн, Уеб Сайт Съвети и Трикове
Изработка на уеб сайт
Ако искате изработка на уеб сайт, той трябва да олицетворява вас и вашата дейност, така че, когато потребителите погледнат тази своеобразна форма на портрет, да си кажат: “Бива си го”. Това винаги е бил нашият пътепоказател, нашата опорна точка, около която работим. Сред множеството дейности, в които се налагаме и напредваме все по-убедително, изработката на сайт е сред най-силните ни страни. От вас искаме да отделите време и да помислите какво да включва този сайт, на какво да се наблегне и кое е от първостепенно значение за самите. От нас се иска да си свършим професионално работата на базата на вашите норми и изисквания и да пуснем сайта в експлоатация.
Може би ще попитате какво е по-специалното при изработка на уеб сайт. Да предположим, че си имате едно заделено местенце в местната преса, за което ежемесечно плащате наем. Чрез него много хора виждат вашето име, това на фирмата ви и привличате интерес и посещаемост на обектите си. Когато обаче притежавате собствен сайт, вие притежавате не една колонка във вестник, а цял вестник. И всеки тираж е лично и само ваш. И в този сайт можете да промотирате себе си денонощно, като разходите ви драстично ще намаляват и ще усетите разликата осезаемо.
Какви са опциите за изработка на уеб сайт
Нека кажем няколко думи за самата изработка на уеб сайт. Сайтовете биват няколко вида, но най-общо можем да ги определим като динамични и статични. Идеята ни не е да ви обременяваме с терминология и чуждици, чието значение няма да ви говори нищо, затова ще се опитаме накратко да обясним разликите.
Статичен сайт е този, който може да се редактира само от човека или хората, които са го създали. Никой друг не може да вмъква или изтрива информация от него, никой не може да обновява предоставените в него данни. Статичният сайт е подходящ за лични или презентационни уеб страници, за които няма да има нужда ежедневна актуализация на съдържанието. Може би ще си помислите, че те са по-евтиният вариант, но това не е съвсем така. Те са трудоемки, отнемат много време и вече почти никой не ги употребява.
Динамичните сайтове са онези сайтове, които могат да се променят постоянно. Единственото условие е да имате администраторски права. Това означава, че трябва да имате пакет от преференции, които ви позволяват да добавяте или премахвате текстовете, изображенията и други елементи в страници на сайта. Този пакет от преференции се уточнява преди самата изработка на уеб сайт.
Стъпките, през които се преминава при изработка на уеб сайт:
- Избор на адрес на сайта, на който хората ще могат да ви намерят. Нарича се домейн.
- Изработка на уеб дизайна на вашата страница – облик и персонализиране на сайта.
- Определянето на администратор или администратори на сайта, програмното му изграждане и управление.
- Първоначална SEO оптимизация на сайта и популяризирането му посредством водещите търсачки в интернет (Google).
Тъй като споменахме “уеб дизайн”, нека да дадем кратко описание и на този термин. Уеб дизайн е цялостната подредба на всички елементи, които съдържа сайтът Ви – текстове, изображения, фон, препратки към други сайтове (линкове), шрифтове. Подредбата на всички елементи трябва да е така изпипана, че да не се получи обратния ефект – сайтът трябва да провокира търсене, а не да отблъсква преглеждащите. Недопустимо е да се направи небрежна изработка на уеб сайт, просто за отбиване на номер.
- Published in Уеб Дизайн
Създаване на безплатен уеб сайт
Безплатен уеб сайт – Как?
Преглеждането на различни сайтове в интернет е интересно занимание, но в един момент може да решите, че искате да си имате своя лична страница. За щастие, всеки може да си създаде безплатен уеб сайт сравнително просто. Всичко, от което имате нужда е малко знания за създаване и редактиране на уеб страници и безплатен хост, ако не искате да инвестирате пари в първата си лична страница или малък сайт.
Ако търсите най-лесните и безплатни решения за личната си страница, то в такъв случай най-добре заложете на готовите шаблони на някоя от многото общности за начални страници в интернет. Това са сайтове-общности, които не само помагат да си създадете лична страница само с няколко клика, но освен това я хостват, в повечето случаи безплатно. Изработка на уеб сайт без много усилия…
Сред най-популярните общности за начални страници са:
- Angelfire – angelfire.lycos.com
- Bravenet – www.bravenet.com
- FortuneCity – www.fortunecity.com
- Freeservers – www.freeservers.com
- GoogleSites – sites.google.com
- Homestead – www.homestead.com
- Tripod – tripod.lycos.com
- Webs – www.webs.com
Когато си изберете общност и се присъедините към нея, най-често с кратка регистрация, получавате безплатно определено дисково пространство за своята страница, което обикновено е между 15 мегабайта и 1 гигабайт. Не се притеснявайте, предлаганото дисково пространство, колкото и малко да ви се струва, всъщност е предостатъчно, за да хостнете своята лична страница.
След като сте се регистрирали и заявили своето дисково пространство, можете да започнете изграждането на страницата си. Това може да стане от нулата или да си изберете шаблон от предварително зададените. Само с няколко клика на мишката ще можете да направите личната си страница така, както искате и както ви харесва. Интерфейсите са интуитивни и едва ли ще срещнете някакви затруднения. Всичките предложени общности работят по сходен начин така че можете да се присъедините към повече от една.
Но всички знаем, че безплатен обяд няма, тогава каква е уловката тук? Защо някоя от тези общности ще предлага безплатно услугите си? Всъщност не е точно безплатно, защото те печелят от вас. Това става като поставят свои реклами на вашата лична страница и приходите от тях отиват за общността. Разбира се, повечето общности освен безплатни, предлагат и платени планове и услуги, за по-сериозните и бизнес ориентирани потребители, но щом става дума за вашата първа лична страница, то тогава подобни разходи са неоправдани и препоръчваме да се придържате към безплатните опции.
Въпреки че създаването на лична страница чрез общност е много просто и дори дете би се справило с него, за абсолютните лаици в сферата ще обясним как става това в Tripod (tripod.lycos.com), защото е една от най-популярните и добре уредени общности.
Подобно на останалите предложени общности, Tripod е една голяма колекция от лични уеб страници на своите потребители. Tripod предлага както безплатни решения, така и платени хостинг планове.
Безплатният план осигурява хостинг за неограничен брой страници, 20 мегабайта дисково пространство и 1 гигабайт месечен трафик, което е повече от достатъчно за вашата първа лична страничка. Разбира се, платените планове могат да ви осигурят повече дисково пространство и месечен трафик, но както споменахме по-горе, първоначално по-добре е да заложите на безплатната опция.
За да се регистрирате за безплатния план в Tripod трябва да изберете от началната страница Start Now. Когато се появи следващата страница, кликнете върху Sign Up и изберете планът Tripod Free. След това трябва да си измислите потребителско име и парола, които въвеждате в полета username и password. Попълнете останалата информация, която сайта изисква от вас и сте готови.
След като успешно сте създали безплатен акаунт, Tripod ще ви покаже страницата за неговото управление. За да започнете със създаването на личната си страница трябва да следвате следните стъпки:
- Изберете бутона Site Builder от началната страница или страницата за управление на акаунта ви;
- В следващата страница изберете опцията Start with a Multi-Page Template;
- Tripod ще изведе няколко категории на шаблоните за страница. Изберете желаната категория, за да разгледате шаблоните към нея. Когато се спрете на даден шаблон изберете Choose.
- Сега Tripod ви показва формуляр, който трябва да попълните. Въведете необходимата информация за страницата си и изберете Continue.
- Сега вече трябва да виждате визуалния дизайн на страницата. Ако го харесвате можете да изберете бутона Use Suggested Design. Ако пък искате да видите други варианти, изберете бутона Choose from All Designs и селектирайте даден дизайн, за да го видите като предварителен изглед. Когато сте готови с избора на дизайн натисне Use This Design.
- Tripod сега показва първата ви страница. Вече можете да въвеждате текст и изображения. За да въведете текст изберете Edit Text опцията до всеки текстов блок, който желаете да промените. Можете да променяте шрифта, размера му, цвета и форматирането.
- За да вмъкнете свое изображение на страницата трябва да изберете Edit Picture до изображението, което искате да замените. Когато се появи следващата страница изберете Choose a Different Picture и щракнете върху бутона Upload Picture. Когато ви се отвори галерията със изображения изберете си някое и селектирайте Choose, за да го вмъкнете. След това трябва да редактирате избраното изображение, това става на страницата Edit the Picture Settings. Когато сте готови с редакцията му просто изберете бутона Done.
- За да добавите други функции към страницата си, скролирайте надолу и изберете бутона Edit Site Add-On. Това ще ви позволи да добавите различни модули и функционалности, включително поле за търсене, броят на посетителите, интерактивна книга за гости, място за коментари и др.
- Когато завършите редактирането на първата си лична страница, щракнете върху иконата Publish to Web в долната част на прозореца.
Ето, че вашата лична уеб страница сега е направена и публикувана в мрежата, за да я посещават и виждат други хора. Когато това е факт, ще бъдете прехвърлени върху Tripod страницата за поздравления, където ще можете и да запишете и копирате линка към новата си лична страница, за да го дадете на приятели и познати и да ги поканите да я разгледат.
На края, трябва да сме честни, това е повече за забавление, за сериозна презентация обърнете се към професионалисти – примерно към нас 🙂
- Published in Уеб Дизайн, Уеб Сайт Съвети и Трикове