Презентация от семинара на SocialMe :) 6 декември 2013 :)

1. www.lucrat.net | Блиц анализ по ползваемост – на живо

2. Как да оптимизираме целеви
страници (Landing page optimization)
Ирина Герджикова
irina@lucrat.net, 0885 909 357
и
Ангелина Иванчева
angelina@lucrat.net, 0886 455 623
2
www.lucrat.net | Блиц анализ по ползваемост – на живо

3. Какво е ползваемост?
• Какво е това?
• Кой се грижи за ползваемостта?
• Как се прави?
3
www.lucrat.net | Блиц анализ по ползваемост – на живо

4. Какво е UX дизайн и ползваемост?
Ползваемост е:
Характеристика на сайт, която го прави лесен за ползване и
удовлетворяващ за потребителите, печеливш за
собствениците му.
Хората харесват, препоръчват и са лоялни към продукти, с
които се чувстват комфортно.
UX дизайн е процесът по изграждане на даден сайт от
замисъла през проектирането, програмирането и
дизайнa с включване на потребителите на всеки един
етап.
4
www.lucrat.net | Блиц анализ по ползваемост – на живо

5. Как ще действаме?
Ще има практика и работа за вас.
Малко теория от нас.
Споделяне на опит с примери.
Ще се радваме да ни прекъсвате по всяко време с въпроси
и коментари 
5
www.lucrat.net | Блиц анализ по ползваемост – на живо

6. Тест на входяща страница (landing page)
Ще видите за кратко входяща страница на един сайт.
Моля, за вашето внимание.
6
www.lucrat.net | Блиц анализ по ползваемост – на живо

7. Тест на входяща страница
Сега работете самостоятелно и напишете отговорите на
въпросите за 5 минути:
1. Какви са първите ви впечатления и асоциации?
2. За какво е тази страница? Какво се предлага на нея?
3. Коя е фирмата?
4. Какво имаше на страницата – напишете всичко, за
което си спомняте.
Готови ли сте? Вдигнете ръце, когато сте готови 
7
www.lucrat.net | Блиц анализ по ползваемост – на живо

8. Тест на входяща страница
За 5 секунди потребителят:
 Се ориентира в страницата
 Преценя какво може да намери в нея
 Решава дали да остане
Тестът е подходящ за входяща страница (Landing page) и
за Начална страница. По известен е като 5-секунден
тест на начална страница (Five second test).
Полезен онлайн инструмент за безплатни и платени
тестове на www.fivesecondtest.com
8
www.lucrat.net | Блиц анализ по ползваемост – на живо

9. Работа по групи
 Разделете се на групи по 5-6 човека
 Представете се един на друг
 Готови ли сте?
Вдигнете ръце, за да ви видим 
9
www.lucrat.net | Блиц анализ по ползваемост – на живо

10. Тест на входяща страница (landing page)
Обобщете резултатите като група:
• Какви са първите ви впечатления?
• Разбира ли се за какво е сайтът и какво може да се
прави на него?
• Разбира ли се коя е фирмата, марката, компанията?
Какви са силните и слабите страни на страницата, която
видяхме?
Какво бихте препоръчали, за да се подобри
ползваемостта?
Имате 15 минути
10
www.lucrat.net | Блиц анализ по ползваемост – на живо

11. Тест на начална страница
Изберете някой, който да ни разкаже какви са
наблюденията и заключенията ви като група.
Готови ли сте? Ще има награди за първите, които ще се
престрашат да споделят:
 50% отстъпка от тренинга на Лукрат на 10 декември UX
дизайн и ползваемост.
11
www.lucrat.net | Блиц анализ по ползваемост – на живо

12. Тест на входяща страница – съветите на
Лукрат
1. Да се добави кратко представяне на услугите в главата,
какво предлага компанията
2. Да се оптимизира текста.
Пример:
Празнуваме 9 рожден ден
Всяка седмица на ноември - нова промоция!
1. Банерите с промоции да бъдат активни и също да водят
към страницата за поръчка.
2. Активните промоции да са най-отгоре, а продадените
най-долу, за да не изглежда, че няма какво да се купи.
3. Да се използва по-контрастен цвят за текстовете.
12
www.lucrat.net | Блиц анализ по ползваемост – на живо

13. Тест на входяща страница – съветите на
Лукрат
6. Направете текстовете, колкото може по-кратки и ясни
Пример:
25% отстъпка за споделен хостинг с код: HAPPY9
13
www.lucrat.net | Блиц анализ по ползваемост – на живо

14. Още няколко препоръки на Лукрат
• Въз основа на опита ни с наблюдение на начина, по
който хората взаимодействат с българските сайтове ще
ви разкажем за някои от най-често срещаните проблеми
от гледна точка на ползваемостта.
14
www.lucrat.net | Блиц анализ по ползваемост – на живо

15. Препоръки на Лукрат: връзките
Кои са връзките? Къде може са се цъка?
15
www.lucrat.net | Блиц анализ по ползваемост – на живо

16. Препоръки на Лукрат: връзките
За по-добра разпознаваемост на връзките:
•Използвайте само един цвят за всички връзки в сайта.
•Не използвайте този цвят за текстове, заглавия и акценти.
•Изберете активен цвят за връзките, така че да изглеждат
по-интерактивни в сравнение с текстовете и заглавията.
•Използвайте различен цвят за посетените връзки, който да
изглежда по-изхабен и по-блед, в сравнение с този на
непосетените връзки.
•Подчертавайте връзките.
16
www.lucrat.net | Блиц анализ по ползваемост – на живо

17. Препоръки на Лукрат: имена на връзки и
бутони
• Имената на връзките и бутоните трябва да съответстват
на имената на страниците, към които водят.
17
www.lucrat.net | Блиц анализ по ползваемост – на живо

18. Препоръки на Лукрат: навигацията
Разпиляната навигация може да бъде объркваща за
потребителите
18
www.lucrat.net | Блиц анализ по ползваемост – на живо

19. Препоръки на Лукрат: навигацията
Пример за събрана навигация от сайта www.nokia.com
19
www.lucrat.net | Блиц анализ по ползваемост – на живо

20. Препоръки на Лукрат: текстовете
Опитайте се да прочетете това:
20
www.lucrat.net | Блиц анализ по ползваемост – на живо

21. Препоръки на Лукрат: текстовете
• Пишете кратко и ясно
• Използвайте кратки думи:
Кола вместо автомобил
• Избягвайте рекламните фрази, пишете по същество!
Получавате парите до 30 минути!
Вместо Получавате парите веднага!
• Избягвайте термините
• Избягвайте вмъкването на английски думи и фрази
• Използвайте езика на потребителите си 
21
www.lucrat.net | Блиц анализ по ползваемост – на живо

22. Препоръки на Лукрат: текстове
• Оптимизирайте текста, за да бъде лесен за сканиране
Пример:
Регистрация
8:30 до 9:20
Афилиейт печалби, Борил Богоев 9:20 до 10:30
22
www.lucrat.net | Блиц анализ по ползваемост – на живо

23. Препоръки от Лукрат: промокодове
• Внимавайте с промо кодовете.
23
www.lucrat.net | Блиц анализ по ползваемост – на живо

24. Благодарим ви!
Въпроси?
Ирина Герджикова
irina@lucrat.net, 0885 909 357
и
Ангелина Иванчева
angelina@lucrat.net, 0886 455 623
Лукрат, правим сайтовете лесни за ползване
www.lucrat.net
24
www.lucrat.net | Блиц анализ по ползваемост – на живо

25. 25
www.lucrat.net | Блиц анализ по ползваемост – на живо