Information

[360 VR 4K] Передпроектні операції для аналізу взаємодій. Людино-машинна взаємодія

Basic shortcuts

Ctrl + SSave subtitles
Ctrl + click
Double click
Edit highlighted caption
TabEdit next caption
Shift + TabEdit previous caption
EscLeave edit mode
Ctrl + SpacePlay / pause video
Ctrl + HomePlay selected caption
Ctrl + EnterSplit caption at cursor position
at current time

Advanced shortcuts

Ctrl + InsertAdd new caption
Ctrl + DeleteDelete selected caption
Ctrl + IEdit currently played segment
Shift + EnterNew line when editing
Ctrl + LeftPlay from -1s
Ctrl + RightPlay from +1s
Alt + LeftShift caption start time -0.1s
Alt + RightShift caption start time +0.1s
Alt + DownShift caption end time -0.1s
Alt + UpShift caption end time +0.1s

Annotation shortcuts

Ctrl + 1Hesitation
Ctrl + 2Speaker noise
Ctrl + 3Background noise
Ctrl + 4Unknown word
Ctrl + 5Wrong segment
Ctrl + 6Crosstalk segment
You are in the read-only mode. Close
42:33.0
42:34.8
помилками людини, які вона робить
42:34.9
42:39.7
і зараз розберемося з памяттю і увагою.
42:41.8
42:43.0
Що з памяттю...
42:43.5
42:55.8
Перш з все, треба, щоб ваша програмка і скріни періодично давали нагадування по можливих функціоналах.
42:55.9
43:00.7
Та, людина може часто користуватися вашою програмою. Та, вона до неї звикла
43:00.8
43:09.0
Та, в неї там є якісь сценарії, якими вона користується, і вона звикла ходити по певних вікнах, робити переходи,
43:09.1
43:12.6
якісь певні функції виконувати, якісь кнопочки натискати,
43:12.7
43:19.4
ну і рано чи пізно людина з цим змиряється і якби більше від єкранів не хоче.
43:19.5
43:26.7
Ви можете робити періодично додаткові вікна, які будуть з'являтися час від часу і нагадувати, що
43:26.8
43:30.6
"От, дивіться! В нас тут є ще одна панелька, в нас є ще один режим
43:30.7
43:37.8
і ви можете скористатися ще такими функціями" і пропонує вам сценарій, яким чином робити.
43:37.9
43:46.8
Тому що людина, як правило, рідко щось дуже сильно запам'ятовує, на память вона мало що робить і
43:46.9
43:52.7
ті спогади, яким чином вона натискає ті менюшки, рано чи пізно втрачаються,
43:52.8
43:57.7
особливо якщо людина відпустку візьме, або корпоратив, або якесь святкування
43:57.8
44:02.4
відповідно, може забути частину дій, які може робити та програма.
44:02.5
44:10.0
Варто зробити ще додатковий сценарій, додаткову підсистемку для ваших інтерфейсів, де буде періодично
44:10.1
44:17.5
підказуватись, що тут є ще панель, тут є ще меню, тут ще є підвікна, і можете скористатися такими-то функціями.
44:18.6
44:22.8
Тепер, ще який принцип маєте закласти в вашу програму,
44:22.9
44:27.1
що запам'ятовувати, що робити, не обов'язково.
44:27.2
44:35.8
Тобто ми дивимося на єкран, і людина одразу по кнопках має розуміти де що знаходиться і де що робити.
44:35.9
44:46.3
Якщо є якісь дуже тяжкий функціонал і оформити його у вигляді кількох скрінів, або кількох вікон і
44:46.4
44:52.8
розмістити якісь панельки є достатньо тяжко, наприклад коли ви використовуєте якісь елемент програмування
44:52.9
45:00.4
або ви заставляєте людину писати хронологію своїх дій, відповідно ті команди типові,
45:00.5
45:05.1
які людина набирає словами, варто було би зробити якимись підказками.
45:05.2
45:11.7
Ну от ви, наприклад, берете Visual Studio, або Eclipse і коли ви набираєте якусь певну команду
45:11.8
45:18.7
програмістську, випадає список можливих типових форматів правопису тої чи іншої команди
45:18.8
45:24.0
з такими-то вхідними даними і пунктуацією. Тобто
45:24.2
45:31.4
кожний єтап, якій ви робите по функціях, треба дивитися як його можна замінити візуалізацією,
45:31.5
45:36.3
якими елементами випадаючої додаткової менюшечки. Тобто є ми програміст:
45:36.4
45:44.6
випадаючі постійно списки, випадаючі списки, підказки типових команд і дій.
45:44.7
45:51.7
Що ще людина якби так запам'ятовує? Вона, як правило, запам'ятовує 3-4 дії.
45:51.8
45:55.8
Або "3-4 уваги"
45:55.9
46:05.8
Ну іноді, ще коли є якийсь акцент уваги, ще можете мати в пам'яті до 7, ну до 9 об'єктів.
46:05.9
46:14.7
Тобто це означає, що якщо ви створите нове вікно, як правило, не варто робити більше елементів,
46:14.8
46:23.8
тобто обмежитися до 9 елементів. 9 функцій, 9 зон. Ну краще і взагалі звестися до 3-4 зон.
46:23.9
46:31.6
В такому випадку людина точно буде завжди пам'ятати, де що знаходиться, чітко знати, де воно є розміщене
46:31.7
46:33.2
і чітко буде оперувати.
46:33.3
46:43.2
[Якщо] збільшити кількість об'єктів, які треба відображати, як правило буде довгий час їхнього пошуку, довгий час їхнього вибору
46:43.3
46:50.1
і додатково будуть втрачатися мілісекунди, і взаємодія набагато погіршиться.
46:50.2
46:57.6
Це тільки через то, що є певні обмеження по кількості пам'яті оперативної, яку людина сприймає.
46:57.7
47:07.1
Що тепер з увагою. Увага - це ті яскраві елементи, які мусять бути на ваших інтерфейсах.
47:07.2
47:13.8
Звичайно ви можете зробити чорно-білий інтерфейс і це все буде класно для певної групи людей,
47:13.9
47:24.4
які мають якісь труднощі з кольоросприйняттям, або з контрастом, або з чіткістю зору і це буде нормально.
47:24.5
47:33.5
Нам необхідно порахувати статистику потенційних користувачів, в якіх є певні обмеження і, відповідно,
47:33.6
47:38.5
для кожної групи людей створювати ті чи інші привабливі інтерфейси.
47:38.6
47:46.3
Для старших людей розуміння привабливості одне, для молодших людей і тінейджерів - інше,
47:46.4
47:55.4
для середнього класу по віку і по, там, статі теж інакше рахується привабливість, відповідно, краще
47:55.5
48:04.2
одну й ту саму програму зробити в багатьох різних варіантах і для кожної групи користувачів давати можливість на початках
48:04.3
48:09.3
вибрати той чи інший стиль привабливості і розробити.
48:09.4
48:17.6
Чим більше ви таке зробите, тим більше в вас є варіантів, тим більше людина вибирає, тим більше вона задоволена, відповідно, більше користується.
48:17.7
48:24.9
Ну і ви як програміст, в свою чергу, маєте багато роботи, щоб врахувати усі можливі специфіки.
48:25.0
48:28.5
Що часто є важливим?
48:28.6
48:37.7
Коли ви хочете, щоб людина щось виконувала достатньо ефективно, періодично її треба або відволікати, або не відволікати
48:37.8
48:46.0
Тобто якщо вона зконцентрувалася на функціях програми, вспливаючі вікна, вспливаюча інформація, що прийшло оновлення
48:46.1
48:50.9
чи, наприклад, треба щось врахувати, варто повідключати ці всі дії.
48:51.0
49:00.7
Якщо ви хочете, щоби людина виконала дію, навпаки треба її відволікати. Ми це зара ще там далі розберемо і
49:00.8
49:10.5
дуже часто раніше на сайтах робили багато анімації, робили багато gif-анімації, купа блимаючих елементів,
49:10.6
49:17.6
кожна кнопочка... якись там рух йде і все воно одночасно рухається по всьому екрану. Ви зараз, наприклад,
49:17.7
49:28.1
в Windows 10, Windows 8, коли вони зробили такий плиточний інтерфейс початкового робочого столу, тільки в той момент
49:28.2
49:36.2
коли ви активуєте певний елемент, тільки тоді там починався якись звук, якась анімація. В протележних випадках
49:36.3
49:44.1
як правило це статична картинка, спокійна, не відволікає людину від основних дій, або основних думок.
49:44.2
49:49.1
Так само, наприглад, автоматичне програвання відеороликів.
49:49.2
49:59.0
Ви бачили, що в багатьох зараз програмках, там в Instagram, в Facebook, по замовчуванню програвання роликів відключено.
49:59.1
50:05.4
Якщо ви активуєте цю функцію, клікнете, або натиснете, тільки в той момент починає йти програвання.
50:05.5
50:10.3
В YouTube так само: ви можете або відключити автоматичне програвання, або лишити його.
50:10.4
50:19.0
Відповідно воно теж менше відволікає від основного контенту. При потребі людина активує собі ці елементи.
50:19.1
50:31.6
Це так само треба пройтись по цих пунктах і перевірити кожен скрін, який ви малюєте, і які дії мусить виконувати людина.
50:31.7
50:41.8
Тепер, ще один принцип. В попередньому ми мали не відволікати від уваги, а тут навпаки треба відволікти.
50:41.9
50:54.8
Якщо, наприклад, якась є ситуація, наприклад, дали ви довгий процес, воно там рахує, щось відправляє, перезавантажує, обробляє
50:54.9
51:03.7
відповідно, час триває, людина вже не чекає на завершення якоїсь дії, в той момент якщо щось сталося таке нестандартне, незвичне
51:03.8
51:12.6
наприклад, не зберіглося, обмежилася кількість пам'яті, або перервався зв'язок, людина мусить втрутитися
51:12.7
51:15.1
от в той момент має з'явитися додаткове вікно.
51:15.2
51:25.4
Тобто ви теж мусите придумати скрін, в якому буде описана та чи інша ситуація помилкових дій або системи, або людини
51:25.5
51:32.6
в яких необхідно чітко відволікти людину від інших дій, які виконуються нею паралельно.
51:32.7
51:41.3
Тепер, якщо ви плануєте міняти щось в своїх єкранах, робити якісь внесення змін, переставляти якісь меню,
51:41.4
51:51.5
переставляти іконочки, переставляти панельки, або взагалі робити нову якусь версію, то або це треба поступово робити:
51:51.6
51:59.6
поміняли одну функцію, поміняли кнопочку для цієї функції викликання - дайте певний час користувачам звикнути до цієї зміни.
51:59.7
52:10.1
Якщо ви плануєте взагалі повністю кардинально це змінити, відповідно, краще назвати це "нова програма", "новий інтерфейс",
52:10.2
52:15.9
і тоді людина до нового легше ставиться, легше сприймає, ніж ви будете переробляти все
52:16.0
52:26.7
Ну от це от яскравий приклад був, коли Microsoft перейшов від Office 2003 року до Office 2010.
52:26.7
52:37.9
Вони повністю поміняли концепцію на панелі Ribbon і багато користувачів не сприйняли з першого разу цю модифікацію,
52:38.0
52:43.3
і досі ще не сприймає велика кількість людей, якщо дивитися по статистиці
52:43.5
52:49.9
тобто оці зміни внесені були не зовсім добре, при чому без можливості відключення.
52:49.9
52:55.2
Потім з'явилися сторонні плагіни, які включали цю можливість.
52:55.3
53:01.0
Є ще такий так званий єфект "червоного свистка".
53:01.1
53:13.5
Це коли дійсно стається якась проблема, наприклад, є система з інтерфейсними елементами керування дорожнім рухом, залізницею,
53:13.6
53:20.4
аєропортом.. Нестандартна нештатна ситуація.. Ясно, що тут треба ще кольори поміняти.
53:20.5
53:23.5
І ще й добавити шрифти, добавити звуки.
53:23.6
53:33.5
Тобто все, прорвало трубу, розбився літак, не дай Боже, там якісь затор, зламалося, вийшло з ладу обладнання і так далі.
53:33.5
53:43.4
Тобто звичайні підказки могли бути сірі, традиційний шрифт: "О, там щось не працює один світлофор", "Ой, там є маленький заторчик"..
53:43.5
53:49.6
Є глобальна проблема - взагалі повністю весь інтерфейс має змінити свій зовнішній вигляд.
53:49.7
53:52.7
Тільки тоді людина зреагує: "так, дійсно щось сталося!"
53:52.8
54:03.8
Теж такі варіанти скрінів треба передбачити в програмі і нехай вони будуть. Та, вони будуть рідко використовуватися, але нехай будуть.
54:03.9
54:08.4
Тепер, люди дуже часто деякі дії виконують неусвідомлено.
54:08.5
54:20.3
Та, вони, наприклад, звикли такі рухи робити в інших програмочках і вони по аналогії виконують це і у вашій програмі, хоча ви таке не передбачали.
54:20.4
54:24.6
Отже що тут з'являється з таких неусвідомлених взаємодій?
54:24.7
54:36.2
Люди, коли працюють або з речами, або чомусь навчаються, вони завжди люблять йти від маленького до великого.
54:36.3
54:45.2
Скорше всього, коли ви будете створювати свій програмний продукт і, відповідно, створювати скріни для нього
54:45.3
54:51.5
не варто робити, знов ж таки, 1 скрін з усіма можливими панельками.
54:51.6
54:58.8
Ну дайте, можливо, людині спочатку якісь wizard. Хай він потроху налаштує вашу систему.
54:58.9
55:07.8
Зробіть кілька версій скрінів: типо wide-version, типо середню middle-version, і там якісь high-level зробіть,
55:07.9
55:14.1
І ті всі скріни, хай вони будуть - людина собі вибере на тому чи іншому етапі чим користуватися.
55:14.2
55:21.9
От, наприклад, яскравий приклад - це був Photoshop: з кожним роком вони випускали нову версію,
55:22.0
55:30.6
добавляли нові функції, добавляли нові менюшечки, нові кнопочки.. В кінцевому випадку воно розрослося до величезного редактора
55:30.7
55:39.4
і всі нові користувачі просто не могли з першого разу розібратися зі всім функціоналом, зі всіма можливими елементами.
55:39.5
55:47.5
Після того вони зробили відкат, зробили типо Photoshop "light-версія". Ну, наприклад, навіть зараз ще Visual Studio
55:47.6
55:57.4
від Microsoft тоже. Вони випустили спрощені версії Visual Studio для початківців, які тільки вивчають програмування, щоб не було нагромадження
55:57.5
56:06.4
всіх плагінів і всіх можливих дій з компіляцією і дебаганням ваших програм.
56:06.5
56:09.6
Так само поміняли повністю меню, поміняли інтерфейс.
56:09.7
56:18.6
Тобто тут треба робити теж версії лайтові, спрощені, ну і, відповідно, розширені для досвідчених користувачів.
56:18.7
56:21.0
Є ще так зване поняття "ретикулярного мозку".