Ползваемо уеб съдържание

2,104 views

Published on

Презентация от октомври 2010 за семинара "Съдържание за уеб". Разказва за това как да направим уеб съдържанието си -- текст, картинки, видео -- по-ползваемо, по-лесно за употреба, по-разбираемо.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,104
On SlideShare
0
From Embeds
0
Number of Embeds
800
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Ползваемостта е качествена характеристика, която оценява колко лесни за използване са потребителските интерфейси.Има много други важни качествени характеристики. Ключова характеристика е ползата, която има отношение към функционалността на дизайна: прави ли това, от което имат нужда потребителите? Ползваемостта и ползата са еднакво важни: няма особено значение ако нещо е лесно, но не върши каквото искате. Не е добре и когато хипотетично системата може да направи, каквото ви трябва, но вие не можете да го накарате да се случи, защото потребителският интерфейс е прекалено сложен. 
  • За пари.За да накараме хората да купят („купят“) нещо от нас.Трябва да си изясним какво се оптиваме продадем – много добре да разбираме същността му, за да можем да го обясним (ако можеш да обясниш на баба си, значи знаеш какво е)
  • Маркетинговите персони не вършат работа.Трябва да знаем за кого създаваме съдържание:Какви са нуждите му?Какво го мотивира?Какво знае предварително?Персоните са много полезен инструмент, защото дават човешки вид на целевата аудитория (вместо да говорим за мъже от 30 до 40) говорим за съседа Гошо от горния етаж.
  • Чак след като си изясним защо, за кого и какво съдържание трябва да създадем трябва да почнем да си отговаряме на въпроса как да го създадем. Само по този начин то ще отговаря и на нашите бизнес цели, и на нуждите на потребителите.
  • Къде гледат хората:Менюта, заглавия, картинки, линкове, списъци, особено форматиране. Рядко банери или неща, които приличат на банери.Хората не преглеждат цялата страница. Никога. Дори когато са сигурни, че това, което търсят е на страницата и оглеждат всичко „внимателно“ пак не виждат всичко (синдрома на бутилката кетчуп в хладилника).Хората не четат, а сканират за нещо, което ще им се стори интересно: търсят разликата – особено форматиране (заглавия), картинки, цифри, линкове.F-образния шаблон за четене е показан на картинката – първо заглавието, първите няколко абзаца и колкото по-надолу, толкова по-малко погледи.
  • Когато браузват хората са като хищници. Търсят и най-малката следа, която ще ги отведе до плячката (информацията, която търсят). Също както акулите в морето могат да се ориентират от огромно разстояние по капка кръв.
  • Като знаем къде и как гледат хората и защо така правят можем да оптимизираме начина по който представяме съдържанието си така, че да е максимално ефективно.Когато пишете за уеб трябва да забравите почти всичко, което сте научили в учище за писането (правописът и граматиката не).Стандартният начин за писане (увод, изложение, заключение) е да се натрупват факти и доказателства, постепенно докато може да се направи някакъв категоричен извод. Това изисква много четене преди човек да стигне до извода (обикновено е накрая).
  • В уеб е точно обратното. Най-важното трябва да е в началото. Журналистите имат похват наречен „обърната пирамида“. Зародил се е в средата на 18-ти век, когато основно средство за предаване на информация бил телеграфът. Телеграфът обаче имал свойството да прекъсва. И съответно ако един репортер почне репортажа си с маловажната информация, важното може и да не стигне до редактора. Със съвременните хора проблемът е същят. Те имат прекалено много работа, бързат и могат да прекъснат връзката си с вашия сайт по всяко време.
  • Прости думи – възприемат се по-лесно от по-слабо образовани хора и от хора, които преглеждат много бързо.Използвайте кратки, често срещани и които не можеш да объркаш с друга дума, защото звучат / изглеждат подобноДа се избягва жаргон – вътрешнозаводски хумор, термини от индустриятаДа се избягва маркетинговия език – имена на марки вместо истинксите имена на нещата, въздухарски прилагателни, които не носят смисъл.
  • Около 50 символа би трябвало да са достатъчниПредават смисъла на съдържаниетоТрябва да имат смисъл и самостоятелно – извадени от контекстаИзберете 5-6 ключови думи – питайте се кои думи биха използвали хората, които търсят това, което им предлагатеИзбягвайте съкращения, защото хората изписват целите думи в търсенетоИзбягвайте играта на думи и метафориАко се затруднявайте – намерете извода от цялото нещо и се опитайте да го синтезирате в 5-6 думи.
  • Хората обикновено пропускат бла бла текста, за да намерят съдържание, с което могат да взаимодействат или да получат конкретна информация (списъци с характеристики на продукти, факти, линкове). Най-лошият вид бла бла текст е този, който просто не казва нищо и служи само за пълнеж. Можете спокойно да го елиминирате и да сложите препратки към истинското съдържаниеhttp://www.useit.com/alertbox/intro-text.html
  • Информират хората 1) за какво е страницата и 2) защо ще им е полезна преди да отидат на нея или преди да я прочетат цялатаКогато са в списък с линкове им помагат да направят разлика между отделните странициКогато са в началото на страницата помагат да се осигури контекст за съдържаниетоКратки, конкретни – едно, две изреченияИзползвайте ключови думи, за да засилите ефекта от заглавието
  • Децата първо учат съвсем прости схеми на речта – „кой направи това?“ „Петелът изкукурига“.Това е естесвеният начин, по който говорят хората.Не е необходимо човек първо да го обърне в съзнанието си, за да го направи на езика, който използва в ежедневието.
  • Разказвайте една тема или идея на абзац. Отговаряйте на един въпрос.Идеята трябва да се обясни още в първото изречение от абзаца, защото в случай, че хората просто преглеждат страницата, могат и да не стигнат до второто. Достатъчни са две-три изречения за абзац. Дългите абзаци изглеждат като тухлена стена – на никого не му е приятно да се сблъска с нея. Кратките абзаци правят текста да изглежда по-лек и съответно, написаното по-просто.
  • Подзаглавията водят читателя през съдържанието като му показват предварително какво има във всяка подсекция.Подпомагат сканирането – човек разбира за какво става въпрос в текста без да го чете в детайли и може направо да прескочи до частта, която го интересуваПодзагалвията трябва да се отличават от текста.
  • Удебеляване, промяна на цвета – за да акцентирате върху нещо наистина важно.Използвайте внимателно – прекалено честото акцентиране намалява ефекта, създава визуален шум. Ако искате да акцентирате въвху много неща осмислете внимателно текста си.Не използвайте никога подчертаване за нещо различно от линкове. Никога не правете текст да изглежда като линк ако не е.Не разчитайте само на цвета, защото някои хора / устройства не виждат / разпознават дадени цветове и ако се опитвате да комуникирате нещо важно може да останете неразбрани.
  • Привличат вниманиетоПодпомагат сканиранетоУвеличават бялото пространствоСъкращават текстаСъздават връзки между отделните подточкиПоказват последователност или важност
  • Използвайте числа вместо изписване с думи (5 вместо „пет“)Числата изглеждат различно от думите и затова привличат вниманието. Обикновено числата са факти, а хората обичат факти, когато търсят информация.
  • Ползваемо уеб съдържание

    1. 1. Ползваемост на уеб съдържанието<br />Георги Варзоновцев<br />http://mchell.net<br />@georgivar<br />Съдържание за уеб7 октомври 2010<br />
    2. 2. Ползваемост?<br />
    3. 3. Преди да започнем<br />
    4. 4. Защо създаваме съдържание?<br />
    5. 5. За кого създаваме съдържание?<br />http://www.flickr.com/photos/cannedtuna/4852756417<br />
    6. 6. Какво търсят хората?<br />google.com/analytics<br />adwords.google.com/select/KeywordToolExternal<br />google.com/webmasters<br />
    7. 7. Как да създаваме ползваемо съдържание за уеб?<br />
    8. 8. Къде и какво гледат хората?<br />
    9. 9. Информацията има миризма<br />
    10. 10. Литературнонаучно съчинение<br />
    11. 11. Обърнатата пирамида<br />http://www.flickr.com/photos/vwguy/2622953136<br />
    12. 12. Кратки и ясни<br />В избора на думи<br />автомобил = кола<br />предоставям = давам<br />да направя разплащане = плащам<br />Без жаргон<br />Без маркетингов език<br />
    13. 13. Детайлите<br />
    14. 14. Заглавия<br />Обучения за фирми<br />Семинари<br />
    15. 15. Интро текст: бла бла<br />
    16. 16. Интро текст: бла бла<br />
    17. 17. Интро текст: Анонси<br />Образователна програма за всички, които искат да променят кариерата си и да потърсят развитие в зелени сектори<br />
    18. 18. Изречения<br />Деятелен вместо страдателен залог<br />Деятелен залог<br />Компанията започна проект за понижаване на разхода на енергия.<br />Страдателен залог<br />Проект за понижаване на разхода на енергия беше започнат от компанията.<br />
    19. 19. Изречения<br />Предлагаме ви няколко полезни трика за подготовка на повърхността. С тях ще постигнете и желания резултат, и освежаващ ефект.<br />
    20. 20. Абзаци<br />През 2008г. GLOBUL с помощта на ЕС инвестира над половин милион лева в обучение на служителите си с цел повишаване на ефективността при обслужване на клиенти и постигане на тяхната по-висока удовлетвореност. Освен стремежът за по-качествено обслужване на клиентите, през 2008г. компанията започна дългосрочен проект, целящ опазване на околната среда. За първи път, българска телекомуникационна компания предлага дългосрочен план от мерки и инициативи, насочени към намаляване на въздействието от дейността й върху околната среда, насърчаване на рециклирането и повторната употреба на мобилни устройства и за подкрепа на обществени проекти в тази насока.<br />GLOBUL инвестира над половин милион лева в обучение на служителите си. Целта бе да се повиши ефективността на обслужване на клиентите, за да са по-удовлетворени от компанията. Проектът се разви през 2008 с подкрепата на ЕС. <br />През 2008 започна дългосрочен проект, целящ опазване на околната среда. За първи път българска телекомуникационна компания предлага дългосрочен план от мерки и инициативи за:<br /><ul><li>намаляване на въздействието от дейността й върху околната среда,
    21. 21. насърчаване на рециклирането и повторната употреба на мобилни устройства
    22. 22. подкрепа на обществени проекти в тази насока.</li></li></ul><li>Подзаглавия<br />
    23. 23. Линкове<br />
    24. 24. Форматиране<br />
    25. 25. Списъци<br />За да изтеглите пари от банкомат:<br />Вкарайте картата в банкомата<br />Въведете ПИН код<br />Изберете сумата, която искате да изтеглите<br />Вземете парите<br />Вземете бележката<br />Дините ни са:<br /><ul><li>кръгли
    26. 26. зелени
    27. 27. евтини
    28. 28. сочни</li></li></ul><li>Числа<br />Атентати в Ирак<br />След нападение на сепаратисти в Северен Ирак бяха убити сто и петдесет души,а други 200 са ранени.<br />Атентати в Ирак<br />След нападение на сепаратисти в Северен Ирак бяха убити 150 души, други 200 са ранени.<br />
    29. 29. Изображения<br />Свързани със съдържанието<br />Прост фон е по-добре от шарен<br />Един обект е малко по-добре от много<br />Привлекателни хора<br />
    30. 30. Видео<br />Кратки – до 2-3 минути<br />Показват последователност от действия / процес<br />Най-добре за помощ и уроци<br />Говорещите глави са скучни и трябва да се избягват<br />
    31. 31. Празно пространство<br />Дава настроението – наблъскано или семпло<br />Подпомага преглеждането на информацията<br />Води погледа<br />Подсказва връзки между отделни елементи<br />
    32. 32. Тествайте<br />Уеб съдържанието никога не е готово<br />Правете непрекъснати промени и нови варианти и ги тествайте<br />Google Website Optimizer<br /> безплатно онлайн тестване на различни варианти<br />http://www.google.com/websiteoptimizer<br />
    33. 33. Накратко:<br />Предварително проучване за аудиторията – какво търсят, как го търсят<br />Важната информация се предава в началото<br />Кратко и ясно<br />Заглавия и подзаглавия, които накъсват и обобщават съдържанието<br />Кратки изречения в деятелен залог<br />Списъци за изброяване<br />Линкове със смислен и описателен текст<br />Кратки абзаци, които обясняват една тема / идея<br />Картинки, свързани със съдържанието; допълват го.<br />Видеа: кратки и показват последователност от действия, която няма как да се опише в текст<br />Внимателно с форматирането.<br />
    34. 34. Благодаря!<br />

    ×