This media is not supported in your browser
VIEW IN TELEGRAM
16. Настройка ИИ-копилота в Intercom
Компания разработала бота по имени Fin, который помогает клиентам с несложными запросами.
Мне понравились две вещи:
— Кастомная настройка tone of voice и длины сообщения. Бот может отвечать как очень кратко и официально, так и очень развернуто и игриво (без сарказма и кринжа🚬 )
— Большая таблица с нерешенными вопросами и ксатом по его работе. Таким образом, менеджер или разработчик может добавить контекста боту, а он на них обучится и улучшит перфоманс
💜 Источник: ссылка
#фича #ИИ #CRM
Компания разработала бота по имени 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
Forwarded from Дизайнер, привет
Есть такая студия «Собака Павлова», они работают со всякими сложными штуками и интерфейсами — преимущественно в сфере медтеха. Всегда удивляюсь, как они копают очередной проект и стараются сделать сложное простым. В этот раз у них была задача сделать интерфейс, который понравится каждому врачу и, как утвеждают сами ребята из студии, у них это получилось.
Внутри:
— Проблемы первоначального интерфейса и необходимость его улучшения;
— Процесс аналитики и исследования для редизайна системы;
— Разработка нового дизайна с учетом потребностей медицинского персонала;
— Результаты внедрения обновленного интерфейса и его влияние на работу врачей.
———
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) Стеклянные карточки с паттерном из точек — изящный декоративный акцент, который добавляет текстуры и стиля
💜 Источник: ссылка
#карточка
Очень нравятся 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
👍3❤1
21. Аккуратные и минималистичные карточки в виде билетов.
Нравятся:
- Закрытые грани квадрата в карточках благодаря компонентам и серому фону
- Логическое отделение типа и даты события от названия за счет имитации отрывной линии
- Связь иконок в фильтре и в карточках
💜 Делаю вывод: классно вдохновляться физическими предметами из реальной жизни и переносить их метафоры в интерфейсы
#карточка
Нравятся:
- Закрытые грани квадрата в карточках благодаря компонентам и серому фону
- Логическое отделение типа и даты события от названия за счет имитации отрывной линии
- Связь иконок в фильтре и в карточках
#карточка
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
22. Виджеты с подсчетом метрик.
Нравятся:
- Воздушная структура карточки и верный акцент на числе
- Ровная верстка без ступенек
- Отображение дохода за предыдущие месяцы в виджете продаж
Единственное, что вызывает вопросы — цветовое решение графика конверсий: желтый цвет ассоциируется с опасностью, хотя в данном случае обозначает количество продаж.
#карточка #графики
Нравятся:
- Воздушная структура карточки и верный акцент на числе
- Ровная верстка без ступенек
- Отображение дохода за предыдущие месяцы в виджете продаж
Единственное, что вызывает вопросы — цветовое решение графика конверсий: желтый цвет ассоциируется с опасностью, хотя в данном случае обозначает количество продаж.
#карточка #графики
❤5
23. Графики с метриками.
Нравятся:
- Горизонтальный график с воронкой конверсий — экономит вертикального пространства и упрощает сравнение значений
- UI графика популярных дней — яркая синяя полоска отображает значение переходов, а мягкий градиент создает связь с соответствующим днем
Вот только не знаю, насколько эти 2 виджета сочетаются между собой, ведь их стилистика сильно отличается 🤔
#карточка #графики
Нравятся:
- Горизонтальный график с воронкой конверсий — экономит вертикального пространства и упрощает сравнение значений
- UI графика популярных дней — яркая синяя полоска отображает значение переходов, а мягкий градиент создает связь с соответствующим днем
Вот только не знаю, насколько эти 2 виджета сочетаются между собой, ведь их стилистика сильно отличается 🤔
#карточка #графики
👍2
24. Настройка внешнего вида вложений
Наверное, впервые вижу хороший пример использования кастомного неоднотонного фона, который не идет в конфликт с интерфейсом🙂
Нравятся округлые формы, вдохновленные MacOS, и стекляный эффект.
Этот продукт называется Shuttle, можно подглядеть за ними в Nicely done
#карточка #настройки
Наверное, впервые вижу хороший пример использования кастомного неоднотонного фона, который не идет в конфликт с интерфейсом
Нравятся округлые формы, вдохновленные MacOS, и стекляный эффект.
Этот продукт называется Shuttle, можно подглядеть за ними в Nicely done
#карточка #настройки
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1
25. Календарь в Acme
Хочу отметить:
– Верхний бар с предстоящими встречами — потенциально удобная штука для планирования дня и быстрого доступа к созвонам. Однако смущает её расположение, ведь основное внимание пользователя сосредоточено на центре экрана.
– Поиск по встречам — супер-фича, которой так не хватает в Outlook😢
⭐️ Источник: ссылка
#карточка #календарь
Хочу отметить:
– Верхний бар с предстоящими встречами — потенциально удобная штука для планирования дня и быстрого доступа к созвонам. Однако смущает её расположение, ведь основное внимание пользователя сосредоточено на центре экрана.
– Поиск по встречам — супер-фича, которой так не хватает в Outlook
#карточка #календарь
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
делюсь своей первой статьей в наш тг-канал ❤️
пишите в комментариев свое мнение! буду рада!
пишите в комментариев свое мнение! буду рада!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
Forwarded from #ФФДД2Д
Эффективная работа в Figma
Привет! На связи Настя, продуктовых дизайнер внутренних сервисов🌻
Продуктовый дизайнер — это одна из ключевых ролей в команде, к которому предъявляются большие требования. Ведь он должен не только создавать удобные и эстетичные продукты, но делать это быстро и качественно. Однако постоянная работа «руками» может сильно влиять на итоговый лидтайм фичи и самочувствие самого дизайнера.
В этой статье поделюсь лайфхаками, которые помогают мне быть более продуктивной в ежедневной работе.
Прочитать →
Привет! На связи Настя, продуктовых дизайнер внутренних сервисов🌻
Продуктовый дизайнер — это одна из ключевых ролей в команде, к которому предъявляются большие требования. Ведь он должен не только создавать удобные и эстетичные продукты, но делать это быстро и качественно. Однако постоянная работа «руками» может сильно влиять на итоговый лидтайм фичи и самочувствие самого дизайнера.
В этой статье поделюсь лайфхаками, которые помогают мне быть более продуктивной в ежедневной работе.
Прочитать →
🔥4👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
27. Быстрое удаление
Мне одновременно очень нравится и не нравится, насколько плавным стал этот флоу🤔
С одной стороны, дабл-клик может стать отличной заменой подтверждающего попапа — он не выдирает пользователя из сценария, делая его бесшовным.
Но с другой стороны, для важных, необратимых удалений такая механика точно не подходит.
Поэтому такое взаимодействие можно классно адаптировать для других действий, но в случае удаления его стоит применять с осторожностью
💜 Источник: ссылка
#анимации #удаление #дропдаун
Мне одновременно очень нравится и не нравится, насколько плавным стал этот флоу
С одной стороны, дабл-клик может стать отличной заменой подтверждающего попапа — он не выдирает пользователя из сценария, делая его бесшовным.
Но с другой стороны, для важных, необратимых удалений такая механика точно не подходит.
Поэтому такое взаимодействие можно классно адаптировать для других действий, но в случае удаления его стоит применять с осторожностью
#анимации #удаление #дропдаун
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
28. Руководство пользователя с перелистываемыми страничками
Недавно начала погружаться в тему скевоморфизма —устаревшей тенденции в дизайне, которая имитирует объекты из физического мира в интерфейсах.
И заметила то, на что раньше совсем не обращала внимание — практически все в iOS построено на этом стиле: кнопки, камера, заметки и другие встроенные приложения повторяют логику работы предметов из реального мира.
Частично благодаря этому интерфейс становится понятным и очевидным, ведь мы все уже этим пользовались
Прекрасный пример использования скевоморфизма — руководство пользователя в Halide. Ребята даже переиспользовали шрифт, который использовался бы в печатной версии. Получаем полное погружение, так сказать🧞♀️
💜 Источник: ссылка
#скевоморфизм
Недавно начала погружаться в тему скевоморфизма —
И заметила то, на что раньше совсем не обращала внимание — практически все в iOS построено на этом стиле: кнопки, камера, заметки и другие встроенные приложения повторяют логику работы предметов из реального мира.
Частично благодаря этому интерфейс становится понятным и очевидным, ведь мы все уже этим пользовались
Прекрасный пример использования скевоморфизма — руководство пользователя в Halide. Ребята даже переиспользовали шрифт, который использовался бы в печатной версии. Получаем полное погружение, так сказать
#скевоморфизм
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
29. Замена попапу
Нравится эта механика тем, что:
- в отличие от попапа, такой дропдаун не вырывает пользователя из сценария. Благодаря этому процесс получается более плавным и бесшовным
- не плодим модальность, тем самым снижаем когнитивную нагрузку пользователя
Также удобно, что дропдаун может включать в себя многошаговые сценарии — это позволяет, при грамотном подходе, масштабировать его использование
⭐️ Источник: ссылка
#дропдаун
Нравится эта механика тем, что:
- в отличие от попапа, такой дропдаун не вырывает пользователя из сценария. Благодаря этому процесс получается более плавным и бесшовным
- не плодим модальность, тем самым снижаем когнитивную нагрузку пользователя
Также удобно, что дропдаун может включать в себя многошаговые сценарии — это позволяет, при грамотном подходе, масштабировать его использование
#дропдаун
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
30. Автофокус на первый вариант
В Skype при вызове контекстного меню, интерфейс автоматически фокусится на первый вариант, так как он самый ожидаемый.
Тема классная, но достаточно неожиданная, потребует привыкания, но зато в будущем сэкономит клики и время на перемещение курсора🏃♂️
Подсмотрела в канале у Никиты Семенова: ссылка
#дропдаун
В Skype при вызове контекстного меню, интерфейс автоматически фокусится на первый вариант, так как он самый ожидаемый.
Тема классная, но достаточно неожиданная, потребует привыкания, но зато в будущем сэкономит клики и время на перемещение курсора
Подсмотрела в канале у Никиты Семенова: ссылка
#дропдаун
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
31. UX-бенчмаркинг
Сегодня захотелось отойти от привычного анализа референсов в сторону обзора статьи на животрепещащую тему: как все-таки измерять успешность дизайна?
Оля Ходаковская из Selectel поделилась, как метрика Task Success Rate может помочь замерить насколько успешно пользователи справляются с той или иной задачей.
Главные тезисы:
— Продуктовые метрики не позволяют объективно оценить влияние дизайна
— UX-бенчмаркинг позволяет увидеть и понять, как пользователи работают с разными задачами.
— Успешность метрики оценивается относительно базового уровня. Это могут быть средние значения, показатели конкурентов или первый замер
— UX-бенчмаркинг — одна из возможностей для дизайнера взять на себя больше ответственности, потому что можно аргументировать дизайн-решения метриками
💜Статья
#статья
Сегодня захотелось отойти от привычного анализа референсов в сторону обзора статьи на животрепещащую тему: как все-таки измерять успешность дизайна?
Оля Ходаковская из Selectel поделилась, как метрика Task Success Rate может помочь замерить насколько успешно пользователи справляются с той или иной задачей.
Главные тезисы:
— Продуктовые метрики не позволяют объективно оценить влияние дизайна
— UX-бенчмаркинг позволяет увидеть и понять, как пользователи работают с разными задачами.
— Успешность метрики оценивается относительно базового уровня. Это могут быть средние значения, показатели конкурентов или первый замер
— UX-бенчмаркинг — одна из возможностей для дизайнера взять на себя больше ответственности, потому что можно аргументировать дизайн-решения метриками
💜Статья
#статья
🔥4
Media is too big
VIEW IN TELEGRAM
32. 60fps
Пополняемая коллекция концептов и анимаций. Можно подсмотреть интересные взаимодействия
#коллекция
Пополняемая коллекция концептов и анимаций. Можно подсмотреть интересные взаимодействия
#коллекция
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
33. Анимация изображений
При ховере на карточу, вложенные изображения раскрываются, создавая ощущения просмотра альбома!
До чего же красивый эффект, который позволяет увидеть краткое содержимое, не переходя в детали
💜 Источник: ссылка
#анимации #карточка
@references_burrow
При ховере на карточу, вложенные изображения раскрываются, создавая ощущения просмотра альбома!
До чего же красивый эффект, который позволяет увидеть краткое содержимое, не переходя в детали
💜 Источник: ссылка
#анимации #карточка
@references_burrow
❤9🔥2