0
Достъпност на съдържанието    Използваемост (Usability)
Използваемост•   Какво значи използваемост•   Защо използваемостта е важна•   Как хората използват сайтовете•   Основни пр...
Какво значи използваемост•   Използваемост (Usability, User-Friendly)•   Лекота на използване на продукта•   Елегантност и...
Защо използваемостта е важна• Случайните потребителите напускат сайта, ако за 30  секунди не разберат за какво е• При лоша...
Как хората изпозлват сайтовете• Как разработчиците си мислят че  потребителите използват сайтовете• Как това става в дейст...
Разбирането на разработчика•   Потребителят зареждат сайта.•   Старателно изчита всяка страница.•   Вниква в текстовете•  ...
Представата на разработчика     Чете Пауза за осмисляне      Чете     ЧетеКлика върхудобреподбранлинк
Действителността• Потребителят зареждат сайта• Оглежда трескаво за нещо което смътно  напомня това което му трябва• Щраква...
Действителността   Оглежда трескаво за                   нещо:                   а/Което е интересно                   или...
Тъжната истина• Потребителите четат сайта колкото и и  билборд покрай който минават със 100км.• Те не четат страниците. Ра...
Защо правят така?• Обикновено бързат• Знаят че в сайта има много излишна  информация• Винаги могат да натиснат бутона back...
Правила• Създаване на ясна визуална йерархия• Използване на установените правила• Разделяне на страницата на ясно  обособе...
Визуална йерархияВажен текст Средно важен  маловажен
Установни правилаЛогослоган                 Главно менюЛокално                         Текст меню  Текстови линкове (За на...
Ясно разграничени области области  Услуги           Продукти            Промоции
Ясни елементи за кликане• Линк – Да прилича на линк• Да се появява ръчичка като прекараш  мишката в/у елемента
Мининален шумПродукти         ПродуктиТелевизори       ТелевизориПринтери         ПринтериТаблети          ТаблетиGSM-и   ...
Ясен избор на препратки• Които не предизвикват размисъл• Пример  – Частни клиенти | Фирми  – Офис | Дом
Навигация – Проблеми на навигацията• Разлики от ориентацията във физически  обект  – Отсъствие на чуство за мащаб  – Липса...
Навигация – Цели• Навигацията ни дава нещо на което можем  да се опрем• Показва ни какво има там където сме  попаднали• По...
Навигация - Общоприети правила•   Лого на сайта•   Секции•   Инструменти•   Подсекции•   Име на страницата•   Локална нави...
Елементи на навигацията•   Глобална навигация•   Лого•   Инструменти (shortcuts)•   Връзка към началната страница•   Търес...
Тест с багажнка• Попаднали сте случайно на сайт. Можете  ли да си отговорите на въпросите• Какъв е този сайт• На коя стран...
Начална страница•   Показва идентичността на сайта•   Съдържа йерахичната структура на сайта•   Инструмент за търсене•   Р...
Прототипиране и тестване• Прототипиране на ранен етап• Тестване на ранен етап• Тестване на всеки етап
Upcoming SlideShare
Loading in...5
×

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

625

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
625
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  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. Прототипиране и тестване• Прототипиране на ранен етап• Тестване на ранен етап• Тестване на всеки етап
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×