1
00:42:33,000 --> 00:42:34,800
помилками людини, які вона робить

2
00:42:34,900 --> 00:42:39,700
і зараз розберемося з памяттю і увагою.

3
00:42:41,800 --> 00:42:43,000
Що з памяттю...

4
00:42:43,500 --> 00:42:55,800
Перш з все, треба, щоб ваша програмка і скріни 
періодично давали нагадування по можливих 
функціоналах.

5
00:42:55,900 --> 00:43:00,700
Та, людина може часто користуватися вашою 
програмою. Та, вона до неї звикла

6
00:43:00,800 --> 00:43:09,000
Та, в неї там є якісь сценарії, якими вона 
користується, і вона звикла ходити по певних 
вікнах, робити переходи,

7
00:43:09,100 --> 00:43:12,600
якісь певні функції виконувати, якісь кнопочки 
натискати,

8
00:43:12,700 --> 00:43:19,400
ну і рано чи пізно людина з цим змиряється 
і якби більше від єкранів не хоче.

9
00:43:19,500 --> 00:43:26,700
Ви можете робити періодично додаткові вікна, 
які будуть з'являтися час від часу і нагадувати, 
що

10
00:43:26,800 --> 00:43:30,600
"От, дивіться! В нас тут є ще одна панелька, 
в нас є ще один режим

11
00:43:30,700 --> 00:43:37,800
і ви можете скористатися ще такими функціями" 
і пропонує вам сценарій, яким чином робити.

12
00:43:37,900 --> 00:43:46,800
Тому що людина, як правило, рідко щось дуже 
сильно запам'ятовує, на память вона мало 
що робить і

13
00:43:46,900 --> 00:43:52,700
ті спогади, яким чином вона натискає ті менюшки, 
рано чи пізно втрачаються,

14
00:43:52,800 --> 00:43:57,700
особливо якщо людина відпустку візьме, або 
корпоратив, або якесь святкування

15
00:43:57,800 --> 00:44:02,400
відповідно, може забути частину дій, які 
може робити та програма.

16
00:44:02,500 --> 00:44:10,000
Варто зробити ще додатковий сценарій, додаткову 
підсистемку для ваших інтерфейсів, де буде 
періодично

17
00:44:10,100 --> 00:44:17,500
підказуватись, що тут є ще панель, тут є 
ще меню, тут ще є підвікна, і можете скористатися 
такими-то функціями.

18
00:44:18,600 --> 00:44:22,800
Тепер, ще який принцип маєте закласти в вашу 
програму,

19
00:44:22,900 --> 00:44:27,100
що запам'ятовувати, що робити, не обов'язково.

20
00:44:27,200 --> 00:44:35,800
Тобто ми дивимося на єкран, і людина одразу 
по кнопках має розуміти де що знаходиться 
і де що робити.

21
00:44:35,900 --> 00:44:46,300
Якщо є якісь дуже тяжкий функціонал і оформити 
його у вигляді кількох скрінів, або кількох 
вікон і

22
00:44:46,400 --> 00:44:52,800
розмістити якісь панельки є достатньо тяжко, 
наприклад коли ви використовуєте якісь елемент 
програмування

23
00:44:52,900 --> 00:45:00,400
або ви заставляєте людину писати хронологію 
своїх дій, відповідно ті команди типові,

24
00:45:00,500 --> 00:45:05,100
які людина набирає словами, варто було би 
зробити якимись підказками.

25
00:45:05,200 --> 00:45:11,700
Ну от ви, наприклад, берете Visual Studio, 
або Eclipse і коли ви набираєте якусь певну 
команду

26
00:45:11,800 --> 00:45:18,700
програмістську, випадає список можливих типових 
форматів правопису тої чи іншої команди

27
00:45:18,800 --> 00:45:24,000
з такими-то вхідними даними і пунктуацією. 
Тобто

28
00:45:24,200 --> 00:45:31,400
кожний єтап, якій ви робите по функціях, 
треба дивитися як його можна замінити візуалізацією,

29
00:45:31,500 --> 00:45:36,300
якими елементами випадаючої додаткової менюшечки. 
Тобто є ми програміст:

30
00:45:36,400 --> 00:45:44,600
випадаючі постійно списки, випадаючі списки, 
підказки типових команд і дій.

31
00:45:44,700 --> 00:45:51,700
Що ще людина якби так запам'ятовує? Вона, 
як правило, запам'ятовує 3-4 дії.

32
00:45:51,800 --> 00:45:55,800
Або "3-4 уваги"

33
00:45:55,900 --> 00:46:05,800
Ну іноді, ще коли є якийсь акцент уваги, 
ще можете мати в пам'яті до 7, ну до 9 об'єктів.

34
00:46:05,900 --> 00:46:14,700
Тобто це означає, що якщо ви створите нове 
вікно, як правило, не варто робити більше 
елементів,

35
00:46:14,800 --> 00:46:23,800
тобто обмежитися до 9 елементів. 9 функцій, 
9 зон. Ну краще і взагалі звестися до 3-4 
зон.

36
00:46:23,900 --> 00:46:31,600
В такому випадку людина точно буде завжди 
пам'ятати, де що знаходиться, чітко знати, 
де воно є розміщене

37
00:46:31,700 --> 00:46:33,200
і чітко буде оперувати.

38
00:46:33,300 --> 00:46:43,200
[Якщо] збільшити кількість об'єктів, які 
треба відображати, як правило буде довгий 
час їхнього пошуку, довгий час їхнього вибору

39
00:46:43,300 --> 00:46:50,100
і додатково будуть втрачатися мілісекунди, 
і взаємодія набагато погіршиться.

40
00:46:50,200 --> 00:46:57,600
Це тільки через то, що є певні обмеження 
по кількості пам'яті оперативної, яку людина 
сприймає.

41
00:46:57,700 --> 00:47:07,100
Що тепер з увагою. Увага - це ті яскраві 
елементи, які мусять бути на ваших інтерфейсах.

42
00:47:07,200 --> 00:47:13,800
Звичайно ви можете зробити чорно-білий інтерфейс 
і це все буде класно для певної групи людей,

43
00:47:13,900 --> 00:47:24,400
які мають якісь труднощі з кольоросприйняттям, 
або з контрастом, або з чіткістю зору і це 
буде нормально.

44
00:47:24,500 --> 00:47:33,500
Нам необхідно порахувати статистику потенційних 
користувачів, в якіх є певні обмеження і, 
відповідно,

45
00:47:33,600 --> 00:47:38,500
для кожної групи людей створювати ті чи інші 
привабливі інтерфейси.

46
00:47:38,600 --> 00:47:46,300
Для старших людей розуміння привабливості 
одне, для молодших людей і тінейджерів - 
інше,

47
00:47:46,400 --> 00:47:55,400
для середнього класу по віку і по, там, статі 
теж інакше рахується привабливість, відповідно, 
краще

48
00:47:55,500 --> 00:48:04,200
одну й ту саму програму зробити в багатьох 
різних варіантах і для кожної групи користувачів 
давати можливість на початках

49
00:48:04,300 --> 00:48:09,300
вибрати той чи інший стиль привабливості 
і розробити.

50
00:48:09,400 --> 00:48:17,600
Чим більше ви таке зробите, тим більше в 
вас є варіантів, тим більше людина вибирає, 
тим більше вона задоволена, відповідно, більше 
користується.

51
00:48:17,700 --> 00:48:24,900
Ну і ви як програміст, в свою чергу, маєте 
багато роботи, щоб врахувати усі можливі 
специфіки.

52
00:48:25,000 --> 00:48:28,500
Що часто є важливим?

53
00:48:28,600 --> 00:48:37,700
Коли ви хочете, щоб людина щось виконувала 
достатньо ефективно, періодично її треба 
або відволікати, або не відволікати

54
00:48:37,800 --> 00:48:46,000
Тобто якщо вона зконцентрувалася на функціях 
програми, вспливаючі вікна, вспливаюча інформація, 
що прийшло оновлення

55
00:48:46,100 --> 00:48:50,900
чи, наприклад, треба щось врахувати, варто 
повідключати ці всі дії.

56
00:48:51,000 --> 00:49:00,700
Якщо ви хочете, щоби людина виконала дію, 
навпаки треба її відволікати. Ми це зара 
ще там далі розберемо і

57
00:49:00,800 --> 00:49:10,500
дуже часто раніше на сайтах робили багато 
анімації, робили багато gif-анімації, купа 
блимаючих елементів,

58
00:49:10,600 --> 00:49:17,600
кожна кнопочка... якись там рух йде і все 
воно одночасно рухається по всьому екрану. 
 Ви зараз, наприклад,

59
00:49:17,700 --> 00:49:28,100
в Windows 10, Windows 8, коли вони зробили 
такий плиточний інтерфейс початкового робочого 
столу, тільки в той момент

60
00:49:28,200 --> 00:49:36,200
коли ви активуєте певний елемент, тільки 
тоді там починався якись звук, якась анімація. 
В протележних випадках

61
00:49:36,300 --> 00:49:44,100
як правило це статична картинка, спокійна, 
не відволікає людину від основних дій, або 
основних думок.

62
00:49:44,200 --> 00:49:49,100
Так само, наприглад, автоматичне програвання 
відеороликів.

63
00:49:49,200 --> 00:49:59,000
Ви бачили, що в багатьох зараз програмках, 
там в Instagram, в Facebook, по замовчуванню 
програвання роликів відключено.

64
00:49:59,100 --> 00:50:05,400
Якщо ви активуєте цю функцію, клікнете, або 
натиснете, тільки в той момент починає йти 
програвання.

65
00:50:05,500 --> 00:50:10,420
В YouTube так само: ви можете або відключити 
автоматичне програвання, або лишити його.

66
00:50:10,400 --> 00:50:19,090
Відповідно воно теж менше відволікає від 
основного контенту. При потребі людина активує 
собі ці елементи.

67
00:50:19,100 --> 00:50:31,600
Це так само треба пройтись по цих пунктах 
і перевірити кожен скрін, який ви малюєте, 
і які дії мусить виконувати людина.

68
00:50:31,700 --> 00:50:41,800
Тепер, ще один принцип. В попередньому ми 
мали не відволікати від уваги, а тут навпаки 
треба відволікти.

69
00:50:41,900 --> 00:50:54,800
Якщо, наприклад, якась є ситуація, наприклад, 
дали ви довгий процес, воно там рахує, щось 
відправляє, перезавантажує, обробляє

70
00:50:54,900 --> 00:51:03,700
відповідно, час триває, людина вже не чекає 
на завершення якоїсь дії, в той момент якщо 
щось сталося таке нестандартне, незвичне

71
00:51:03,800 --> 00:51:12,600
наприклад, не зберіглося, обмежилася кількість 
пам'яті, або перервався зв'язок, людина мусить 
втрутитися

72
00:51:12,700 --> 00:51:15,880
от в той момент має з'явитися додаткове вікно.

73
00:51:15,200 --> 00:51:25,360
Тобто ви теж мусите придумати скрін, в якому 
буде описана та чи інша ситуація помилкових 
дій або системи, або людини

74
00:51:25,500 --> 00:51:32,600
в яких необхідно чітко відволікти людину 
від інших дій, які виконуються нею паралельно.

75
00:51:32,700 --> 00:51:41,300
Тепер, якщо ви плануєте міняти щось в своїх 
єкранах, робити якісь внесення змін, переставляти 
якісь меню,

76
00:51:41,400 --> 00:51:51,020
переставляти іконочки, переставляти панельки, 
або взагалі робити нову якусь версію, то 
або це треба поступово робити:

77
00:51:51,600 --> 00:51:59,760
поміняли одну функцію, поміняли кнопочку 
для цієї функції викликання - дайте певний 
час користувачам звикнути до цієї зміни.

78
00:51:59,700 --> 00:52:10,100
Якщо ви плануєте взагалі повністю кардинально 
це змінити, відповідно, краще назвати це 
"нова програма", "новий інтерфейс",

79
00:52:10,200 --> 00:52:15,900
і тоді людина до нового легше ставиться, 
легше сприймає, ніж ви будете переробляти 
все

80
00:52:16,000 --> 00:52:26,170
Ну от це от яскравий приклад був, коли Microsoft 
перейшов від Office 2003 року до Office 2010.

81
00:52:26,170 --> 00:52:37,950
Вони повністю поміняли концепцію на панелі 
Ribbon і багато користувачів не сприйняли 
з першого разу цю модифікацію,

82
00:52:38,000 --> 00:52:43,300
і досі ще не сприймає велика кількість людей, 
якщо дивитися по статистиці

83
00:52:43,500 --> 00:52:49,860
тобто оці зміни внесені були не зовсім добре, 
при чому без можливості відключення.

84
00:52:49,860 --> 00:52:55,340
Потім з'явилися сторонні плагіни, які включали 
цю можливість.

85
00:52:55,300 --> 00:53:01,610
Є ще такий так званий єфект "червоного свистка".

86
00:53:01,100 --> 00:53:13,500
Це коли дійсно стається якась проблема, наприклад, 
є система з інтерфейсними елементами керування 
дорожнім рухом, залізницею,

87
00:53:13,600 --> 00:53:20,400
аєропортом.. Нестандартна нештатна ситуація.. 
Ясно, що тут треба ще кольори поміняти.

88
00:53:20,980 --> 00:53:23,150
І ще й добавити шрифти, добавити звуки.

89
00:53:23,600 --> 00:53:33,180
Тобто все, прорвало трубу, розбився літак, 
не дай Боже, там якісь затор, зламалося, 
вийшло з ладу обладнання і так далі.

90
00:53:33,180 --> 00:53:43,870
Тобто звичайні підказки могли бути сірі, 
традиційний шрифт: "О, там щось не працює 
один світлофор", "Ой, там є маленький заторчик"..

91
00:53:43,870 --> 00:53:49,970
Є глобальна проблема - взагалі повністю весь 
інтерфейс має змінити свій зовнішній вигляд.

92
00:53:49,700 --> 00:53:52,630
Тільки тоді людина зреагує: "так, дійсно 
щось сталося!"

93
00:53:52,800 --> 00:54:03,060
Теж такі варіанти скрінів треба передбачити 
в програмі і нехай вони будуть. Та, вони 
будуть рідко використовуватися, але нехай 
будуть.

94
00:54:03,900 --> 00:54:08,170
Тепер, люди дуже часто деякі дії виконують 
неусвідомлено.

95
00:54:08,500 --> 00:54:20,880
Та, вони, наприклад, звикли такі рухи робити 
в інших програмочках і вони по аналогії виконують 
це і у вашій програмі, хоча ви таке не передбачали.

96
00:54:20,400 --> 00:54:24,740
Отже що тут з'являється з таких неусвідомлених 
взаємодій?

97
00:54:24,700 --> 00:54:36,540
Люди, коли працюють або з речами, або чомусь 
навчаються, вони завжди люблять йти від маленького 
до великого.

98
00:54:36,300 --> 00:54:45,640
Скорше всього, коли ви будете створювати 
свій програмний продукт і, відповідно, створювати 
скріни для нього

99
00:54:45,300 --> 00:54:51,070
не варто робити, знов ж таки, 1 скрін з усіма 
можливими панельками.

100
00:54:51,600 --> 00:54:58,570
Ну дайте, можливо, людині спочатку якісь 
wizard. Хай він потроху налаштує вашу систему.

101
00:54:58,900 --> 00:55:07,680
Зробіть кілька версій скрінів: типо wide-version, 
типо середню middle-version, і там якісь 
high-level зробіть,

102
00:55:07,900 --> 00:55:14,100
І ті всі скріни, хай вони будуть - людина 
собі вибере на тому чи іншому етапі чим користуватися.

103
00:55:14,200 --> 00:55:21,900
От, наприклад, яскравий приклад - це був 
Photoshop: з кожним роком вони випускали 
нову версію,

104
00:55:22,000 --> 00:55:30,790
добавляли нові функції, добавляли нові менюшечки, 
нові кнопочки.. В кінцевому випадку воно 
розрослося до величезного редактора

105
00:55:30,700 --> 00:55:39,440
і всі нові користувачі просто не могли з 
першого разу розібратися зі всім функціоналом, 
зі всіма можливими елементами.

106
00:55:39,500 --> 00:55:47,860
Після того вони зробили відкат, зробили типо 
Photoshop "light-версія". Ну, наприклад, 
навіть зараз ще Visual Studio

107
00:55:47,860 --> 00:55:57,150
від Microsoft тоже. Вони випустили спрощені 
версії Visual Studio для початківців, які 
тільки вивчають програмування, щоб не було 
нагромадження

108
00:55:57,500 --> 00:56:06,270
всіх плагінів і всіх можливих дій з компіляцією 
і дебаганням ваших програм.

109
00:56:06,500 --> 00:56:09,150
Так само поміняли повністю меню, поміняли 
інтерфейс.

110
00:56:09,700 --> 00:56:18,770
Тобто тут треба робити теж версії лайтові, 
спрощені, ну і, відповідно, розширені для 
досвідчених користувачів.

111
00:56:18,770 --> 00:56:21,000
Є ще так зване поняття "ретикулярного мозку".