287
Привет! Это канал Заметки дизайнера. Меня зовут Владимир Белов, я продуктовый дизайнер в Group-IB. Это мой личный блог про дизайн, ux, исследования, аналитика, подкаст, веб. По всем вопросам: @iamadesigner
● Кейс на Behance для Farmly
Платформа, которая собирает и анализирует данные для выдачи производителям и владельцам ферм.
Посмотреть кейс
● Редизайн интерфейса продукта MindBox от студии Луч
Mindbox — облачная платформа автоматизации маркетинга. Помогаем собирать и обрабатывать данные о клиентах из онлайна и офлайна, автоматизировать коммуникации, управлять ими из одного окна и увеличивать выручку маркетинга.
Посмотреть проект
● Продукт для поиска юристов для компании Simmons & Simmons от Aris Acoba
Цель состояла в том, чтобы создать платформу, на которой Simmons & Simmons может дополнять юристов-консультантов проектами клиентов или внутренними проектами. Это включает в себя консультантов по адаптации и помощь Simmons & Simmons в выборе идеального консультанта для любого проекта.
Посмотреть проект
Приложение iStatistica
Универсальная панель мониторинга системы для MacOS.
Лицензия стоит недорого в отличие от аналога iStat Menus.
● Отличный референс для интерфейсов с динамическими данными
● Обработка и работа с визуализацией данных
● Минимальное и понятное отображение показателей
● Работа и взаимодействие с виджетами
Надеюсь, что вам это приложение поможет не только технически, но и визуально вдохновится на новые решения для ваших продуктов.
Купить iStatistica | Купить iStatistica Pro
Структуризация Storybook
Рекомендации по организации компонентов.
Список указанных Storybook в статье:
- Grafana
- Think company
- KickstartDS
- Audi
- WFP
- Bedrock
- Wix
- Talend
- Natura
- Vibe
- Codeacademy
- The Guardian
- Spotify Backstage
- Grommet
- Carbon (IBM)
- Workday
- Storybook
worksome.com
Инструмент для поиска и управления фрилансерами.
cauldron.app
Сервис для управления и отслеживания заявок по вакансиям внутри компании.
uvodo.com
Управление вашим онлайн-магазином.
tradingview.com
Инструмент для отслеживания ценных бумаг с построением различных графиков.
winden.co
Интернет-банк.
Это не рекомендация использовать этот сервис для финансовых целей. Исключительно ради изучения интерфейса продукта, либо сайта.
Миксовая коллекция (~3 500)
Делюсь с вами каналом, в который автор скидывает в буквальном смысле ВСЁ.
Перейти на are.na
● Autonomy, Relatedness, and Competence in UX Design
Статья поможет усвоить три фундаментальные потребности людей для дальнейшего проектирования интерфейса.
● You don’t need a design system
На начальном этапе не всегда нужна дизайн-система, чтобы тратить на неё силы, время и нервы. Как раз в этой статье Harshit Beniwal объясняет почему нет в этом необходимости и с чего начать.
● Organising Design Systems
Куча статей по организации дизайн-системы. Ещё одна не помешает, чтобы подчерпнуть что-то полезное, поэтому делюсь с вами.
● Designing with Dynamic Content in Figma
Практическая статья о том, как в Figma создавать компоненты с динамическим контентом/данными.
Сайт постепенно обновляется.
Страница ежегодного отчёта High Tech Crime Trends 2021/2022, в котором излагаются ценные данные, идеи, о кибератаках, об угрозах.
Посмотреть
P.s. Я не занимаюсь ни новым брендингом, ни веб-сайтом. Исключительно проектирую интерфейс некоторых продуктов в компании. Получаю информацию от коллег, которую могу размещать и делюсь с вами, чтобы наблюдали изменения компании, которая 18 лет не меняла брендинг.
BitCloud от UI8
Прикрепляю демо-превью готового UI-kit, в котором можно найти интересные идеи для вашего интерфейса.
relate.so
CRM для стартапа.
budibase.com
Платформа с открытым исходным кодом для проектирования бизнес-приложений.
chroniclehq.com
Стартап-инструмент для презентаций.
pianity.com
Музыкальный сервис по продаже NFT-треков.
microacquire.com
Стартап для покупки-продажи стартапов.
instapost.link
Бесплатно можете планировать посты в свой Instagram через Notion. На сайте описано, как всё сделать в пару кликов.
height.app
Новый инструмент для управления проектов внутри команды.
Поддерживает GitLab, GitHub, Google Sheets, Slab, Slack, Zapier, Zendesk.
Есть бесплатный тариф для тестирования внутри вашей команды.
Открытая библиотека визуализации данных.
Можете брать и использовать в своих рабочих проектах и улучшить визуализацию
Myskotom
Студия МЫ С КОТОМ собрали +800 шрифтов бесплатных для коммерческого использования.
Авторы проекта пояснили, как отбирали шрифты:
– Шрифт должен быть кириллическим;
– Шрифт должен быть бесплатным для коммерции;
– Шрифт не должен быть в Google Fonts.
● Кейс на Behance для AsiaInfo
Интересный подход в интерфейсе, который сочетает 3D визуализацию объектов компании и индикаторов / виджетов во flat-стиле. Большое количество интересных штук, которые могут помочь вам решить задачу.
Посмотреть кейс
● Интерфейс системы управления морским газопроводом от Студии Артемия Лебедева
Задача состоялась в разработке интерфейса мониторинга и контроля состояния трубы для крупнейшего оператора газопроводных систем. Интерфейс позволяет отслеживать риски возникновения дефектов, содержит все необходимые данные об их предотвращении и каталогизирует информацию, необходимую для дальнейшей эксплуатации.
Посмотреть проект
anytype.io
Менеджмент проектов и данных. Аналог Notion
ghost.org
Управление и публикация постов.
dynaboard.com
Разработка и деплой веб-приложений
arcade.software
Создание и тестирования интерактивных демо-интерфейсов / сайтов
stage.so
Дизайн и прототипы мобильных приложений
Андрей Гоглев, бывший разработчик «ВКонтакте», запустил свою социальную сеть Ton.Place (тут моя рефералка) на базе блокчейна TON. Для использования всех функций этой социальной сети, необходимо оформить подписку за 2 TON (~4,5$). Платформа с этой подписки получает только 5%, остальные средства распределяются на авторов, на которые вы подписаны.
Я уже зарегистрировался и оформил подписку для своего тестирования. Ощущение, что скрестили Twitter + Вконтакте + Patreon. Как и в каждой новой социальной сети появляются «взаимная подписота» и «розыгрыши», что жутко раздражает, а в рекомендации уже появляются недоблогеры с эскортницами. Максимально сложно найти круг общения внутри такого хлама. Из каких-либо новшеств ничего удивительного не увидел. За исключением довольно медленных запросов из-за чего ждёшь загрузку фото секунд 30 с разными ошибками 😂.
До конца подписки попробую протестировать и использовать ton.place как новый твиттер. Все комментарии по этой соцсети напишу здесь. Вверху я оставил свою рефералку, по которой необязательно переходить и регистрироваться.
Вышел 8 выпуск подкаста «Заметки дизайнера», в котором я расскажу про всплывающие подсказки, помогающие понять ваш интерфейс и обучить пользователя.
Apple Podcast: Послушать
Я.Музыка: Послушать
Spotify Podcast: Послушать
Google Podcasts: Послушать
CastBox: Послушать
Overcast: Послушать
Pocket casts: Послушать
YouTube: Посмотреть
Люблю и использую Spotify, также читаю их блог. Недавно вышла у них статья об обновлении иконок. Rob Bartlett и Andreas Holmström полностью пересмотрели толщину иконок, определив проблемы.
Интересная статья, которая будет полезна всем дизайнерам, особенно тем, кто столкнулся с теми же проблемами в своих продуктах.
Прочитать статью
Делюсь с вами небольшим количеством шотов/проектов для начала продуктивного и вдохновленного рабочего дня.
● Network Monitoring (Dribbble)
● Universal Data Visualization (Dribbble)
● Playback component for a tracking software (Dribbble)
● Asiainfo Digital Building (Behance)
● Farmly (Behance)
● Alphanect - UI Components (Dribbble)
● Share project popover (Dribbble)
● Character Settings (Dribbble)
Обложки отчётов.
Дизайнеры из департамента маркетинга сделали обложки для 5 отчётов по High-Tech Crime Trends 2021/2022:
● Продажа доступов в сети компаний;
● Киберимперия шифровальщиков;
● Угрозы для финансовых организаций;
● Военные операции в киберпространстве;
● Эпидемия онлайн-мошенничества.
Ребрендинг нашей компании Group-IB
Новым элементом нашего дизайна становится луч, показывающий путь героя.
Это путь, который проходит наша компания и каждый сотрудник Group-IB, исследуя угрозы в цифровом пространстве и приобретая опыт.
Луч или Путь героя объединяет цифровой и физический миры. Начинаясь в цифровом пространстве, этот луч выходит в физический мир, поскольку цифровые угрозы наносят ущерб в реальной жизни и реагируем мы в реальном мире, решая настоящие проблемы.
Отдаю свой курс по дизайну презентаций бесплатно
Статья на VC от Илоны Кравченко, которая сейчас раздаёт бесплатно свой курс по презентациям. Для собственного изучения и применения рекомендаций.
● Frustrating Design Patterns: Broken Filters
Виталий Фридман приводит примеры сложных фильтров в интерфейсе и рекомендации по улучшению их юзабилити.
● 7 topics every UX beginner should learn
itsuxforthewin">Trina Moore Pervall написала 7 тем по UX, которые должен изучать каждый дизайнер. По каждой теме прикрепила ссылки (курсы, статьи) для углубенного изучения этих тем.
● DesignOps: Study Guide
NNgroup написали гайд, в котором подробно описывают фреймворк DesignOps, прикрепляя ссылки на курсы, статьи и видео.
● As-is Scenario Map
Карта сценариев от IBM для документирования рабочих процессов пользователей, изучения новых идей и поиска проблемы для решений.
● Getting to know your remote teammates
Рекомендации от Mina Chandler (Spark) как познакомиться с удалёнными сотрудниками.
PolyRoad - Увлекательно о 3d и моушн графике
Полезный канал для 3Д-дизайнера. Автор повторяет рекламы, заставки в Blender и рассказывает подробно каким образом реализовывал то, чего не хватает.
Собрал небольшой список хороший каналов на are.na. Сохраняйте и пользуйтесь на здоровье 🔥
Визуализация данных
- https://www.are.na/vincent-drayne/job-data-visualization
- https://www.are.na/alex-fast/visual-representations-of-data
- https://www.are.na/emi-egg/tools-datavis
- https://www.are.na/anastasia-bolotnikova/data-l_awcq1egfk
Веб
- https://www.are.na/taika-yuri/web-okid18qbozo
- https://www.are.na/anthony-warnick/website-inspiration-1526319708
- https://www.are.na/john-provencher/website-737-f2xtmwo
- https://www.are.na/paul-gacon/websites-stores
- https://www.are.na/charles-broskoski/artist-websites
- https://www.are.na/dima-zhuravlev/web-portfolios-and-studios
- https://www.are.na/filipe-ferreira/websites-cool-ui-ux
- https://www.are.na/filipe-ferreira/websites-shops-o-adduh2_c8
Интерфейс
- https://www.are.na/linci-cai/interface-dvtqirq1tgq
- https://www.are.na/chakra/interface-pivbsfa9i0k
- https://www.are.na/stanislav-govorukhin/user-interface-fuu0gctxwj8
- https://www.are.na/toby-shorin/user-interface-superchannel
- https://www.are.na/ben-kasum/ui-uvzyuty0gbc
- https://www.are.na/andrew-van-hyfte/digital-produkt
- https://www.are.na/ivan-kostriukov/u-i
- https://www.are.na/edouard-urcades/case-studies-digital-product-design
3D
- https://www.are.na/katya-sikacheva/objects-oxeoj6qdnaa
- https://www.are.na/lilian-liu/cgi-materiality
- https://www.are.na/prithi-khalique-dq7eouhnmb4/3d-rf88kljzmty
- https://www.are.na/river-marchand/ref-3d
- https://www.are.na/grizz-pierce/elements-texture
- https://www.are.na/lu-nty5h7yjoyq/3dimensional
- https://www.are.na/eric-lish/3d-texture
Графдизайн
- https://www.are.na/alex-twista/id-b5hzk-vt9za
- https://www.are.na/lu-nty5h7yjoyq/02_images-researchh-backup-lg
- https://www.are.na/paul-schneider-uzehichbwek/styx
- https://www.are.na/cameron-galley/graph-x
- https://www.are.na/alexandra-freeman/invite-only
- https://www.are.na/andi-val2/tipografia-_edgzpksqeo
- https://www.are.na/lot-community/lot-2046
Небольшой документальный фильм о немецком дизайнере Richard Sapper, которого хотел нанять Стив Джобс.
Портфолио