Достъпност на съдържанието

Използваемост (Usability)

Използваемост

• Какво значи използваемост• Защо използваемостта е важна• Как хората използват сайтовете• Основни правила за използваемост• Практически съвети

Какво значи използваемост

• Използваемост (Usability, User-Friendly)• Лекота на използване на продукта• Елегантност и яснота на продукта• Добра използваемост означава:

Дизайнът да помага за лесното възприемане на съдържанието.

Защо използваемостта е важна• Случайните потребителите напускат сайта, ако за 30

секунди не разберат за какво е

• При лоша използваемност потребителят не намира нужната му информация

• Енергията която потребителите хабят за да стигнат до необходимата информация ги кара да напуснат бързо.

• Добрата използваемост води дo добро впечатление, комфорт и повече време прекарано на сайта.

Как хората изпозлват сайтовете

• Как разработчиците си мислят че потребителите използват сайтовете

• Как това става в действителност

Разбирането на разработчика

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

елемент

Чете

Чете

Чете

Клика върху добре подбран линк

Пауза за осмисляне

Представата на разработчика

Действителността

• Потребителят зареждат сайта• Оглежда трескаво за нещо което смътно

напомня това което му трябва• Щраква върху първото полу-подобие на

търсеното• Ако не върши работа натиска бутона back и

пробва отново

Оглежда трескаво за нещо:а/Което е интересно или смътно напомня това което му трябваб/върху което може да се цъкне

Щраква в/у първото полуподобие на търсеното

Ако не върши работа натиска back и отново…

Действителността

Тъжната истина

• Потребителите четат сайта колкото и и билборд покрай който минават със 100км.

• Те не четат страниците. Разглеждат ги набързо.

• Не вземат оптималните решения, а удовлетворяват минималните изисквания

• Не размишляват върху начина по който нещата работят, а се справят някак

Защо правят така?

• Обикновено бързат• Знаят че в сайта има много излишна

информация• Винаги могат да натиснат бутона back• Обичат да налучкват

Правила

• Създаване на ясна визуална йерархия• Използване на установените правила• Разделяне на страницата на ясно

обособени области• Ясни елементи за кликане• Свеждане на шума до минимум• Ясен избор на препратки• Премахване на ненужните думи

Визуална йерархия

Важен текстСредно важен

маловажен

Установни правила

Логослоган

Главно менюГлавно меню

Локално меню

Текст

Текстови линкове (За нас, Запазени права и т.н.)

Ясно разграничени области области

УслугиУслуги Продукти

Промоции

Ясни елементи за кликане

• Линк – Да прилича на линк

• Да се появява ръчичка като прекараш мишката в/у елемента

Мининален шумПродуктиТелевизориПринтериТаблетиGSM-иХард дисковеФлаш паметиКабели

ПродуктиТелевизориПринтериТаблетиGSM-иХард дисковеФлаш паметиКабели

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

• Които не предизвикват размисъл• Пример – Частни клиенти | Фирми– Офис | Дом

Навигация – Проблеми на навигацията

• Разлики от ориентацията във физически обект– Отсъствие на чуство за мащаб– Липса на чувство за посока– Липса на чувство за текущо местоположение

Навигация – Цели

• Навигацията ни дава нещо на което можем да се опрем

• Показва ни какво има там където сме попаднали

• Посочва ни как да използваме сайта

Навигация - Общоприети правила

• Лого на сайта• Секции• Инструменти• Подсекции• Име на страницата• Локална навигация• Малка текстова версия

Елементи на навигацията

• Глобална навигация• Лого• Инструменти (shortcuts)• Връзка към началната страница• Търесене• Имена на страниците• Вие сте тук• Табове

Тест с багажнка

• Попаднали сте случайно на сайт. Можете ли да си отговорите на въпросите

• Какъв е този сайт• На коя страница се намирам• Кои са главните секции• Какви опции имам на това ниво• Къде се намирам в общата схема• Как мога да потърся нещо

Начална страница• Показва идентичността на сайта• Съдържа йерахичната структура на сайта• Инструмент за търсене• Рекламира съдържанието• Подновява се редовно• Съдържа предложения• Съдържа преки пътища към важни неща• Да показва това което търся и това което не• Да ми покаже откъде да започна• Да вдъхва доверие

Прототипиране и тестване

• Прототипиране на ранен етап• Тестване на ранен етап• Тестване на всеки етап