* * Питання до розгляду : Графічний дизайн Красивий вигляд інтерфейсів Тон, стиль, композиція Підтримка фірмового стилю Візуальний інформаційний дизайн Візуалізація даних, змісту і засобів навігації Колір, форма, розміщення, масштаб Графіки, діаграми та інше * Володіння базовими візуальними навиками – розуміння кольору, типографіки , форми і композиції * Вміння їх застосовувати для передачі поведінки і подачі інформації * Розуміння принципів взаємодії та ідіом інтерфейсу, що визначають поведінку продукту * Форма * Головна ознака суті об’єкта для людини * Зручна для відображення зв’язку між об’єктами або їх схожості * Погано підходить для відображення контрасту Розмір * Більші за розміром елементи привертають більше уваги * Ми автоматично упорядковуємо об’єкти за розміром Найважливіший текст Важливий текст Звичайний текст Примітка * Швидко привертає увагу * Кольори мають особливі значення для професіональних і соціальних груп * Увага: кольорова сліпота! * Яскравість * Хороший інструмент привертання уваги до контрасту між об’єктами Напрямок * Рекомендується використовувати, як вторинну ознаку * «Природнім» напрямком для європейця є – зліва направо і зверху вниз, але не у всіх країнах це так Текстура * Насічки і випуклості на елементах користувацького інтерфейсу звично вказують, що елемент можна перетягувати * Фаски або тіні у кнопки підсилюють відчуття, що її можна натиснути Розміщення * Використовується для передачі ієрархії * Засіб створення відповідності між об’єктами реального світу (небо і земля) * Розміщення елементів мобільного додатку залежить від типу і способу тримання пристрою, а також від вибраної орієнтації екрану * Елементи керування – це доступні для маніпулювання повноцінні екранні об’єкти, через котрі люди взаємодіють з цифровими продуктами. Controls / widgets ( скорченя від windows gadgets – віконні застосунки) – це базові блоки графічного інтерфейсу користувача. • Виконання функцій Командні елементи керування • Вибір даних или налаштувань Елементи вибору Елементи введення • Наочне безпосереднє маніпулювання Елементи відображення Класифікація елементів керування * Командні елементи керування * Миттєво виконують дію * Часто особливим чином виділяються кнопки по замовчуванню * Рекомендується змінювати зовнішній вигляд натиснутої кнопки * Кнопки - значки * Кнопки, розміщені на панелі інструментів * Постійно на виду та легко запам ’ ятовуються * Проста взаємодія * Обережно! Неоднозначні піктограмми! Текстові гіперпосилання * Розповсюджений інструмент навігації на сайтах * Погано застосовується при роботі з мобільними пристоями Елементи керування вибором * Дозволяють користувачу вибрати з групи допустимих об ’ єктів той, з яким буде здійснено дію * Застосовуються також для дій по налаштуванню * Елемент вибору може одночасно бути командним , якщо дія одна і повинна виконуватись одразу * Якщо елементи вибору об ’ єднані в групу , то потрібен додатковий командний елемент Прапорці * Традиційно мають квадратну форму * Потребують пояснюючого тексту Вимикачі * * Елементи введення * Дають можливість вибирати існуючу та вводити нову інформацію * Будь - який елемент керування , обмежуючий набір значень , доступних для введення користувачем , є обмежуючим елементом введення * Обмежуючий елемент введення повинен чітко інформувати користувача про допустимі межі