🚀 Как визуализировать сложные иерархии?

В этой статье мы говорим о древовидных картах.

Древовидная карта представляет собой визуализацию данных сложных иерархий, которые трудно интерпретировать.

Такого рода карты обычно размещаются на информационных панелях. Выбор дизайнеров часто падает на них, чтобы разнообразить визуальную составляющую.

Больше рекомендаций по их созданию на нашем сайте.

🔧 CopyPalette - генератор SVG палитры

Генератор цветовых палитр copypalette.netlify.com позволяет подбирать оттенки и удобно экспортить их в SVG - просто копируем и вставляем в Sketch, Figma.

Ссылка

🚀 Facebook и Ray-Ban работают над созданием AR очков

CNBC сообщили, что Facebook в сообществе с Ray-Ban занимаются разработкой очков дополненной реальности (AR), которые должны заменить смартфоны. Пока рынок мобильных телефонов переполнен конкурентами, AR-гарнитуры представляют собой широкую неоперившуюся категорию продуктов.

Предпологается, что такие очки позволят совершать телефонные звонки, просматривать информацию на небольшом дисплее и транслировать свое окружение друзьям и подписчикам в социальных сетях.

Умные очки могут дать компании шанс вовремя заскочить на поезд нового растущего рынка.

Подробнее на сайте

🚀 Procreate 5: обновление

В обновлении популярного приложения для рисования и иллюстрации пользователей будут ожидать новый интерфейс, более мощный графический движок «Valkyrie», а также поддержка кистей Photoshop. К тому же в приложение добавили новые инструменты анимации.

Подробнее на сайте

🚀 Smart Animate от Figma

Сегодня в Figma представили новые функции для создания анимированных прототипов. Они должны помочь воплотить в жизнь ваши идеи без использования сторонних приложений (по типу Principle).

Smart Animate - новый тип перехода, который автоматически анимирует похожие объекты и улучшает существующие переходы.

Так же в обновлении прдеставили новую функцию Drag - это новый тип взаимодействия, который позволяет пользователям управлять переходом с помощью перетаскивания пальца.

Туториал от Figma

🚀 Тематический анализ качественных данных

Часто UX дизайнеры сталкиваются с большим разнообразием проблем при работе с качественными данными, полученными в ходе UX-исследований, проведённых на ранних стадиях проекта. В этой статье вы узнаете как систематизировать эти данные.

Используйте метод тематического анализа данных, его суть состоит в маркировании отдельнх наблюдений и цитат определёнными кодами для облегчения поиска важных тем.

Предлагаем вам потратить 11 минут вашего времени и подробнее ознакомиться с этим методом.

Прочитать статью

🚀 Редизайн Instagram

На днях Instagram выкатил обновление с редизайном камеры, которая теперь все больше похожа на Snapchat.

Также был добавлен новый режим, который позволяет быстро находить GIF-файлы, обратные отсчеты, опросы и воспоминания.

Убрали вкладку «Following», теперь будет не так просто "шпионить" за своей половинкой.

А еще - покупки прям в приложении.

Больше скриншотов и текста

🚀 Удалённое тестирование юзабилити

Существует широкий спектр разнообразных площадок для исследований «на удалёнке». Цены на такой инструментарий в иной раз могут быть ошеломляющими при том, что лишь единицы сумеют отличиться своей оригинальностью.

Многие платформы для немодерируемого юзабилити-тестирования имеют схожие функции. Чтобы выбрать подходящий вам инструмент, определите тип данных, которые вам нужно собрать.

Подробнее на сайте

🚀 Кейс: как Figma обновили свой бренд

В Figma рассказали как они развивают свой бренд.
Дизайнеры Figma использовали ее же для обновления. Новая айдентика, типографика и цветовая палитра.

Подробнее на сайте

🚀 Как Figma облегчает создание Customer journey map

В статье перечисленны преимущества создания СJM в Figma:

- Библиотека компонентов
- Функция Tidy Up
- Онлайн коллаборация
- Быстрый обмен обратной связью (через комментарии)
- Интерактивность

Читать подробнее

🚀 7 важных уроков веб-дизайна

Если вы разрабатываете веб-сайты, вот главные уроки веб-дизайна, которые могут вам помочь:

1. Научитесь адаптироваться
2. Не следуйте слепо современным тенденциям
3. Не будьте "Мистером да"
4. Научитесь говорить "Нет"
5. Ставьте справедливый ценник
6. Обновляйте портфолио
7. Выкладывайтесь на полную

Подробнее в статье

🚀 Новый логотип Facebook

Facebook представили обновленный корпоративный логотип.

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

🚀 Отображение социальных аспектов на корпоративных сайтах

В этом исследовании от NNG рассматривается проблема социальной ответсвенности компаний.

Часто у пользователей возникают некоторые вопросы относительно того, как и где компании должны сообщать о своём социальном воздействии (также называемом корпоративной социальной ответственностью).

Время чтения: 8 мин

Читайте рекомендации в статье

🚀 Apple представила новый MacBook Pro

- 16 дюймовый ретина дисплей с разрешением 3062×1920
- Студийные микрофоны
- 8-ядерный процессор, до 64ГБ оперативной памяти, до 8ТБ SSD
- Вернули физическую кнопку ESC

По заявлению Apple, цена будет варьироваться от $2390 до $6099 в максимальной комплектации. Предзаказ уже открыт.

🚀 Sketch 60 – новая дизайн-система

В настоящее время дизайн является основой практически любого бизнеса, и наличие правильных инструментов для создания и использования ДИЗАЙН-систем является как никогда важным. Поэтому сегодня, в Sketch 60, добавлены некоторые новые функции, которые не только облегчат совместную работу, но и ускорят процесс совместного создания, использования, и обслуживания дизайн-систем.

Время чтения: 5 мин

Подробнее в статье

🚀 Tesla представила электрический пикап Cybertruck

Прошлой ночью в Лос-Анджелесе состоялась презентация нового электропикапа Tesla Cybertruck, презентовал которую сам Илон Маск.

Кузов новинки сделан из нержавеющей стали, стёкла бронированы, а для дверей используется пуленепробиваемый сплав, как для ракет SpaceX. Грузоподъёмность — 1.5 тонны, разгон до 96.6 км\ч за 2.9 секунды, аккумулятора хватает на 1295 километров, а цена — от 39900 долларов с автопилотом и системой автоматической парковки в комплекте.

Кстати, во время представления Илон Маск попросил продемонстрировать ударопрочность стёкол тачки.

Но удар стального шара стекло не выдержало — хотя шар и не пробил окно насквозь, Маск сказал: «Мы исправим это на производстве».

Подробнее на сайте.

🚀 5 законов UX-дизайна

Дизайн отличается от искусства тем, что нацелен на достижение определенного результата, решение конкретной проблемы и в целом делает мир более комфортным для жизни.

Чтобы добиться хорошего UX-дизайна важно использовать четкие, эффективные законы и проверенные формулы, о которых подробно рассказано в этой статье.

- Закон Хика
- Закон Фитта
- Принцип Парето
- Бритва Оккама
- Закон Якоба

Время чтения: 6 мин

Читать статью

🚀 4 ужасных UX-решения в приложении Spotify

В этой статье рассматриваются UX проблемы в популярном приложении Spotify.

Spotify был выпущен более 10 лет назад, и с тех пор его основной продукт практически не изменился.

Основные пункты:
- Добавление песни в несколько плейлистов
- Непоследовательное нажатие и удержание
- Поиск и сортировка треков
- Топ чарты и рекомендуемая музыка

Время чтения: 5 мин

Читать статью

🚀 Пинбол-шаблон поиска информации на веб-страницах

Всем рекомендуем прочитать эту статью!

Прошли те времена, когда Google возвращал простой список из 10 ссылок с URL и синим текстом. Сегодня страницы результатов поиска гораздо сложнее.

В пинбол-шаблоне пользователь сканирует страницу результатов по крайне нелинейному пути, перебирая результаты и функции страницы поиска.

Любой получаемый поиск может возвращать ассортимент различных визуальных элементов. Разнообразие информации и презентаций играет решающую роль в переключении внимания пользователей на странице.

Время чтения: 9 мин

Читать статью

🚀 Золотое сечение – принципы формы в дизанйе

История золотого сечения – это целая легенда. Она берёт своё начало вместе с историей числа Пи.

Какова привлекательность этого соотношения? Веками считалось, что искусство, архитектура и природа более привлекательны для глаз, когда пропорции конструкций основаны на золотом сечении.

Как сечение используется в дизайне? Представьте себе прямоугольник с короткой стороной, длина которой = 1. Чтобы рассчитать наиболее эстетически приятный прямоугольник, вы просто умножаете длину короткой стороны на значение золотого сечения – 1,618. Таким образом, длинная сторона в этом случае будет иметь длину 1,618. Читать продолжение

Время чтения: 7 мин

Ссылка на эту статью

🚀 UX руководство по созданию страниц интернет-магазина

В интернет-магазинах страницы продукта играют важную роль в развитии сайта. Клиенты должны иметь достаточно информации, полагаясь на страницу продукта для того, что бы его купить.

Важные составляющие успешной и привлекательной страницы интернет-магазина выглядят так:

● Грамотное содержание страницы с товаром
● Желательные функции
● Интересные функции
● Предвидеть и отвечать на вопросы клиента
● Помогите пользователям сравнить товары
● Создайте возможность оставлять отзывы о товаре
● Процесс покупки

Время чтения : 9 мин

Подробнее в статье