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

11. Редизайн навигации в Intercom — почему важно держать руку на пульсе.

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

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

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

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

#статья #редизайн #навигация #CRM

10. Добавление сопроводительных комментариев прямо в чате кажется интересной механикой для поддержки.

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

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

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

#комментарии #чат #CRM

9. Элегантное оформление шапки задачи в виде карточки с тегами. Выглядит легко, не перегружено, но и очень информативно. Однако интересно посмотреть, как она масштабируется 🤨

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

✨Источник: Height

#карточка #CRM

8. Красивое и элегантное переключение темы приложения. Мне особенно нравится этот стоп-кадр с блюром, чтобы смена прошла мягче и незаметнее

▶️Источник: @tar_uniqueee

#темная_тема

7. Design spells
Пополняемая библиотека кусочков интерфейсов, взаимодействий и просто приятных дизайнерских деталей 💜

#коллекция

6. Питаю слабость к карточкам с необычными иллюстрациями.

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

#карточка

5. Антон Захаров, автор моего любимого канала Дизайнер, привет, собрал огромную коллекцию скринов графиков и файерволов для мобилок.
Несмотря на то, что мой основной профиль — десктоп, в файле можно найти много сквозных интересных механик и UI-приемов

💜Оригинал: Пост
▶️Файл: Ссылка

#коллекция #графики

4. Tremor.co
Пополняемый опен-сорс UI-кит, в котором можно увидеть как отдельные компоненты, так и целые шаблоны.
Особенно понравилось блоки с дашбордом и saas с красивыми графиками и тултипами.

💜Лайв-демо: Overview
▶️Источник: Дашборд

#коллекция

3. Отличный пример взаимодействия: тултипы внутри выпадающего списка, объясняющие зачем нужен тот или иной график

Источник: Christopher Kindle
Реализация в коде: Tremor UI

#тултип #графики #дропдаун

2. Viewport UI
Пополняемая коллекция концептов и анимаций. Можно подсмотреть интересные взаимодействия

#коллекция

1. Наткнулась на стартап resend, позволяющий настраивать красивые корпоративные email-рассылки, избегающие папку Спам.
Меня очень заинтересовал ввод даты отправки письма. Поле «Когда» понимает естественный формат даты: "in one hour", "tomorrow at 9am" и др.

Такую логику можно применить и в других приложениях по типу тайм-трекеров, тудушек или напоминалок 🌚

#форма #туду #resend

Channel photo updated

Channel created