Презентация за достъпност и използваемост на съдържанието на интернет страница, изнесена от г-н Траян Стоянов по време на национален семинар "Младите хора в движение", 09-11.03.2012 в град Пловдив. Семинарът се организира съвместно от Еврогайдънс - България, Европас – България, Джуниър Ачийвмънт – България и Европа Директно – София. www.hrdc.bg

1. Достъпност на съдържанието
Използваемост (Usability)

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

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

4. Защо използваемостта е важна
• Случайните потребителите напускат сайта, ако за 30
секунди не разберат за какво е
• При лоша използваемност потребителят не намира
нужната му информация
• Енергията която потребителите хабят за да стигнат до
необходимата информация ги кара да напуснат бързо.
• Добрата използваемост води дo добро впечатление,
комфорт и повече време прекарано на сайта.

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

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

7. Представата на разработчика
Чете
Пауза за
осмисляне
Чете
Чете
Клика върху
добре
подбран
линк

8. Действителността
• Потребителят зареждат сайта
• Оглежда трескаво за нещо което смътно
напомня това което му трябва
• Щраква върху първото полу-подобие на
търсеното
• Ако не върши работа натиска бутона back и
пробва отново

9. Действителността Оглежда трескаво за
нещо:
а/Което е интересно
или смътно напомня
това което му трябва
б/върху което може
да се цъкне
Щраква в/у първото
полуподобие на
търсеното
Ако не върши работа
натиска back и
отново…

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

11. Защо правят така?
• Обикновено бързат
• Знаят че в сайта има много излишна
информация
• Винаги могат да натиснат бутона back
• Обичат да налучкват

12. Правила
• Създаване на ясна визуална йерархия
• Използване на установените правила
• Разделяне на страницата на ясно
обособени области
• Ясни елементи за кликане
• Свеждане на шума до минимум
• Ясен избор на препратки
• Премахване на ненужните думи

13. Визуална йерархия
Важен текст
Средно важен
маловажен

14. Установни правила
Лого
слоган
Главно меню
Локално Текст
меню
Текстови линкове (За нас, Запазени права и т.н.)

15. Ясно разграничени области области
Услуги Продукти
Промоции

16. Ясни елементи за кликане
• Линк – Да прилича на линк
• Да се появява ръчичка като прекараш
мишката в/у елемента

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

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

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

20. Навигация – Цели
• Навигацията ни дава нещо на което можем
да се опрем
• Показва ни какво има там където сме
попаднали
• Посочва ни как да използваме сайта

21. Навигация - Общоприети правила
• Лого на сайта
• Секции
• Инструменти
• Подсекции
• Име на страницата
• Локална навигация
• Малка текстова версия

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

23. Тест с багажнка
• Попаднали сте случайно на сайт. Можете
ли да си отговорите на въпросите
• Какъв е този сайт
• На коя страница се намирам
• Кои са главните секции
• Какви опции имам на това ниво
• Къде се намирам в общата схема
• Как мога да потърся нещо

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

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