1
00:28:44,000 --> 00:28:46,900
врахувати і вже клік відбувається ближче.

2
00:28:49,000 --> 00:28:51,000
Розмір шрифта, ну ми це з вами поговорили,

3
00:28:51,100 --> 00:28:57,500
розмір шрифта - це варто дати можливість 
людині налаштовувати і

4
00:28:58,100 --> 00:29:02,400
людина під свій зір, під своє сприйняття 
вона

5
00:29:02,500 --> 00:29:07,300
підлаштує оті всі параметри і чим більший, 
відповідно виразніший той шрифт і

6
00:29:08,000 --> 00:29:10,500
легше фокусувати свою увагу.

7
00:29:11,700 --> 00:29:16,800
Дехто любить використовувати декоративні 
шрифти, особливо на веб-сайтах

8
00:29:17,100 --> 00:29:21,000
Да для першого враження це підходить, але 
для щоденних дій

9
00:29:21,100 --> 00:29:29,200
наприклад: замовлення квитків, замовлення 
броні оренди, квитки на аеропорт.

10
00:29:29,300 --> 00:29:32,700
Навряд чи вам там знадобляться декоративні 
красиві шрифти.

11
00:29:34,000 --> 00:29:37,000
Далі, що робиться з переферійним зором.

12
00:29:37,100 --> 00:29:41,900
Людина завжди фокус робить як правило на 
централну зону

13
00:29:42,000 --> 00:29:46,000
іде з боковим зором теж сприймає якусь інформацію. 
Як правило по боках

14
00:29:46,100 --> 00:29:53,000
розміщують для перефірийного зору панельки. 
Людина їх так само рано чи пізно роздивиться

15
00:29:53,100 --> 00:29:59,000
і ті елементи які нам попадаються, теж мають 
стояти поряд.

16
00:29:59,800 --> 00:30:06,700
Що ще важливо - контраст, ті елементи які 
є дуже важливими з точки зору функцій

17
00:30:07,100 --> 00:30:12,400
вони завжди мають мати якийсь чітко виражений 
зовнішній вигляд.

18
00:30:12,500 --> 00:30:20,600
І тільки тоді людина нормально сприймає, 
от бачите, що зараз презентацію я зробив 
чорний фон, жовті літери

19
00:30:22,000 --> 00:30:33,600
і... контраст у нас є підвищений, немає сильної 
засвітки від пустого простору, а є акценти 
саме на літери.

20
00:30:33,700 --> 00:30:36,400
Ну і тоді вони відповідно є більш читабельнішими.

21
00:30:36,500 --> 00:30:40,400
Знову ж таки ви можете на екрані робити зони

22
00:30:40,500 --> 00:30:45,300
і робити різноманітні панельки і в тих панельках, 
наприклад:

23
00:30:45,400 --> 00:30:50,200
підсвічувати фон одним кольором, в іншому 
інакшим кольором

24
00:30:50,300 --> 00:30:55,100
і відповідно акцент концентрування у вас 
буде більший.

25
00:30:56,100 --> 00:31:00,200
Що ващє люди класно спримають? Класно сприймається 
дуже переспектива.

26
00:31:00,300 --> 00:31:05,000
Перспектива - це такий напівоб'ємний в положені, 
тіпа як

27
00:31:05,100 --> 00:31:13,300
Ви вчили колись у школі геометрію і в геометрії 
ви вчили перспективну проекцію

28
00:31:13,400 --> 00:31:19,400
Тобто, коли отак вот рожечки під нахилом 
формується зображення, під певним кутом.

29
00:31:19,500 --> 00:31:28,500
Ну це особливо видно в Apple'вських інтерфейсах 
там всі іконочки, які вони малюють, вони 
завжди об'єкт малюють трошечки під кутом

30
00:31:28,600 --> 00:31:34,300
в певному градусі, трошечки зверху, трошечки 
збоку для того щоб створювалась об'ємність.

31
00:31:34,400 --> 00:31:41,300
Тому людина завжди ходить в об'ємному просторі, 
завжди всі об'єкти, які вона обере руками, 
роздивляється

32
00:31:41,400 --> 00:31:46,800
вони завжди є об'ємними для неї і сприйняття 
перспективи є важливим.

33
00:31:46,900 --> 00:31:49,700
Тепер. Колір і текст.

34
00:31:49,800 --> 00:32:04,100
Колір завжди, як правило асоціюється з певною 
текстурою на поверхні. Зелений колір - це 
якби добре, червоний - це, як правило увага, 
жовтий - це небезпека якась або теж увага,

35
00:32:04,200 --> 00:32:10,100
оранжеві кольори. Тобто це ще з природних 
кольорів самої природи є дуже важливим.

36
00:32:10,200 --> 00:32:19,400
Відповідно завжди, коли ви робите якісь іконки, 
робите панельки важливі акценти необхідно 
робити на кольорове кодування

37
00:32:19,500 --> 00:32:24,300
і необхідно це відображати в різних елементах.

38
00:32:24,400 --> 00:32:34,800
Ну ці елементи ви впринципі знаєте інтуітивно, 
але вони є прописані. Тепер, що ще треба 
враховувати, коли ви створюєте новий скрін.

39
00:32:34,900 --> 00:32:44,400
Треба враховувати людські помилки. Людина 
всеодно завжди буде робити помилки. Які б 
класні кнопочки ви не намалювали, які б менюшки 
ви не розтавили

40
00:32:44,500 --> 00:32:48,300
всеодно людина буде випадково клікати не 
там де треба.

41
00:32:48,400 --> 00:32:52,700
Всеодно вона буде забувати, що клікнути, 
в якій послідовності клікнути

42
00:32:52,800 --> 00:32:55,600
Тобто,

43
00:32:55,700 --> 00:33:07,500
на початках одні помилки, а під кінець користування 
інші помилки, вона забуває, втомлюється і 
це все як би сильно впливає на функціонал 
і дії.

44
00:33:07,600 --> 00:33:14,600
Яким чином можна цього позбутися ? Щоб вплив 
людських помилок скоротити,

45
00:33:14,700 --> 00:33:18,000
Ну перше - це так зване передбачення помилок.

46
00:33:22,000 --> 00:33:26,100
Всі дії, які робить людина, вони мають якимось 
чином зберігатися.

47
00:33:26,200 --> 00:33:31,700
Тобто, де клікнула, на якому місці клікнула, 
частота клікань, зони клікань.

48
00:33:31,800 --> 00:33:36,400
Наприклад: є кнопка, кнопка хоч і має габарити 
- висоту і ширину,

49
00:33:36,600 --> 00:33:43,200
Всеодно людина десь отсюда клікне (натисне 
кнопочку), десь отсюда клікне, десь сюда, 
десь сюда, десь сюда.

50
00:33:43,300 --> 00:33:49,500
Тобто є зона попадання в площину цієї іконки.

51
00:33:49,600 --> 00:33:57,800
Якщо, наприклад: у вас є маленький чекбокс, 
то людина може не дотягтися мишкою, десь 
отут клікнути - воно не спрацювало,

52
00:33:57,900 --> 00:34:01,100
десь тут клікнули - не спрацювало, десь сюда 
- о спрацювало.

53
00:34:01,200 --> 00:34:10,600
І вот рахується якби окіл типових влучань-невлучань. 
І оці всі статистики рахуються.

54
00:34:10,700 --> 00:34:22,800
Коли ця статистика порахується - ми розуміємо, 
ага, кількість влучань така то процентовка, 
невлучань така то, ага, скорше всього треба 
збільшити розмір.

55
00:34:22,900 --> 00:34:25,500
Наприклад, по габаритах трошки більше, трошки 
менше.

56
00:34:25,600 --> 00:34:29,200
Або, взагалі, наприклад є великий екран,

57
00:34:30,100 --> 00:34:35,200
пара чебоксів, наприклад з лівої зони поставили, 
а пару чекбоксів з правої.

58
00:34:35,500 --> 00:34:40,100
Влучання в праві було більше, влучання в 
ліві було менше.

59
00:34:40,200 --> 00:34:46,400
Відповідно, ми розуміємо, що цих треба позбутися. 
В наступній версії інтерфейсів переставити 
їх

60
00:34:47,800 --> 00:34:49,900
в правішу сторону екрану.

61
00:34:51,500 --> 00:34:56,400
Знову ж таки, можливо поміняти колір. Людина 
не може сфокуватись на певній зоні,

62
00:34:56,500 --> 00:35:03,100
або не розуміє призначення тієї кнопки і 
фокус попадає не в то місце.

63
00:35:03,200 --> 00:35:05,900
Відповідно оці всі помилки необхідно позбирати

64
00:35:06,900 --> 00:35:14,400
і оці передбачення потенційної помилки треба 
в наступних версіях забрати.

65
00:35:15,400 --> 00:35:23,100
Тепер - підтвердження. Ну от завжди у вас 
підтвердження з'являються, коли ви видаляєте 
якийсь файл, бо це як правило є важливим,

66
00:35:23,800 --> 00:35:30,900
знищення інформації може бути фатальним, 
відповідно завжди при таких діях - спливаючі 
вікна.

67
00:35:31,000 --> 00:35:38,200
При чому є різні спливаючі вікна. Є там де 
просто треба натиснути "окей" і все - і воно 
закрилось, і підтвердилось, і все добре.

68
00:35:38,300 --> 00:35:42,600
В деяких треба ще галочка натиснути, тільки 
після того активується "окей".

69
00:35:42,700 --> 00:35:54,900
Є ще віконочки в яких необхідно словами перенабрати 
той текст, який з'явитсья ось тут. Ну так 
звана капча підтвердження.

70
00:35:55,000 --> 00:36:05,300
Або,наприклад: коли відбувається форматування 
або зміна дисків, перерозбитті дисків на 
логічні диски, фізчичні

71
00:36:05,400 --> 00:36:15,500
там так само деякі програми просять словами 
прописати: "Да, я погоджуюсь з тим, щоб працювати 
з вінчестером і зтирати інформацію без відновлення".

72
00:36:15,600 --> 00:36:21,900
Тобто, коли людина набирає руками акцент 
уваги збільшується і підтвредження стає таким 
більш чіткішим.

73
00:36:24,000 --> 00:36:32,500
"Крок назад". Людина може деякі дії виконувати 
випадковим чином: клікнула і хоба щось сталось.

74
00:36:32,600 --> 00:36:42,400
Відповідно, завжди, наприклад в офісі, коли 
набираєте текст - там є можливість кільканадцять 
разів повернутись по хронології на кілька 
кроків.

75
00:36:44,000 --> 00:36:52,300
Багато зараз в сучасних і в смартфонівських 
програмках отої можливості "крок назад" немає

76
00:36:52,400 --> 00:36:57,200
Ви, наприклад натискаєте кнопочку назад в 
андройді і воно опа програму повернуло на 
попередній крок і ті дії, які у вас там сталися

77
00:37:00,700 --> 00:37:03,200
взагалі не збереглися і пропали.

78
00:37:03,300 --> 00:37:12,400
Тобто, тут трошечки, в деяких програмах почала 
втрачатись можливість повернення на попередній 
етап, на попередню хронологію.

79
00:37:12,500 --> 00:37:16,600
Ну хоча б в межах сесії можна це лишити.

80
00:37:17,800 --> 00:37:30,100
І, оці всі дії, які людина виконує система 
має зберігати, або інакше, якщо не зберігається, 
потім взагалі не зворотно.

81
00:37:30,200 --> 00:37:40,000
От ви будете робити якусь лабораторку - 2-3 
години потратили, потім забули зберегти і 
крок назад зробили, все пропало з екрану 
і нічого не збереглось.

82
00:37:40,100 --> 00:37:44,300
Так і ще є які помилки.

83
00:37:46,500 --> 00:37:48,700
Корегування поведінки.

84
00:37:50,400 --> 00:38:01,100
Тобто дуже часто люди виконують якісь дії 
і можливо варто порахувати чому вони такі 
дії роблять.

85
00:38:01,200 --> 00:38:04,500
І просто взагалі перемалювати всі скріни.

86
00:38:04,600 --> 00:38:10,100
Якщо у вас є скрін, десь отут во поставили 
панельку,

87
00:38:10,200 --> 00:38:13,400
і вот це є стирання чогось,

88
00:38:13,500 --> 00:38:21,000
людина часто нечаяно вот так во мишкою десь 
водить-водить-водить, підводить десь пальцями 
і нечаяно втрапляє.

89
00:38:21,400 --> 00:38:33,700
Або наприклад в ноутбуках є ота панелька 
- тачзона, тачпад, ви її наприклад забудете 
відключити, десь щось пальцями рухаєте і 
подушечкою руки десь-щось зачепили,

90
00:38:33,800 --> 00:38:44,200
воно умудрилось десь-щось клікнути, щось 
зберігти, щось стерти версія програми пропала 
відповідно варто було б зробити затримки, 
які

91
00:38:44,300 --> 00:38:54,100
б рахували, яка з панельок є активна, яка 
зона є активна і напевно час на який блокувати 
доступ до цих елементів на екрані.

92
00:38:54,200 --> 00:39:06,100
Якщо, ви десь мишкою рухаєте ось тут і тут 
щось малюєте, в редакторі щось редагуєте, 
то напевно треба відключити на той час панельки 
сенсорні,

93
00:39:06,200 --> 00:39:12,300
якщо ви працюєте з клавіатурою. Якщо ви працюєте 
з мишкою - теж панельку сенсорну відключити 
на певний час,

94
00:39:12,400 --> 00:39:27,000
поки не буде якась дія активувати цю панель. 
І тоді ви зробите якраз можливість оці помилки 
скоротити і не треба буде підтверджень і 
корегувань.

95
00:39:31,000 --> 00:39:32,800
"Ітеративність"

96
00:39:32,900 --> 00:39:43,800
Часті дії, які виконує людина вона машинально 
робитьі раптом наступає той момент, коли 
з'являється нестандартна подія.

97
00:39:43,900 --> 00:39:56,000
Але людина на автоматі натискає ті самі кнопки 
і щось відключає, от в таких випадках, щоб 
не було ось таких ітеративних дій

98
00:39:56,100 --> 00:40:12,200
необхідно якраз періодично давати якісь нові 
дії, робити дрібні дії і розбивати якусь 
послідовність на певні етапи з певними проміжками.

99
00:40:12,300 --> 00:40:21,500
Ну і тоді у нас відповідно не буде машинальних 
помилок, людина не буде зациклюватися на 
якійсь такій постійній одноманітній діяльності

100
00:40:21,600 --> 00:40:24,600
і послідовність дій скоротится.

101
00:40:24,700 --> 00:40:30,400
Тепер, ще які нам необхідно ми зараз ось 
ці помилки дорозглянемо і підемо на перерву.

102
00:40:30,500 --> 00:40:32,900
"Навчання на помилках"

103
00:40:33,000 --> 00:40:45,500
Якщо людина щось не то клікнула і щось наприклад 
не зберіглося, система має зберігти ті дії 
і показати якийсь такий мікросценарій

104
00:40:45,600 --> 00:41:01,800
як правильно це виконати, щоб не було помилки. 
От, наприклад в Ворді Майкрософту, там якщо 
людина випадково виключила офіс воно зберігає 
попередню версію, висккує віконечко, що ви 
десь там зупинились на тій то дії

105
00:41:01,900 --> 00:41:11,800
яка помилка при цьому відбулась, чи аварійне 
закриття програми чи не аварійне і тоді людина 
можливо не потворить ті самі дії.

106
00:41:13,000 --> 00:41:18,800
Ну і відповідно, все, що вводить людина з 
клавіатури треба завжди перевіряти.

107
00:41:18,900 --> 00:41:31,100
Тобто, завжди чи номер телефону, чи емейл, 
чи паспортні дані, чи прізвище, чи імена, 
на спецсимволи, на ін'єкції програмного коду.

108
00:41:31,200 --> 00:41:42,600
Всі ті елементи треба перевіряти, тобто, 
кожне поле введене людиною завжди мусить 
мати якісь обмеження і завжди проходити певну 
перевірку і модерацію.

109
00:41:42,700 --> 00:41:53,600
Всеодно люди будуть всіляку єрунду писати 
у вікнах, всеодно будуть намагатися щось 
туда втикнути, відповідно все, що дається 
в руки людині

110
00:41:53,700 --> 00:42:05,000
має постійно провірятися. Ну або якщо ви 
робите ip-доступ до функцій, так само всі 
ті ip зовнішні теж мають підлягати перевірці.

111
00:42:05,100 --> 00:42:18,800
От з такими основними помилками ми з вами 
розібралися і наступна така півпара - це 
буде про людську пам'ять, увагу, тобто в 
які моменти часу краще всього їй акцентувати 
увагу на екрані.

112
00:42:18,900 --> 00:42:21,900
Зробимо перерву і після перерви продовжимо.

113
00:42:22,000 --> 00:42:31,900
Так отже ми з вами розібралися з типовими 
ситуаціями з