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

854 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
854
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

×