Smashing Meets CSS (вторник, 1 апреля) БЕСПЛАТНО, с Адамом Аргайлом, Джулией Миоцен и Мириам Сюзанн (+ Джефф Грэм в роли ведущего!),
Smashing встречает современный CSS — 1 апреля 2025 г. здесь: https://smashingconf.com/meets-modern-css/registration
- Разрабатывайте токены и архитектуру компонентов пользовательского интерфейса совместно с Натаном Кертисом,СТЕФАНИ УОЛТЕР ИЗБАВИТ ВАС ОТ КОГНИТИВНЫХ ПРЕДУБЕЖДЕНИЙ НА 101%,
- Тематизация РАБОЧЕГО ПРОЦЕССА В СИСТЕМАХ ПРОЕКТИРОВАНИЯ с Самантой Гордашко,
- Измерьте UX + шаблоны проектирования интеллектуальных интерфейсов (Bundle) с Виталием Фридманом.
Всем удачного проектирования — и пусть у вас будет много хороших эмоций и позитивного мышления!
— Виталий
1. Защита от нечестных Графиков
Визуализация данных не так объективна, как можно было бы предположить. Как раз наоборот: диаграмма может быть технически корректной и в то же время вводить в заблуждение. Из-за этого что-то хорошее может выглядеть плохо, значительные изменения могут выглядеть как ничто, а уменьшение может выглядеть как увеличение.
Flowingdata опубликовала полезное руководство, которое повышает осведомленность о том, как небольшие изменения в дизайне могут исказить смысл диаграммы. На интерактивных примерах в нем объясняется структура диаграммы и то, как различные варианты сочетания визуальных кодировок и масштабов приводят к созданию разных диаграмм, отражающих разные точки зрения. Обязательная к прочтению книга для тех, кто разрабатывает визуализацию данных, а также для тех, кто хочет научиться распознавать вводящие в заблуждение повествования. (см)
2. Визуальный словарь Financial Times
Скрипки, пончики, пироги, склоны — данные можно визуализировать разными способами. Но какой тип диаграммы вам лучше выбрать? Чтобы помочь вам выбрать оптимальный тип визуализации для ваших данных, команда визуальной журналистики Financial Times опубликовала визуальный словарь Financial Times.
Доступный в виде плаката и веб-сайта, визуальный словарь обобщает характеристики различных типов взаимосвязей данных и диаграмм, которые могут быть использованы для описания их историй. Плакат доступен на английском, испанском, французском, немецком, японском и китайском языках. Это отличная отправная точка для создания информативных и значимых визуализаций данных. (см)
3. Шпаргалка по визуализации данных
Хорошая диаграмма — это не просто визуализация данных. Она обеспечивает точную и содержательную информацию, а также доступна и легка для понимания. Чтобы помочь нам максимально эффективно использовать визуализацию данных, Лиза Шарлотта Мут регулярно делится ценными советами по визуализации данных и передовыми практиками в блоге DataWrapper.
Для удобства пользования Анастасия Кузнецова и Алекс Бараков объединили рекомендации Lisa и лучшие практики в единую шпаргалку Miro Board. Он охватывает все — от выбора цвета и цветовой гаммы до дальтонизма и текста. Этот ресурс, возможно, стоит держать под рукой. (см)
WAS 2025: Крупнейшее Онлайн-мероприятие для Агентств возвращается!
Вы хотите бесплатно поучиться у ведущих дизайнеров и руководителей агентств, открыть для себя новые инструменты и вывести свой бизнес на новый уровень? Присоединяйтесь к более чем 10 000 веб-профессионалов на бесплатном саммите веб-агентств! Зарегистрируйтесь сейчас ↬
4. Идеи Для Лучшей Визуализации Данных
Поскольку приложения становятся все более ориентированными на данные, потребность в качественной визуализации данных высока как никогда. К счастью, правильная визуализация данных — это не сложная задача, и иногда требуется всего несколько небольших изменений, чтобы вывести диаграмму на новый уровень.
Тарас Бакусевич делится 20 простыми правилами, которым вы можете следовать, чтобы улучшить визуализацию данных. Они охватывают все — от выбора правильного типа диаграммы до маркировки, упорядочивания данных, правильного выбора цвета и обеспечения доступности содержимого. Несмотря на простоту применения правил, они будут иметь огромное значение для ваших пользователей. (см)
5. Предстоящие семинары и конференции
Внимание! Мы проводим онлайн-семинары по интерфейсу и UX, будь то доступность, производительность или шаблоны проектирования. На самом деле, у нас скоро будет пара семинаров, и мы подумали, что, возможно, вы тоже захотите присоединиться.
Проводя онлайн-семинары, мы стремимся предоставить вам такой же опыт и доступ к экспертам, как и на очных семинарах, где бы вы ни находились.
Как всегда, вот краткий обзор:
- Разработайте системное планирование и технологический ПРОЦЕСС совместно с Натаном Кертисом. 20-28 марта СТЕФАНИ УОЛТЕР ИЗБАВИТ ВАС ОТ КОГНИТИВНЫХ ПРЕДУБЕЖДЕНИЙ НА 101%. 10 апреля
- Тематизация РАБОЧЕГО ПРОЦЕССА В СИСТЕМАХ ПРОЕКТИРОВАНИЯ
с Самантой Гордашко. 8-23 апреля - Секреты веб — РАЗРАБОТКИ с Райаном Таунсендом. 7-21 мая
- Как измерить UX и спроектировать эффектный UX
- с Виталием Фридманом. 12-20 мая
- Мастер-класс по корпоративному
- менеджменту с Марко Дугоничем. 14-21 мая
- Шаблоны проектирования UX для интерфейсов искусственного интеллекта
- с Виталием Фридманом. 4-18 июня
- Доступность для дизайнеров UX
- со Стефани Уолтер. 16-24 июня
- Перейти ко всем семинарам →
6. Избегайте искажения Данных
Когнитивные искажения и аналитические ошибки — злейшие враги передачи точных сведений на основе данных. Итак, что мы можем сделать, чтобы избежать их? В своей бесплатной веб-книге “Избегайте искажения данных” Мэтт Дэвид исследует предубеждения и распространенные ошибки, которые люди допускают при анализе данных, и способы предотвращения этих дорогостоящих ошибок.
Из книги вы узнаете о различных видах искажений, которые не повлияют на интерпретацию данных. Вы узнаете, как внести больше нюансов в ваши данные, почему общая статистика может вводить в заблуждение, как точно интерпретировать тенденции и многое другое. Также приведены советы по прогнозированию и анализу результатов и повышению доверия к ним. Приятного чтения! (см)
7. Обеспечение доступности визуализации данных
Доступность должна лежать в основе каждого продукта, и визуализация данных ничем не отличается от этого. Делая ваши графики доступными, вы не только гарантируете, что каждый сможет ими пользоваться, но и упростите их понимание. И это может иметь решающее значение для предотвращения вредных ошибок, например, в медицинском программном обеспечении, где запутанный график может привести к тому, что пациент получит неправильное медикаментозное лечение.
Разрабатывая программное обеспечение для сферы образования и занимаясь исследованиями рака, Сара Л. Фоссхайм не понаслышке знает, что доступность данных влияет не только на пользователя. Чтобы помочь нам создать визуализацию данных, которая предотвратит путаницу и недопонимание, Сара обобщила десять правил, которые следует учитывать при создании диаграммы или графика. Дополнительные рекомендации, полезные инструменты и ресурсы для обеспечения доступности ваших диаграмм и таблиц также можно найти в публикации Виталия в LinkedIn. (см)
ОТ НАШЕГО СПОНСОРА: Легко интегрируйте свои инструменты и сервисы в HubSpot
Платформа для разработчиков CopyHubSpot помогает командам подключать новое и существующее программное обеспечение, объединяя их технический стек. Вы можете создавать приложения с помощью API-интерфейсов HubSpot и расширяемости. От размещения вашего приложения на торговой площадке HubSpot Marketplace до создания пользовательских решений — каждый найдет что-то, что поможет ему стать лучше.
8. Полезные наборы Figma для создания графиков
Мы подготовили несколько полезных наборов для Figma, которые помогут вам справиться с проблемами визуализации данных, с которыми вы можете столкнуться в своей работе. Одним из них является библиотека диаграмм для межгалактических систем проектирования Semrush. Он включает в себя более десятка простых в использовании и полностью гибких графических компонентов, а также содержит ссылки на руководства и подсказки по использованию различных графиков.
Еще одним удобным помощником является система проектирования Ethr. Ориентированный на повторно используемые компоненты для финтех-продуктов, он включает в себя более 300 адаптивных компонентов, среди которых линейные графики, площадные диаграммы, столбчатые диаграммы и круговые диаграммы. Еще один комплект Figma, с которым вы, возможно, захотите ознакомиться, — это система проектирования dYdX с открытым исходным кодом.
И последнее, но не менее важное: существуют рекомендации по разработке данных Лондонского сити. PDF-файл содержит рекомендации, примеры наилучшей практики, рабочие процессы и ссылки на инструменты, которые помогут вам понять основные принципы визуализации данных. Четыре замечательных ресурса, которые вдохновят вас на создание более простой визуализации данных. (см)
9. Недавно опубликованные книги 📚
Продвижение лучших практик и предоставление вам практических советов по решению повседневных задач в области программирования и дизайна всегда были основой всего, что мы делаем в Smashing.
За последние несколько лет нам посчастливилось поработать вместе с несколькими талантливыми, неравнодушными людьми из веб-сообщества, которые опубликовали свой богатый опыт в виде печатных книг. Вы уже ознакомились с ними?
- Масштабный успех от Эдди Османи
- Понимание конфиденциальности от Хизер Бернс
- Сенсорный дизайн для мобильных интерфейсов от Стивена Хубера
- Ознакомьтесь со всеми книгами →
10. Последние Сногсшибательные статьи
- Веб-Компоненты Против Компонентов Фреймворка: В чем разница?
- Как предотвратить атаки с использованием SQL-инъекций WordPress
- Как повысить Уверенность В Своей Работе с UX
- Как устранить Самые серьезные Проблемы с Содержательной Графикой С Помощью Анализа Подразделов
Вот и все, Ребята!
Большое спасибо за чтение и за вашу поддержку, помогающую нам поддерживать сообщество веб-разработчиков и дизайнеров с помощью нашей рассылки. Увидимся в следующий раз!
Этот выпуск информационного бюллетеня был подготовлен и отредактирован Козимой Мильке (cm), Виталием Фридманом (vf) и Айрис Льешнянин (il).