Презентация за достъпност и използваемост на съдържанието на интернет страница, изнесена от г-н Траян Стоянов по време на национален семинар "Младите хора в движение", 09-11.03.2012 в град Пловдив. Семинарът се организира съвместно от Еврогайдънс - България, Европас – България, Джуниър Ачийвмънт – България и Европа Директно – София. www.hrdc.bg
2. Използваемост
• Какво значи използваемост
• Защо използваемостта е важна
• Как хората използват сайтовете
• Основни правила за използваемост
• Практически съвети
3. Какво значи използваемост
• Използваемост (Usability, User-Friendly)
• Лекота на използване на продукта
• Елегантност и яснота на продукта
• Добра използваемост означава:
Дизайнът да помага за лесното
възприемане на съдържанието.
4. Защо използваемостта е важна
• Случайните потребителите напускат сайта, ако за 30
секунди не разберат за какво е
• При лоша използваемност потребителят не намира
нужната му информация
• Енергията която потребителите хабят за да стигнат до
необходимата информация ги кара да напуснат бързо.
• Добрата използваемост води дo добро впечатление,
комфорт и повече време прекарано на сайта.
5. Как хората изпозлват сайтовете
• Как разработчиците си мислят че
потребителите използват сайтовете
• Как това става в действителност
6. Разбирането на разработчика
• Потребителят зареждат сайта.
• Старателно изчита всяка страница.
• Вниква в текстовете
• Клика върху най-подходящия за него
елемент
8. Действителността
• Потребителят зареждат сайта
• Оглежда трескаво за нещо което смътно
напомня това което му трябва
• Щраква върху първото полу-подобие на
търсеното
• Ако не върши работа натиска бутона back и
пробва отново
9. Действителността Оглежда трескаво за
нещо:
а/Което е интересно
или смътно напомня
това което му трябва
б/върху което може
да се цъкне
Щраква в/у първото
полуподобие на
търсеното
Ако не върши работа
натиска back и
отново…
10. Тъжната истина
• Потребителите четат сайта колкото и и
билборд покрай който минават със 100км.
• Те не четат страниците. Разглеждат ги
набързо.
• Не вземат оптималните решения, а
удовлетворяват минималните изисквания
• Не размишляват върху начина по който
нещата работят, а се справят някак
11. Защо правят така?
• Обикновено бързат
• Знаят че в сайта има много излишна
информация
• Винаги могат да натиснат бутона back
• Обичат да налучкват
12. Правила
• Създаване на ясна визуална йерархия
• Използване на установените правила
• Разделяне на страницата на ясно
обособени области
• Ясни елементи за кликане
• Свеждане на шума до минимум
• Ясен избор на препратки
• Премахване на ненужните думи
18. Ясен избор на препратки
• Които не предизвикват размисъл
• Пример
– Частни клиенти | Фирми
– Офис | Дом
19. Навигация – Проблеми на навигацията
• Разлики от ориентацията във физически
обект
– Отсъствие на чуство за мащаб
– Липса на чувство за посока
– Липса на чувство за текущо местоположение
20. Навигация – Цели
• Навигацията ни дава нещо на което можем
да се опрем
• Показва ни какво има там където сме
попаднали
• Посочва ни как да използваме сайта
21. Навигация - Общоприети правила
• Лого на сайта
• Секции
• Инструменти
• Подсекции
• Име на страницата
• Локална навигация
• Малка текстова версия
22. Елементи на навигацията
• Глобална навигация
• Лого
• Инструменти (shortcuts)
• Връзка към началната страница
• Търесене
• Имена на страниците
• Вие сте тук
• Табове
23. Тест с багажнка
• Попаднали сте случайно на сайт. Можете
ли да си отговорите на въпросите
• Какъв е този сайт
• На коя страница се намирам
• Кои са главните секции
• Какви опции имам на това ниво
• Къде се намирам в общата схема
• Как мога да потърся нещо
24. Начална страница
• Показва идентичността на сайта
• Съдържа йерахичната структура на сайта
• Инструмент за търсене
• Рекламира съдържанието
• Подновява се редовно
• Съдържа предложения
• Съдържа преки пътища към важни неща
• Да показва това което търся и това което не
• Да ми покаже откъде да започна
• Да вдъхва доверие
25. Прототипиране и тестване
• Прототипиране на ранен етап
• Тестване на ранен етап
• Тестване на всеки етап