Най-хубавото в SEO е, че е магическият начин да убедиш клиента в някое по-ползваемо решение. Ако кажеш: “Да направим това и това, за да подобрим ползваемостта,” срещаш див отпор. Ако смениш “ползваемост” със “SEO” получаваш мигновенно съгласие. How come that?
Моя статия от брой 183 на българското списание .net.
Последните няколко седмици се занимавам с редизайна на системата за онлайн банкиране на една от популярните български банки. Преди няколко месеца те я смениха с нова, доставена от голям индийски разработчик на банков софтуер.
И макар да бе нова, тя съвсем не беше посрещната добре от потребителите. Някой може да каже, че хората не обичат радикалните промени в интерфейсите на продуктите, които ползват, защото трябва да ги разучават отново и съответно да губят време. Истината обаче е, че ако дизайнът не беше толкова объркващ и не нарушаваше толкова много от основните правила за оформяне на интерфейсните елементи, то посрещането съвсем нямаше да е толкова негостоприемно.
Едно от най-странните неща беше оформлението на бутоните, линковете и заглавията в приложението. Всички те бяха син подчертан текст. Единственият начин да направиш разлика между тях беше размерът на шрифта – линковете бяха със стандартен размер, бутоните с малко по-голям и удебелени, а заглавията най-големи. В резултат потребителите не знаеха кой елемент каква функция изпълнява. Хората трудно се ориентираха в екраните, защото всичко изглеждаше еднакво и окото на човек нямаше за какво да се хване, за да разплете плетеницата от текст и контроли и да налучка правилния път напред. Може ли да се клика на заглавията? Ако натисна този линк ще изпратя ли формата?
Но нищо чудно, че индийските дизайнери бяха допуснали такава грешка. Просто поради някаква причина сляпо са следвали принципа, че щом става въпрос за уеб сайт трябва да се използват линкове за всичко. Да, обаче конвенцията в интернет е, че линковете служат за предвижване от една страница на друга. А целта на потребителите в едно приложение (било то и уеб) е основно да променят някакви данни. Т.е. когато си попълнил цяла страница полета за едно платежно нареждане най-малкото, което искаш да ти се случи е да натиснеш някакъв линк и да отидеш някъде другаде и да изгубиш всичките въведени данни.
За да не поставяме потребителите в подобни неприятни ситуации, чудещи се какво да правят е хубаво да се следват основните правила за използване на интерфейсните елементи линк и бутон.
Когато става въпрос за промяна на някакви данни е правилно да се използват бутони. Пример за това е функционалността „Добави в пазарската кошница”, която увеличава броя на артикулите, които потребителят си е поръчал от даден онлайн магазин. Когато обаче става за навигиране е напълно погрешно да се използват бутони – линковете са най-естественият начин да обозначиш възможността за преминаване към нова страница.
Разбира се има и изключения от тези правила. Така например, когато имаме процес, в който се минава през няколко екрана (или страници) няма нужда да използваме линкове, а вместо това в интерфейса да имаме бутони „Напред” или „Нататък”. Или пък обратното: когато става въпрос за команди, които са оформени като линкове – „Назад” или „Отмяна”. Такива командни линкове са много популярни в уеб2.0 приложенията и намериха приложение дори в Windows Vista.
И това не е случайно. Изследванията за ползваемост показват, че в една уеб форма могат успешно да се комбинират и двата подхода – използване на бутони за основното действие (напр. „Изпращане”) и командни линкове за второстепенното (напр. „Отмяна”). Това помага на потребителите да се ориентират по-бързо и чисто визуално по-лесно да открият елемента, чрез който да реализират най-важното за тях действие.
А точно това е основната задача на дизайнера. Затова изборът дали даден елемент да бъде линк или бутон трябва да бъде воден от това, колко внимание искаме да насочим към него и каква функционалност искаме да комуникираме чрез него.
Моя статия от последния брой на българското издание на списание .Net. Харесвам си я.
Наскоро слушах едно подкаст интервю с Джарид Спуул. Джарид е основател на една от най-известните агенции, занимаващи се с изследване на ползваемостта – UIE (User Interface Engeneering) и нещата, които споделя обикновено са много интересни. Многобройните тестове на сайтове с потребители, които той и екипът му провеждат, често имат резултати, които разбиват на пух и прах традиционните ни схващания за това как се правят нещата, но пък са абсолютно логични и всъщност са израз на само едно – здравият разум на потребителите.
Та във въпросното интервю Джарид между другото спомена и едно свое много интересно наблюдение относно началните страници на сайтовете. “Не гледайте на началната си страница като на рекламно каре. Гледайте на нея като следващата стъпка, която довежда хората до това, което търсят. Ако мислите да сложите нещо на началната страница, но не се сещате причина някой да го търси, то най-вероятно мястото му не е там.”
Колкото и логично да звучи това обаче, все още голям брой начални страници промотират напълно ненужна информация и само губят времето на хората. Типичният пример за това са последните новини. “Иван Иванов оглави отдел човешки ресурси”. Чудесно за него. Но на колко души това би помогнало да си свършат работата? Или пък любимо ми въвеждащо изречение – “Фирма ХХХ е основана през 1995 година от Иван Иванов с решение 187 на Софийски градски съд.” О, това е важно. Сега знам как да си избера от вашите продукти…
В такива случаи хората просто отиват да търсят, нужната им информация другаде. Къде ли? На сайтовете на конкуренцията разбира се.
За да ви помогнат при решението какво да сложите на началната страница има редици препоръки за ползваемост, но най-важното според мен са няколко неща.
Винаги включвайте кратко обяснение на целта и съдържанието на сайта – какво предлага на посетителите. Понякога добро място за това обяснение може да е заглавието на прозореца на браузъра. То именно се показва в резултатите на търсачките, а както разбрахме по-горе началната страница е само стъпка от пътешествието на потребителя към търсеното. Защо да не привлечем вниманието му още преди да е дошъл на нашия сайт и да се откроим от хилядите страници със заглавие “Начало” или “Добре дошли в официалния сайт на…”.
И като споменах отличаване – много е важно да става ясно каква е разликата между предлаганото в този сайт и на стотиците други в интернет. Винаги има нещо различно, на което може да се наблегне. Чудесен начин за постигането на тази цел е да се показват примери от истинското съдържание на сайта. Ако целта е да се продават чорапи – покажете един чифт и го направете връзка към пълното описание. Ако целта е да се представи някаква услуга – опитайте са да я синтезирате в един кратък абзац и сложете няколко връзки към по-подробното описание.
За по-големите сайтове с по-разнообразно съдържание, може да е трудно да се покажат много примери. Преценете, коя е най-популярната ви оферта и акцентирайте върху нея, но не скривайте всичко останало зад прекалено общото “Продукти”. Направете връзки към всички по-популярни страници, а ако са твърде много ги обособете в няколко групи, но не ги крийте по вътрешните страници. Просто повечето хора не са достатъчно находчиви и посветени на вашия сайт, за да го обиколят в търсене на ценната информация.
И най-важното. Не се притеснявайте, че началната страница ще стане прекалено “наблъскана” или “претоварена”. Графичният дизайн има редица трикове, които се справят с проблема пък и хората отдавна вече знаят как се скролва. Важното е да предложите достатъчно сламки, за които потребителите ви да се хванат докато търсят каквото им трябва.