Ергономіка вебсторінки

1.

Вправа
Що не так?
1

2.

The Big Ugly Website
2

3.

The World’s Worst Websitе
3

4.

Lingscars
4

5.

Internet Archaeology
5

6.

Блог спеціаліста по феншуй Jami Lin
6

7.

Penny Juice of America
7

8.

User Inyerface
8

9.

University of Advancing Technology
9

10.

ЕРГОНОМІКА
РОЗМІЩЕННЯ
ВІДОМОСТЕЙ НА
ВЕБСТОРІНЦІ
10 клас
10

11.

Сьогодні ми
дізнаємось:
03
Які сучасні
тенденції
вебдизайну?
02
Що таке
юзабіліті
сайта?
01
Що розуміють
під ергономікою
вебсайта?
11

12.

Що
розуміють під
ергономікою
вебсайта?
12

13.

Вебдизайн
англ. web design
— галузь веброзробки і різновид дизайну,
до завдання якого входить проектування
призначених для користувача
вебінтерфейсів для сайтів або
вебзастосунків.
13

14.

Дизайн вебсайту базується на законах:
КОЛОРИСТИКИ
1
КОМПОЗИЦІЇ
2
ЕРГОНОМІКИ
3
14

15.

Ергономіка
грец. έργος — праця і νώμος — закон
— наука, яка вивчає робочі процеси з
метою створення оптимальних умов
праці, що сприяє підвищенню її
продуктивності.
15

16.

Ергономічний сайт
має бути добре пристосований для
зручної та безпечної роботи
користувача.
16

17.

Критерії оцінювання ергономічності вебсторінок
01
РОЗТАШУВАННЯ ВІДОМОСТЕЙ НА ВЕБСТОРІНЦІ
Ясність, структурованість, актуальність
02
ЛАКОНІЧНІСТЬ
Простота, неперевантаженість
03
04
05
ЗРУЧНІСТЬ НАВІГАЦІЇ
Зручність переходів, повернення на головну
сторінку, зрозуміле меню, розмір кнопок
ОФОРМЛЕННЯ
Єдність стилю оформлення, кольори, якісні
зображення
ШВИДКІСТЬ ЗАВАНТАЖЕННЯ
Час завантаження, оптимізовані зображення
17

18.

Що таке
юзабіліті
сайта?
18

19.

Юзабіліті
англ. Usability — зручність використання
— це підхід, покликаний зробити сайти
простими у використанні для
користувача, який не потребує
додаткового навчання, тобто має бути
орієнтованим на нього інтерфейс.
19

20.

Jakob Nielsen
Нар. 1957 р.
"the guru of Web page usability" (The
New York Times)
Кожен витрачений на
usability долар повертає
від 10 до 100 доларів
прибутку чи
зекономлених коштів.
Автор "10 евристик юзабіліті"
20

21.

Інформування про
стан системи
Система завжди повинна
інформувати користувачів про
те, що відбувається
21

22.

Схожість системи з
реальним світом
Система повинна
розмовляти мовою
користувачів: словами,
фразами та поняттями,
знайомими користувачеві
22

23.

Свобода дій
користувачів
Користувачі часто
вибирають системні функції
помилково, і їм знадобиться
чітко позначений
"аварійний вихід"
23

24.

Подібність та
стандарти
Користувачі не повинні
запитувати, чи означають
різні слова, ситуації або дії.
Слід дотримуватись
стандартів.
24

25.

Попередження
помилок
Слід звести до мінімуму
кількість умов, в яких можуть
бути допущені помилки.
25

26.

Перед очима, а не в
пам’яті
Не слід змушувати користувача
запам'ятовувати велику
кількість об'єктів, дій і опцій.
Він не повинен тримати в голові
інформацію, переходячи з
однієї частини системи в іншу.
26

27.

Гнучкість та ефективність
використання
Не потрібно навантажувати
досвідчених користувачів
зайвою інформацією, слід
надати їм можливість
здійснювати часто повторювані
дії якомога швидше і простіше.
27

28.

Естетичний та
мінімалістичний
дизайн
Діалоги не повинні
містити інформації, яка не
має значення або
непотрібна.
28

29.

Розуміння проблем і
їх вирішення
Повідомлення про
помилки мають бути виражені
простою мовою (без кодів),
точно вказувати проблему та
конструктивно пропонувати
рішення.
29

30.

Довідка та
документація
Будь-яка така інформація
повинна бути легкою для
пошуку, орієнтована на
завдання користувача,
показувати конкретні кроки, які
слід виконати
30

31.

Дякую за увагу !
31