доц. д-р Александър Пенев Информационен Дизайн Добрата визуализация на данни

Препис

1 доц. д-р Александър Пенев Информационен Дизайн Добрата визуализация на данни

2 Елементи Добрата визуализация 2/25

3 Информация и отражението и в изображенията Елементите на изображението и техните атрибути често носят информацията или част от нея. Добрата визуализация 3/25

4 Елементи на визуализираните данни Точки; Линии; Начупени линии; Многоъгълници; Символи; Повърхности; Многостени; Изображения; Текст; Други. Добрата визуализация 4/25

5 Атрибути на елементите Цвят; Интензивност; Местоположение; 30 Ориентация; Размер; Стил и др. 0 Максимални Местоположение Минимални Температура Цвят 5 Добрата визуализация 5/25

6 Какво прави една визуализация добра? Добрата визуализация 6/25

7 Какво прави една визуализация добра? Визуализацията на данни (изображението) е модел на данните, а моделите винаги са целеви, следователно какво е добрата визуализация зависи от целта ни. Добрата визуализация 7/25

8 Добрите визуализации обикновено са: Информативни Организирани; Икономични; Достъпни; Ефективни; Точни; Естетични; Адаптивни. Добрата визуализация 8/25

9 Информативни Зависи от целта; Дадена визуализация може да бъде информативна или не. Ако целта ни е да покажем какви ще бъдат температурите утре, но визуализираме нещо друго, то визуализацията няма да е информативна, колкото и да е добре направена; Обем информация; Повече информация не винаги означава по-голяма информат.; Зависи от аудиторията; Една и съща информация изобразена по един и същи начин може да носи различна информация за различни видове потребители, както и да е в различна степен информативна; Добрата визуализация 9/25

10 Организирани Структурираност Да предоставя на потребителя ясна структура на изобразяваните данни; Консистентност Да предоставя на потребителя еднотипната структура на данните (еднаква за еднаквите данни); Добрата визуализация 10/25

11 Икономични Малко ресурси Минимизира ползваното мастило за отпечатване и т.н.; Малко време Да се разработва бързо, да се печата бързо; и т.н. Добрата визуализация 11/25

12 Достъпни Информационна достъпност Съобразява представянето с възможностите и способностите на потребителите за възприемане; Визуална достъпност Съобразява визуалното представяне с възможностите и способностите на потребителите. Добрата визуализация 12/25

13 Ефективни Разбираемост Наблюдателя да я разбира и възприема лесно; Интерпретируемост Да е лесна за интерпретация на данните; Добрата визуализация 13/25

14 Точни Коректност Да е достатъчна за коректно разбиране на данните; Незаблуждаваща Фактор на Заблуда = Визуалния Ефект / Данновия Ефект Добрата визуализация 14/25

15 Естетични Фактор на приемане Да се харесва на потребителя; Липса визуални проблеми Да не предизвиква негативни усещания (моаре, нежелани визуални ефекти, дискомфорт, несъвместими цветове и т.н.); Типография Използване на малко, подходящи и четливи шрифтове. Добрата визуализация 15/25

16 Адаптивни Информационна Адаптивност Да може да бъде използвана за повече от една нужди (извличане на различна информация); Потребителска Адаптивност Да може да бъде използвана от повече от един потребител. Добрата визуализация 16/25

17 Добри Практики Добрата визуализация 17/25

18 Добри практики Диаграми Стълбовидна, Кръгова и др. за показване на таблични и други данни; Графи Добри са за изобразяване на структура и взаимовръзки; Схеми и Скици Подходящи са за изобразяване от едномерни до многомерни данни, процеси и планове (да се обясни как нещо работи и др.); Добрата визуализация 18/25

19 Добри практики Карти Едни от най-ефективните. Могат да показват едновременно много данни, взаимовръзки, взаимно положение, планове и др.; Изображения Използване на цветове или интензивност за визуализация на повърхности; Изолинии, изоповърхнини Показват границите между области в данните с различни стойности; Добрата визуализация 19/25

20 Добри практики Полупрозрачност Помага за виждане на скрити данни при проектиране на тримерни обекти и др; 3D повърхности и тела Проекции на тримерни обекти; Стерео визуализация Две свързани проекции на тримерни обекти спомагащи за реално тримерно възприятие; Анимация За визуализация на процеси и др. Добрата визуализация 20/25

21 Техники за Подобряване на Възприемането на Визуализацията Добрата визуализация 21/25

22 Техники за подобряване на възприемането Динамична визуализация Интерактивна настройка на параметрите на визуализацията с цел възприемане или намиране на желаната информация; Различни изгледи Преглеждане на данните от различни предварително избрани гледни точки; Използване на етикети Показват стойностите на изходните данни; Добрата визуализация 22/25

23 Техники за подобряване на възприемането Премахване на данни Някои стойности на данните не се изобразяват за да се избегне претрупването; Оцветяване на свързани Визуалните елементи на кореспондиращите си данни се оцветяват еднакво в различните изгледи за да се проследи взаимовръзката; Добрата визуализация 23/25

24 Техники за подобряване на възприемането Повдигане Уголемени изгледи или акцентиране на част от данните с цел фокусиране на вниманието; Скролиране Разглеждане на повече от събиращите се на екрана данни чрез динамичен избор на прозорец на видимите данни. Добрата визуализация 24/25

25 Въпроси? Добрата визуализация 25/25