Доступних елементів, чи не доступних елементів. Можливість їх підключити чи не підключити.

Так само є спосіб організації сторінок, заголовків.

Спосіб послідовного відображення тексту інформації, графічної інформації, галереї, різних картинок.

Розміщення фотографій, основних контактних даних, опис діяльності.

Або наприклад адресна книга з основними елементами, які є в адресній книзі.

Пошукові елементи, різні "step by step" візерти, 1-ий крок, 2-ий, 3-ій, 4-ий.

Підтвердження виконаності певних кроків для досягнення наших елементів.

Ви так само бачили, що на початку семестру я вам теж зробив презентацію слайдову,

там де теж постарався вам на початку семестра показати, які кроки для лабораторок нам треба виконати в картинках,

щоб досягти успіху.

Ну і відповідно є вибір тарифних різних елементів, де ми зараз знаходимся, варіантні, вот це вот такий, ви зараз дуже часто бачите

на сайтах мобільних операторів або операторів телебачення,

де необхідно вибрати тарифний план і порівняти тарифні плани між собою

Вікна підтвердження, вікна невдалої спроби виконання дій.

[CROSSTALK]

От же ми з вами зупинилися знову ж таки на таких основних кількох шаблонах,

які поділяють площину нашого екрану на зональність.

І от тут ви теж бачите ще одну серію шаблонів типових,при організації наших layout-ів.

Є один із способів, знову ж таки вдала, не вдала спроба.

Спроба інтеграції групи картинок в основну сторінкову групу.

Група так званих послідовних плиточок-розкладки наших елементів.

Є типові спливаючі підказки, які вказують або кількість наявних відгуків, або кількість наявних поштових відправлень,

або кількість коментарів, або рейтинг певного елемента.

Є зонування на вставлення рейтинга тієї чи іншої сторінки, знову ж таки тарифні плани, опис профайла якогось користувача,

так звані "pop-up" спливаючі календарі - тобто у нас є зона відображення якоїсь дати і ми можемо або відредагувати її,

або змінити певну дату. І у нас є спливаючий якийсь елемент календаря, знову ж таки він може бути або щомісячний,

або щотижневий, або щоквартальний, або можливо цілорічний, або до конкретного тижня, тобто тут вже іде типи відображення календарів.

Багато колонкове відображення простих, звичайних текстів, медіагалерея.

Затримки на момент завантаження якогось певного елемента,

відображення анімації про те, що іде процес підгруження завантаження елементів

або процентовий спосіб відображення завантаження.

Наприклад task-сторінка, де ми відмічаємо: виконав роботу, чи не викинув цю роботу і відповідно маємо список.

Це так само є типовий спосіб організації покрокового виконання, тобто є невелика зона інфографіки,

яка або кольорами, або розмірами змінює вот ці графічні документи.

А тут іде перелік тих завдань, які нам необхідно було би виконати під час проходження певних етапів роботи з нашим інтерфейсом.

А так само є різноманітні відображення структури великої програми або структури сайту тобто які сторінки є сайтові, так званий site-map

де є показування, де ви ще можете перейти по елементах.

Різноманітні елементи сторінковості або прокруток, або каруселей інформації.

Різні графіки діаграмності, візулізації даних, різні чати і так звані зони перв'ю певного документа.

Вот ви зараз, коли користуєтесь Гугл доксами, ви часто бачите, що коли ви вибираєте якісь там пдф або картинку,

так воно є спливаючим елементом і ви знову ж таки можете прокручувати і дивитись вже повноцінний документ в повному обсязі.

Так, вот це так само є приклади, ще деяких форм відображення інформації: переписка,

відображення різних описів, це як правило робиться на сторінках, наприклад готелей або ресторанів, або меню різних ресторанів,

там де є картинка, є опис продукту або опис страви, діаграмні елементи, каруселі попереднього перегляду файлів.

Збільшений спосіб перегляду файлів організації, різні сторінки по налаштуванню параметрів або програмного продукту,

або наприклад медіаплеяра, різні синтезатори, різні гучності, або наприклад роботи х кольорами, або роботи з картинками,

там де ви хочете яскравість, контрасність, колірність, глибину, прозорість підкоректувати.

Знову ж таки різні способи організації сіткових елемнтів табличності на сторінках.

Невеличкі текстові пункти параметрів елементів, способи розшарювання елементів, способи відображення картографії.

Різні види спливаючих вікон, наприклад для лінукс систем, для мак-систем, для якихось так само лінукс або андроїдівських систем

Для віндовс систем і так далі, тобто яким чином організовується заголовок нашого вікна.

Ну і відповідно завжди робляться для всіх іконок, які потім будуть розміщуватися на наших панелях, на наших елементах.

Робляться так звані палітри всіх можливих станів іконок, тобто коли іконка знаходиться в активованому стані

або коли ми наводимо наш курсор, або палець або стилус на певний елемент, він підсвічується яскравіше.

Статус активованості, статус не активованості або наприклад заблокованості для будь яких дій.

І от так для кожної іконки завжди розмальовуються всі можливі стани цього іконочного елемента на наших вікнах

і створиться така якби палітра всіх елементів.

Оце є ще один приклад, яким чином організовуються вікна для відображення статистичних різних даних.

Ну в основному інфографіка якраз корелюється чимось іншим предметом - візуалізація даних.

Тобто зона картинок, зона підкартинок, основного каденту, розділяння на елементи, статистичні діаграми, великі графіки,

зв'язані елементи яким чином відображаються чи послідовно, чи у вигляді ієрархічного зв'язного чи не зв'язного графа

і це дає можливість відображати дані.

Тепер вот це є так само дані, які дають можливість робити step-by-step виконання дій користувачем,

тобто виконай першу дію, подивись що треба було виконувати, переходь до наступного кроку, подивись, що треба виконувати,

Перейди до наступного, що треба виконувати і є як би дорожня карта, що за чим виконувати, щоб ми досягли якоїсь дії.

Або наприклад як от зроблено в Фейсбуку, деяких ще соціальних мережах, тобто є певні дати вузлові,

що відбувалося, якісь картинки, можливо якісь коментарі, описи, можливо група якихось коментарів і картиночок.

І дуже часто на багатьох сайтах завжди роблять от таке правостороннє, лівостороннє поєднання тому, що

коли фокус уваги людини, як правило падає на картинки і людина переводить погляд на ліво та право,

вот цей вот момент переведення фокусу уваги на певну зону, він активує, якби поновлює увагу людини на новий елемент.

Ну і плюс за рахунок моторики очей так само активується увага і людина краще сприймає довгі документи з нашими намірами.

Так, тепер ми більше вже переходимо до, попередні всі слайди це стосувалися в основному декстопних розкладок

і для телевізорів, ноутбуків, планшетів, а тепер буде серія розкладок, які характерні для смартфонів,

для телефонів, ви так само зараз в лабораторках, в 4-ій теж робите такі ескізи.

Оце, наприклад, у нас знову ж таки є адресна книга, деталізація адресної книги

або, наприклад, у нас є панель відображення картинок з підписами цих картинок,

ну і відповідно треба враховувати діагональ нашого пристрою.

Чим більше у нас є оце співвідношення висоти й ширини, тим більше елемнтів ми можемо розмістити,

відповідно ми можемо вирішувати, чи це буде вже сторінковістю з закладками, чи буде одноколоночне відображення

чи наприклад двохколоночне відображення.

Вот на цьому слайді так само представлені типові розкладки, які характерні для наших смартфонів

Так, тобто є відображення елементів, є відображення мікропанелей, є основний заголовок, є можливість зробити пошук.

Якщо ми активуємо цей елемент у нас панелька відповідно з'являється, відображає нам більше даних.

Або, наприклад, понельочне вкладання сусідніх елементів, оці всі панельки можуть розтягуватися в залежності від того,

скільки даних у нас виводиться в елементах.

Тут так само ви бачите поєднання і графіків і заголовки з більшим елементом.

Є поля введення даних, занесення даних, зберігання даних.

Основний акцент уваги на елементу, додаткові елементи, які потім у нас теж активуються і розгортаються до повного екрану.

Теж типові розкладки, які є.

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

Є основні заголовки, є картинки, так само є акценти по зонах і є так само зонування більшими елементами, меншими елементами.

Оці розкладки ви потім використовуєте як шаблони для 4-ої лабораторки, там де ви намагаєтесь з "декстопних" програмочок

навпаки зробити для всіх пристроїв.

Теж є приклади організації галереї: основний перегляд, міні-прев'ю або є послідовність перемикання між слайдами, або між контентом

і суб-галереї, повноекранне роздивляння, кнопка повернення назад,

щоб можна було вернутися на скорочену галерею або на прев'ю галереї.