Нора референсов

Эффективная работа в Figma

Привет! На связи Настя, продуктовых дизайнер внутренних сервисов🌻

Продуктовый дизайнер — это одна из ключевых ролей в команде, к которому предъявляются большие требования. Ведь он должен не только создавать удобные и эстетичные продукты, но делать это быстро и качественно. Однако постоянная работа «руками» может сильно влиять на итоговый лидтайм фичи и самочувствие самого дизайнера. 

В этой статье поделюсь лайфхаками, которые помогают мне быть более продуктивной в ежедневной работе.

Прочитать →

делюсь своей первой статьей в наш тг-канал ❤️
пишите в комментариев свое мнение! буду рада!

25. Календарь в Acme

Хочу отметить:
– Верхний бар с предстоящими встречами — потенциально удобная штука для планирования дня и быстрого доступа к созвонам. Однако смущает её расположение, ведь основное внимание пользователя сосредоточено на центре экрана.
– Поиск по встречам — супер-фича, которой так не хватает в Outlook 😢

⭐️Источник: ссылка

#карточка #календарь

24. Настройка внешнего вида вложений

Наверное, впервые вижу хороший пример использования кастомного неоднотонного фона, который не идет в конфликт с интерфейсом 🙂

Нравятся округлые формы, вдохновленные MacOS, и стекляный эффект.

Этот продукт называется Shuttle, можно подглядеть за ними в Nicely done

#карточка #настройки

23. Графики с метриками.

Нравятся:
- Горизонтальный график с воронкой конверсий — экономит вертикального пространства и упрощает сравнение значений
- UI графика популярных дней — яркая синяя полоска отображает значение переходов, а мягкий градиент создает связь с соответствующим днем

Вот только не знаю, насколько эти 2 виджета сочетаются между собой, ведь их стилистика сильно отличается 🤔

#карточка #графики

22. Виджеты с подсчетом метрик.

Нравятся:
- Воздушная структура карточки и верный акцент на числе
- Ровная верстка без ступенек
- Отображение дохода за предыдущие месяцы в виджете продаж

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

#карточка #графики

21. Аккуратные и минималистичные карточки в виде билетов.

Нравятся:
- Закрытые грани квадрата в карточках благодаря компонентам и серому фону
- Логическое отделение типа и даты события от названия за счет имитации отрывной линии
- Связь иконок в фильтре и в карточках

💜Делаю вывод: классно вдохновляться физическими предметами из реальной жизни и переносить их метафоры в интерфейсы

#карточка

20. Family — новый, невероятно красивый криптокошелек.

Их лендинг — просто кладезь микро-анимаций и других различных интеракций.

А посмотреть подглядки из их мобильного приложения можно у Паши 🐾

💜Источник: ссылка

#анимации

19. Очень милая бенто-структура в приветственном экране.

Очень нравятся 2 вещи:
1) Легкая, ненавязчивая иллюстрация на фоне, плавно проходящая через карточки. Это создает некий эффект глубины и визуально приподнимает их над интерфейсом
2) Стеклянные карточки с паттерном из точек — изящный декоративный акцент, который добавляет текстуры и стиля

💜Источник: ссылка

#карточка

18. Карточка с саммари по брокерскому счету.
Просто и красиво🩷

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

#карточка

🔴 Интерфейс системы мониторинга пациентов в реанимации

Есть такая студия «Собака Павлова», они работают со всякими сложными штуками и интерфейсами — преимущественно в сфере медтеха. Всегда удивляюсь, как они копают очередной проект и стараются сделать сложное простым. В этот раз у них была задача сделать интерфейс, который понравится каждому врачу и, как утвеждают сами ребята из студии, у них это получилось.

Внутри:
— Проблемы первоначального интерфейса и необходимость его улучшения;
— Процесс аналитики и исследования для редизайна системы;
— Разработка нового дизайна с учетом потребностей медицинского персонала;
— Результаты внедрения обновленного интерфейса и его влияние на работу врачей.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

17. Приложение по оцифровке рецептов
Достаточно прислать фото рецепта, а также название и фото блюда, а бот его переведет его в цифровой формат.

Больше всего здесь мне нравится анимация.
Она делает рутинное действие ярче и интереснее, а также создает ассоциацию с получением ачивки. Так пользователь не устает от процесса, а даже наслаждается им

💜Источник: ссылка

#анимации

16. Настройка ИИ-копилота в Intercom

Компания разработала бота по имени Fin, который помогает клиентам с несложными запросами.

Мне понравились две вещи:
— Кастомная настройка tone of voice и длины сообщения. Бот может отвечать как очень кратко и официально, так и очень развернуто и игриво (без сарказма и кринжа 🚬)
— Большая таблица с нерешенными вопросами и ксатом по его работе. Таким образом, менеджер или разработчик может добавить контекста боту, а он на них обучится и улучшит перфоманс

💜Источник: ссылка

#фича #ИИ #CRM

15. Разрабатывайте то, что реально хотят пользователи😉
Интересная продуктовая фича в Linear.

Менеджер продукта может ввести ОС в свободной форме, а далее сервис подвяжет её к существующей задаче или предложит создать новую. Таким образом, потребность в ручном поиске и добавлении ОС отпадает — система все делает за тебя. Невероятная экономия времени

Более того, ребята придумали прикольную систему фильтров задач для правильной приоритезации. Например, тип заказчика или ревенью

💜Источник: ссылка

#статья #фича #CRM

14. Кто бы мог подумать, что в CRM-ках есть читкоды и мини-игры?
Это звучит как отличная идея интерактива перед 1 апреля 💃

Если в Linear ввести специальный читкод, то в сквозном поиске можно запустить Тетрис, Змейку или Астероид.

А если что-то похожее сделать в Amie, то можно абсолютно легально разбомбить свой календарь. Признайтесь, захотелось?

🌸Источник: Linear
🌸Источник: Amie

#прикол #анимации #CRM

13. Библиотека анимаций и UI-концептов от Нитиша Кхагвала

Иногда анимации выглядят избыточно, но как место для вдохновения покатит

🩵Источник: Ссылка

#коллекция #анимации

12. График изменения содержания глюкозы в крови.

Здесь классные сразу несколько моментов:
Допустимая доля вещества сразу видна на графике. Так пользователю легче отслеживать динамику и понимать общую ситуацию по своему здоровью. Еще знание нормы может помочь не тревожиться в моменте

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

#графики