Information

[360 VR 4K] ч.1 Кроки проектування інтерфейсів. Людино-машинна взаємодія

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
52:57.6
53:11.3
Це є типовий шаблон для такого виду інформації. Знову ж таки є ще один з видів оформлення такого блоку - історії події. Тобто, коли вже детальніше розкривається
53:11.4
53:28.7
якась стаття відвідно більш детально йде опис, більш детально йдуть картинки і відповідно може бути ще якась статусна інформація або фонове зображення, або ще якісь рекламні додаткові зони.
53:28.8
53:45.8
Якщо ми розглядаємо конкретно якусь публікацію або якусь сторінку, або приклад якоїсь сторінки, то відповідно теж пропонується яким чином. Як правило, тут розміщують іконку, яка є інформацією,
53:45.9
53:59.6
яка групує ці сторінки по тематиках. Це може бути якийсь логотип тематики, йдуть основні картинки, допоміжні картинки, описовий текст.
53:59.7
54:12.5
Ну і знову ж таки один з варіантів оформлення - можуть бути мікро картинки при натисканні або наведені можуть відображатись повноцінні розширені версії картинок, так щоб детальніше роздивитись
54:12.6
54:30.6
або ж якісь відеосюжети. Тобто це вже є готові якби розкладки по яких, якщо робити ці дії, набагато спростить і пришвидшить роботу. Ось це так само є ще одні приклади шаблонів.
54:30.7
54:43.8
Наприклад нависна лента, вона, бачите, співпадає майже з блогом, тобто майже ті самі розкладки, що для новини, що для історії якигось подій.
54:43.9
55:10.7
Так само, як стаття якась наукова чи стаття навчальна, чи стаття просто події на екрані. Знову ж таки в різних версіях, в різних версіях компонування, компонування в дві колонки, одна велика інформація - акцентування уваги, розбивка на зони одних колонок, других.
55:10.8
55:22.4
Якщо ми беремо за основу наприклад інтернет-магазин або каталог галерея якась, то відповідно теж пропонується яким чином відображати інформацію.
55:22.5
55:34.3
Інформації про якість акції, інформація про якісь там бонуси, інформацію про існуючі товари, інформація про неактивні товари або зі знижками, тобто міняється колірна палітра
55:34.4
55:50.3
і відображення в такому форматі чи відображення в такому форматі. Знову ж таки чорна і біла тема для того, щоб зір в нас для денної частини
55:50.4
55:58.9
доби і для вечірньої. Знову ж таки ще один із шаблончиків, який показує деталізацію якогось товару.
55:59.0
56:13.5
Ви вибрали перше наближення, зробили перехід по навігації на детальну сторінку, у детальній сторінці є опис, є додаткові картинки, які ви знову ж таки можете активувати і вони знову ж таки або таким чином розкриються
56:13.6
56:23.4
плюс можливо є перехід на більш детальну інформацію. Знову ж таки розкриється ціла стаття, яка ще детальніше нам описує цей елемент.
56:23.5
56:35.3
Також є хороші такі рецепти типових підходів. Тепер єдине, що далі нам необхідно буде розмалювати вже кольорами конкретними кнопочками елементи.
56:35.4
56:56.3
Це теж є деякі такі типові шаблони для організації структурних елементів на екрані. Ось це наприклад у нас теж є зона відображення, тут у нас є зона меню, зона якогось логотипа, зона характеристик або контактної інформації.
56:56.4
57:08.0
Це наприклад приклад, яким чином організовується закладки або табулятори, або педженейшин на екрані між характеристиками товару,
57:08.1
57:18.2
розміщення компанування картинної зони картинок або зони відеосюжетів або медіа елементів і характеристик у вигляді тексту.
57:18.3
57:23.1
Яким чином сформується шаблони для спливаючих вікон
57:23.2
57:28.0
з картинками, зони наприклад суцільного тексту.
57:28.1
57:40.2
зона статусного відображення елементів, як правило це використовується для налаштування програмного продукту, де ви можете вибирати чи підключати якісь функції, чи не підключати
57:40.3
57:49.0
зона спливаючих підказок або зміни статусу на певний час у верхній частині чи наприклад в нижній частині.
57:49.1
58:03.7
Так, тому що ви можете екран фліпати вверх, вниз, вправо, вліво, горизонтально і відповідно нам до кожного положення нашого гаджета необхідно чітко вказати, де саме ми хочемо бачити.
58:03.8
58:13.7
Бо люди, як правило, в верхню частину, так, вони частіше, по статистиці, наводять свій фокус уваги, ніж наприклад на нижню частину, так?
58:13.8
58:18.6