Лекція 12. Інтерактивна візуалізація даних: інструменти та можливості

Поради щодо візуалізації контенту

Візуалізація — дуже сильний інструмент у вебі, але, як і з усіма аспектами дизайну, неправильне її оформлення може заплутати користувача. Тому, щоб ефективно її застосовувати та завжди радувати свого користувача хорошим візуальним контентом, потрібно звертати увагу на певні моменти. Розробник, технічний ентузіаст, та дослідник UX Нік Бабіч у своєму блозі приводить 4 основні принципи візуалізації даних, які потрібно враховувати:

  1. Подумайте, що і для кого ви робите. Перед тим, як приступити до візуалізації контенту, зрозумійте: хто її буде бачити, і яке завдання вона повинна виконувати.
  2. Подбайте про контент. Поважайте вашу аудиторію — годуйте її свіжою та достовірною інформацією. Працювати потрібно тільки з перевіреними даними, щоб у користувача не виникали підозри та недовіра. Давайте йому відповіді на питання “Звідки взялися дані?” та самі перевіряйте їх. Від себе додамо: завжди беріть до уваги, що новина в сучасному вебі живе 1-2, максимум 3 доби, тому, перш ніж працювати з інформацією, переконайтесь, що вона актуальна та цікава для вашого користувача. Пам’ятайте, яким би естетичним та красивим не був ваш дизайн, він не врятує поганий вміст.
  3. Відображайте тільки потрібний об’єм даних. Візуалізація повинна містити правильну кількість важливих даних. Достатньо часто, дизайнери або занадто спрощують, або занадто ускладнюють візуалізацію. І те, і інше погано для дизайну, тому потрібно знаходити баланс.
  4. Вивчайте свою аудиторію. Ваші користувачі відрізняються від вас. Вони можуть мати власні думки з приводу представленої вами інформації, і ви повинні зважати на це. Вам потрібно підібрати той тип візуалізації, який ідеально підійде вашій аудиторії. Для цього необхідно проводити тестування і перевіряти, як люди будуть інтерпретувати візуалізацію.


Доступність

Шрифти Шрифти

Розмір шрифта Розмір шрифта

1

Колір тексту Колір тексту

Колір тла Колір тла

Кернінг шрифтів Кернінг шрифтів

Видимість картинок Видимість картинок

Інтервал між літерами Інтервал між літерами

0

Висота рядка Висота рядка

1.2

Виділити посилання Виділити посилання

Вирівнювання тексту Вирівнювання тексту

Ширина абзацу Ширина абзацу

0