28:44.0 - 28:46.9
врахувати і вже клік відбувається ближче.

28:49.0 - 28:51.0
Розмір шрифта, ну ми це з вами поговорили,

28:51.1 - 28:57.5
розмір шрифта - це варто дати можливість людині налаштовувати і

28:58.1 - 29:02.4
людина під свій зір, під своє сприйняття вона

29:02.5 - 29:07.3
підлаштує оті всі параметри і чим більший, відповідно виразніший той шрифт і

29:08.0 - 29:10.5
легше фокусувати свою увагу.

29:11.7 - 29:16.8
Дехто любить використовувати декоративні шрифти, особливо на веб-сайтах

29:17.1 - 29:21.0
Да для першого враження це підходить, але для щоденних дій

29:21.1 - 29:29.2
наприклад: замовлення квитків, замовлення броні оренди, квитки на аеропорт.

29:29.3 - 29:32.7
Навряд чи вам там знадобляться декоративні красиві шрифти.

29:34.0 - 29:37.0
Далі, що робиться з переферійним зором.

29:37.1 - 29:41.9
Людина завжди фокус робить як правило на централну зону

29:42.0 - 29:46.0
іде з боковим зором теж сприймає якусь інформацію. Як правило по боках

29:46.1 - 29:53.0
розміщують для перефірийного зору панельки. Людина їх так само рано чи пізно роздивиться

29:53.1 - 29:59.0
і ті елементи які нам попадаються, теж мають стояти поряд.

29:59.8 - 30:06.7
Що ще важливо - контраст, ті елементи які є дуже важливими з точки зору функцій

30:07.1 - 30:12.4
вони завжди мають мати якийсь чітко виражений зовнішній вигляд.

30:12.5 - 30:20.6
І тільки тоді людина нормально сприймає, от бачите, що зараз презентацію я зробив чорний фон, жовті літери

30:22.0 - 30:33.6
і... контраст у нас є підвищений, немає сильної засвітки від пустого простору, а є акценти саме на літери.

30:33.7 - 30:36.4
Ну і тоді вони відповідно є більш читабельнішими.

30:36.5 - 30:40.4
Знову ж таки ви можете на екрані робити зони

30:40.5 - 30:45.3
і робити різноманітні панельки і в тих панельках, наприклад:

30:45.4 - 30:50.2
підсвічувати фон одним кольором, в іншому інакшим кольором

30:50.3 - 30:55.1
і відповідно акцент концентрування у вас буде більший.

30:56.1 - 31:00.2
Що ващє люди класно спримають? Класно сприймається дуже переспектива.

31:00.3 - 31:05.0
Перспектива - це такий напівоб'ємний в положені, тіпа як

31:05.1 - 31:13.3
Ви вчили колись у школі геометрію і в геометрії ви вчили перспективну проекцію

31:13.4 - 31:19.4
Тобто, коли отак вот рожечки під нахилом формується зображення, під певним кутом.

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

31:28.6 - 31:34.3
в певному градусі, трошечки зверху, трошечки збоку для того щоб створювалась об'ємність.

31:34.4 - 31:41.3
Тому людина завжди ходить в об'ємному просторі, завжди всі об'єкти, які вона обере руками, роздивляється

31:41.4 - 31:46.8
вони завжди є об'ємними для неї і сприйняття перспективи є важливим.

31:46.9 - 31:49.7
Тепер. Колір і текст.

31:49.8 - 32:04.1
Колір завжди, як правило асоціюється з певною текстурою на поверхні. Зелений колір - це якби добре, червоний - це, як правило увага, жовтий - це небезпека якась або теж увага,

32:04.2 - 32:10.1
оранжеві кольори. Тобто це ще з природних кольорів самої природи є дуже важливим.

32:10.2 - 32:19.4
Відповідно завжди, коли ви робите якісь іконки, робите панельки важливі акценти необхідно робити на кольорове кодування

32:19.5 - 32:24.3
і необхідно це відображати в різних елементах.

32:24.4 - 32:34.8
Ну ці елементи ви впринципі знаєте інтуітивно, але вони є прописані. Тепер, що ще треба враховувати, коли ви створюєте новий скрін.

32:34.9 - 32:44.4
Треба враховувати людські помилки. Людина всеодно завжди буде робити помилки. Які б класні кнопочки ви не намалювали, які б менюшки ви не розтавили

32:44.5 - 32:48.3
всеодно людина буде випадково клікати не там де треба.

32:48.4 - 32:52.7
Всеодно вона буде забувати, що клікнути, в якій послідовності клікнути

32:52.8 - 32:55.6
Тобто,

32:55.7 - 33:07.5
на початках одні помилки, а під кінець користування інші помилки, вона забуває, втомлюється і це все як би сильно впливає на функціонал і дії.

33:07.6 - 33:14.6
Яким чином можна цього позбутися ? Щоб вплив людських помилок скоротити,

33:14.7 - 33:18.0
Ну перше - це так зване передбачення помилок.

33:22.0 - 33:26.1
Всі дії, які робить людина, вони мають якимось чином зберігатися.

33:26.2 - 33:31.7
Тобто, де клікнула, на якому місці клікнула, частота клікань, зони клікань.

33:31.8 - 33:36.4
Наприклад: є кнопка, кнопка хоч і має габарити - висоту і ширину,

33:36.6 - 33:43.2
Всеодно людина десь отсюда клікне (натисне кнопочку), десь отсюда клікне, десь сюда, десь сюда, десь сюда.

33:43.3 - 33:49.5
Тобто є зона попадання в площину цієї іконки.

33:49.6 - 33:57.8
Якщо, наприклад: у вас є маленький чекбокс, то людина може не дотягтися мишкою, десь отут клікнути - воно не спрацювало,

33:57.9 - 34:01.1
десь тут клікнули - не спрацювало, десь сюда - о спрацювало.

34:01.2 - 34:10.6
І вот рахується якби окіл типових влучань-невлучань. І оці всі статистики рахуються.

34:10.7 - 34:22.8
Коли ця статистика порахується - ми розуміємо, ага, кількість влучань така то процентовка, невлучань така то, ага, скорше всього треба збільшити розмір.

34:22.9 - 34:25.5
Наприклад, по габаритах трошки більше, трошки менше.

34:25.6 - 34:29.2
Або, взагалі, наприклад є великий екран,

34:30.1 - 34:35.2
пара чебоксів, наприклад з лівої зони поставили, а пару чекбоксів з правої.

34:35.5 - 34:40.1
Влучання в праві було більше, влучання в ліві було менше.

34:40.2 - 34:46.4
Відповідно, ми розуміємо, що цих треба позбутися. В наступній версії інтерфейсів переставити їх

34:47.8 - 34:49.9
в правішу сторону екрану.

34:51.5 - 34:56.4
Знову ж таки, можливо поміняти колір. Людина не може сфокуватись на певній зоні,

34:56.5 - 35:03.1
або не розуміє призначення тієї кнопки і фокус попадає не в то місце.

35:03.2 - 35:05.9
Відповідно оці всі помилки необхідно позбирати

35:06.9 - 35:14.4
і оці передбачення потенційної помилки треба в наступних версіях забрати.

35:15.4 - 35:23.1
Тепер - підтвердження. Ну от завжди у вас підтвердження з'являються, коли ви видаляєте якийсь файл, бо це як правило є важливим,

35:23.8 - 35:30.9
знищення інформації може бути фатальним, відповідно завжди при таких діях - спливаючі вікна.

35:31.0 - 35:38.2
При чому є різні спливаючі вікна. Є там де просто треба натиснути "окей" і все - і воно закрилось, і підтвердилось, і все добре.

35:38.3 - 35:42.6
В деяких треба ще галочка натиснути, тільки після того активується "окей".

35:42.7 - 35:54.9
Є ще віконочки в яких необхідно словами перенабрати той текст, який з'явитсья ось тут. Ну так звана капча підтвердження.

35:55.0 - 36:05.3
Або,наприклад: коли відбувається форматування або зміна дисків, перерозбитті дисків на логічні диски, фізчичні

36:05.4 - 36:15.5
там так само деякі програми просять словами прописати: "Да, я погоджуюсь з тим, щоб працювати з вінчестером і зтирати інформацію без відновлення".

36:15.6 - 36:21.9
Тобто, коли людина набирає руками акцент уваги збільшується і підтвредження стає таким більш чіткішим.

36:24.0 - 36:32.5
"Крок назад". Людина може деякі дії виконувати випадковим чином: клікнула і хоба щось сталось.

36:32.6 - 36:42.4
Відповідно, завжди, наприклад в офісі, коли набираєте текст - там є можливість кільканадцять разів повернутись по хронології на кілька кроків.

36:44.0 - 36:52.3
Багато зараз в сучасних і в смартфонівських програмках отої можливості "крок назад" немає

36:52.4 - 36:57.2
Ви, наприклад натискаєте кнопочку назад в андройді і воно опа програму повернуло на попередній крок і ті дії, які у вас там сталися

37:00.7 - 37:03.2
взагалі не збереглися і пропали.

37:03.3 - 37:12.4
Тобто, тут трошечки, в деяких програмах почала втрачатись можливість повернення на попередній етап, на попередню хронологію.

37:12.5 - 37:16.6
Ну хоча б в межах сесії можна це лишити.

37:17.8 - 37:30.1
І, оці всі дії, які людина виконує система має зберігати, або інакше, якщо не зберігається, потім взагалі не зворотно.

37:30.2 - 37:40.0
От ви будете робити якусь лабораторку - 2-3 години потратили, потім забули зберегти і крок назад зробили, все пропало з екрану і нічого не збереглось.

37:40.1 - 37:44.3
Так і ще є які помилки.

37:46.5 - 37:48.7
Корегування поведінки.

37:50.4 - 38:01.1
Тобто дуже часто люди виконують якісь дії і можливо варто порахувати чому вони такі дії роблять.

38:01.2 - 38:04.5
І просто взагалі перемалювати всі скріни.

38:04.6 - 38:10.1
Якщо у вас є скрін, десь отут во поставили панельку,

38:10.2 - 38:13.4
і вот це є стирання чогось,

38:13.5 - 38:21.0
людина часто нечаяно вот так во мишкою десь водить-водить-водить, підводить десь пальцями і нечаяно втрапляє.

38:21.4 - 38:33.7
Або наприклад в ноутбуках є ота панелька - тачзона, тачпад, ви її наприклад забудете відключити, десь щось пальцями рухаєте і подушечкою руки десь-щось зачепили,

38:33.8 - 38:44.2
воно умудрилось десь-щось клікнути, щось зберігти, щось стерти версія програми пропала відповідно варто було б зробити затримки, які

38:44.3 - 38:54.1
б рахували, яка з панельок є активна, яка зона є активна і напевно час на який блокувати доступ до цих елементів на екрані.

38:54.2 - 39:06.1
Якщо, ви десь мишкою рухаєте ось тут і тут щось малюєте, в редакторі щось редагуєте, то напевно треба відключити на той час панельки сенсорні,

39:06.2 - 39:12.3
якщо ви працюєте з клавіатурою. Якщо ви працюєте з мишкою - теж панельку сенсорну відключити на певний час,

39:12.4 - 39:27.0
поки не буде якась дія активувати цю панель. І тоді ви зробите якраз можливість оці помилки скоротити і не треба буде підтверджень і корегувань.

39:31.0 - 39:32.8
"Ітеративність"

39:32.9 - 39:43.8
Часті дії, які виконує людина вона машинально робитьі раптом наступає той момент, коли з'являється нестандартна подія.

39:43.9 - 39:56.0
Але людина на автоматі натискає ті самі кнопки і щось відключає, от в таких випадках, щоб не було ось таких ітеративних дій

39:56.1 - 40:12.2
необхідно якраз періодично давати якісь нові дії, робити дрібні дії і розбивати якусь послідовність на певні етапи з певними проміжками.

40:12.3 - 40:21.5
Ну і тоді у нас відповідно не буде машинальних помилок, людина не буде зациклюватися на якійсь такій постійній одноманітній діяльності

40:21.6 - 40:24.6
і послідовність дій скоротится.

40:24.7 - 40:30.4
Тепер, ще які нам необхідно ми зараз ось ці помилки дорозглянемо і підемо на перерву.

40:30.5 - 40:32.9
"Навчання на помилках"

40:33.0 - 40:45.5
Якщо людина щось не то клікнула і щось наприклад не зберіглося, система має зберігти ті дії і показати якийсь такий мікросценарій

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

41:01.9 - 41:11.8
яка помилка при цьому відбулась, чи аварійне закриття програми чи не аварійне і тоді людина можливо не потворить ті самі дії.

41:13.0 - 41:18.8
Ну і відповідно, все, що вводить людина з клавіатури треба завжди перевіряти.

41:18.9 - 41:31.1
Тобто, завжди чи номер телефону, чи емейл, чи паспортні дані, чи прізвище, чи імена, на спецсимволи, на ін'єкції програмного коду.

41:31.2 - 41:42.6
Всі ті елементи треба перевіряти, тобто, кожне поле введене людиною завжди мусить мати якісь обмеження і завжди проходити певну перевірку і модерацію.

41:42.7 - 41:53.6
Всеодно люди будуть всіляку єрунду писати у вікнах, всеодно будуть намагатися щось туда втикнути, відповідно все, що дається в руки людині

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

42:05.1 - 42:18.8
От з такими основними помилками ми з вами розібралися і наступна така півпара - це буде про людську пам'ять, увагу, тобто в які моменти часу краще всього їй акцентувати увагу на екрані.

42:18.9 - 42:21.9
Зробимо перерву і після перерви продовжимо.

42:22.0 - 42:31.9
Так отже ми з вами розібралися з типовими ситуаціями з