Нора референсов
825 subscribers
27 photos
60 videos
70 links
Вниз за вдохновением

author: @remittit
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
9. Элегантное оформление шапки задачи в виде карточки с тегами. Выглядит легко, не перегружено, но и очень информативно. Однако интересно посмотреть, как она масштабируется 🤨

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

Источник: Height

#карточка #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
10. Добавление сопроводительных комментариев прямо в чате кажется интересной механикой для поддержки.

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

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

🔥Источник: Intercom CSP

#комментарии #чат #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
11. Редизайн навигации в Intercom — почему важно держать руку на пульсе.

⭐️Основные тезисы статьи
1) Важность исследований: команда начала с вопроса «Как пользователи могут находить необходимое быстрее?». Это помогло увидеть весь спектр проблем и вариантов оптимизации

2) Принципы упрощения:
Объединили схожие разделы для устранения путаницы
Переместили менее важных функций из основного меню
Переместили личные настройки в один разделе для облегчения доступа

3) Переработка UI: заменили иконки на более понятные для снижения когнитивной нагрузки на пользователей

▶️Источник: Intercom

#статья #редизайн #навигация #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
12. График изменения содержания глюкозы в крови.

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

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

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

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

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

#коллекция #анимации
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
14. Кто бы мог подумать, что в CRM-ках есть читкоды и мини-игры?
Это звучит как отличная идея интерактива перед 1 апреля 💃

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

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

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

#прикол #анимации #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31👍1
This media is not supported in your browser
VIEW IN TELEGRAM
15. Разрабатывайте то, что реально хотят пользователи😉
Интересная продуктовая фича в Linear.

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

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

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

#статья #фича #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
16. Настройка ИИ-копилота в Intercom

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

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

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

#фича #ИИ #CRM
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
17. Приложение по оцифровке рецептов
Достаточно прислать фото рецепта, а также название и фото блюда, а бот его переведет его в цифровой формат.

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

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

#анимации
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
🔴 Интерфейс системы мониторинга пациентов в реанимации

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

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

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

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
18. Карточка с саммари по брокерскому счету.
Просто и красиво🩷

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

#карточка
Please open Telegram to view this post
VIEW IN TELEGRAM
4
19. Очень милая бенто-структура в приветственном экране.

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

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

#карточка
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
20. Family — новый, невероятно красивый криптокошелек.

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

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

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

#анимации
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31
21. Аккуратные и минималистичные карточки в виде билетов.

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

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

#карточка
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
22. Виджеты с подсчетом метрик.

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

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

#карточка #графики
5
23. Графики с метриками.

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

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

#карточка #графики
👍2
24. Настройка внешнего вида вложений

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

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

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

#карточка #настройки
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1
25. Календарь в Acme

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

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

#карточка #календарь
Please open Telegram to view this post
VIEW IN TELEGRAM
3