Юзкейс | UI & UX дизайн

Юзкейс | UI & UX дизайн

@usecase_show
Изображение канала: Юзкейс | UI & UX дизайн
5 955 подписчиков
35 постов
Посты
💻 Топ-5 мировых дизайн систем, которые задают стандарты в UI/UX-дизайне
Мы собрали самые мощные примеры дизайн-систем от Apple, Google, IBM, Microsoft и Atlassian — разбор ключевых компонентов, принципы работы и бесплатные UI-киты в Figma. Читать пост →
Изображение поста
🥳 Наше первое обновление
Вот и обновление. Глобально: 1. На главной странице применен алгоритм вывода популярных записей. 2. Добавлены вкладки фильтра «Популярные», «Вирусные». Чтобы выводить записи в соответствии с тем, что смотрели чаще или чем делились чаще. 3. Под статьями добавлен раздел похожих материалов. Также по данным аналитики, 68% из вас смотрят сайт с мобильного устройства. А мы немного принебрегли макетами для смартфонов на старте. Но быстро исправляемся: 1. Убрали большие поля по бокам, которые съедали пространство по горизонтали и мешали читать текст. 2. Переделали карточки постов, чтобы они были компактнее. 3. Пересобрали навигацию, чтобы удобней было перемещаться по сайту и материалам. 4. Убрали шапку, которая просто съедала пространство. Далее мы плотно работаем над вторым релизом, чтобы заработали комментарии, регистрация, создание постов авторами, подписка на них и персонализированная лента контента у каждого своя. ITsets — from pixel to perfection.
🤩 Неделя с запуска, делимся результатом
Количество посетителей: выросло на 183,02%. Среднее время на сайте: выросло на 24,6%. Просмотры страниц на посетителя: выросли на 443,35%. Глубина просмотра: выросла на 46,45%. Также растёт посещаемость из поисковых систем, на сриншоте график с группировкой по неделям. Спасибо всем, кто читает нас, этот результат благодаря вам. Продолжим радовать вас крутым материалом. Мы уже подготовили классное обновление, которым поделимся в ближайшее время, а также впереди вас ждёт недельный дайджест из самых интересных постов. ITsets — from pixel to perfection.
Изображение поста
✍️ Система отступов в веб- и UI-дизайне
Отсутствие системы отступов превращает красивую идею в кашу, а пользователя — в грустного человека, который ничего не понимает и уходит к конкурентам. Разберём подробно, как наладить систему отступов и вертикальный ритм так, чтобы дизайн стал твоей суперсилой. Читать пост →
Изображение поста
Новые сочетания клавиш для всех Boolean операций
→ Union selection ⌥ + Shift + U → Subtract selection ⌥ + Shift + S → Intersect selection ⌥ + Shift + I → Exclude selection ⌥ + Shift + E → Flatten selection ⌘ + E ITsets — from pixel to perfection.
Изображение поста
Telegram добавил функцию платных личных сообщений и комментариев в группах. Теперь, чтобы написать пользователю, если эта опция включена, нужно заплатить «звёздами». По мнению компании, это поможет снизить уровень спама и фильтровать входящие сообщения.
ITsets — from pixel to perfection.
🤔 Чем отличается UI/UX-дизайнер от веб дизайнера?
Дизайнер дизайнеру рознь, особенно если речь про UI/UX и веб-дизайн. Расскажем, кто делает красиво, кто удобно, и в чём настоящая разница между ними. Раз и навсегда разберёмся, в чём отличие и что выбрать. Читать пост →
Изображение поста
📰 Плагин для работы с текстом в Figma — SBOL Typograph
Можно сделать крутые кнопки и стильные иконки, но плохо отформатированный текст сведет все усилия к нулю. Именно тут на сцену выходит герой нашего рассказа — плагин для текста в Фигме SBOL Typograph. https://itsets.ru/pro-figmu/plagin-dlya-raboty-s-tekstom-v-figma-sbol-typograph
Изображение поста
🔍 Компоненты в Figma: практика от простого компонента до большой библиотеки
Это статья закрывает все вопросы, которые могли быть у вас когда-либо по профессиональной работе с компонентами. Более того, статья содержит конкретную практику работы с компонентами, Variants, Swap Instance, Nested Instance, интерактивными компонентами и так далее. Это стоит сохранить. https://itsets.ru/pro-figmu/komponenty-v-figma-praktika-ot-prostogo-komponenta-do-bolshoy-i-gibkoy-biblioteki-komponentov
Изображение поста
😡 Веб-дизайнеры напряглись?
Webflow запустил https://itsets.ru/ai-v-dizayne/ai-site-builder-neyroset-delayushchaya-sayty-ot-webflow">AI Site Builder для быстрого создания сайтов, который позволяет создавать персонализированные веб-сайты всего за несколько минут без единой строчки кода. Достаточно указать название бизнеса, его сферу деятельности и желаемый стиль, и ИИ сгенерирует готовую главную или лендинг-страницу с макетом, текстовыми блоками и стилистическими рекомендациями. https://itsets.ru/ai-v-dizayne/ai-site-builder-neyroset-delayushchaya-sayty-ot-webflow
📆 Метрики Time To Market, Lead Market и Cycle Market
Скорость вывода продукта на рынок определяет его успех. Компании, которые умеют быстро разрабатывать и выпускать новые функции, оставляют конкурентов позади. В этой статье разберём, как измерять Time to Market, от чего он зависит, как его сократить и какую роль в этом играют дизайнеры, разработчики и вся продуктовая команда. https://itsets.ru/ux-dizayn/metriki-time-to-market-lead-market-i-cycle-market-chto-eto-znachit-i-kak-schitat
Изображение поста
🤑 Все нюансы фриланса
Фриланс даёт свободу, но начать без опыта кажется сложным. В этой статье — чёткий план: как выбрать нишу, найти первых клиентов, избежать ошибок и выстроить стабильный доход. Больше инфу по этой теме можно не искать, всё здесь. https://itsets.ru/lichnyy-opyt/frilans-dlya-nachinayushchih-kak-stat-frilanserom-s-nulya-bez-opyta
Изображение поста
🎨 Auto Layout в фигме: как выровнять всё, что угодно
В этой статье мы разберём, как выровнять объекты в Figma, какие есть настройки автолейаута (Auto Layout) и как использовать его для создания адаптивных макетов. https://itsets.ru/pro-figmu/kak-nastroit-auto-layout-v-figme-chto-eto-i-kak-vyrovnyat-obekty-v-figma
Изображение поста
🆙 Кнопки в интерфейсах: виды, их типы и состояния
Дизайнеры часто относятся к кнопкам, как к обычному UI-элементу, забывая, что простым текстом кнопки можно поднять продажи на 10% или конверсию всего проекта на 15%. В этой статье мы раскрыли тему дизайна кнопок в интерфейсах настолько детально, насколько это возможно. https://itsets.ru/ui-dizayn/knopki-v-ui-ux-veb-dizayne-i-interfeysah-vidy-knopok-ih-tipy-i-sostoyaniya
Изображение поста
📈 Метрика Retention Rate в UX-дизайне
Retention Rate (RR) — это показатель удержания пользователей. Как рассчитать метрику и работать с ней, рассказали в статье. https://itsets.ru/ux-dizayn/metrika-retention-rate-v-ux-dizayne-chto-eto-kak-schitat-i-kak-uluchshit
Изображение поста
😨 UX-дизайнер: 600к в мес.?
UX-дизайнер может получать 600 000 рублей в месяц по меркам российского рынка. Кто такой UX-дизайнер, чем он занимается, какие нужны навыки, чем UX отличается от веб-дизайна, какие программы использует UX-дизайнер и как стать UX-дизайнером с нуля. Поговорим о востребованности профессии и уровне зарплат в России, а также о грейдах профессии. https://itsets.ru/ux-dizayn/ux-dizayner-kto-eto-chem-zanimaetsya-i-kak-stat-professionalom-s-nulya
Изображение поста
🧐 Виды и этапы UX-исследований в продуктовом дизайне
Создание цифрового продукта без UX-исследований — это как строительство дома без чертежей. Можно полагаться на интуицию, но высока вероятность, что пользователи столкнутся с проблемами: непонятной навигацией, сложными формами, неудобными кнопками. UX-исследования помогают глубже понять поведение пользователей, их боли и ожидания. Разберём, какие методы существуют, когда их применять и как они работают в реальных ситуациях. https://itsets.ru/ux-dizayn/vidy-i-etapy-ux-issledovaniy-v-produktovom-dizayne-kak-vybrat-pravilnyy-metod
Изображение поста
🦾 Нейросеть NotebookLM для дизайна
NotebookLM — инструмент на базе искусственного интеллекта, который помогает упорядочивать данные, анализировать их и генерировать новые идеи. В этой статье разберём, как UX-дизайнеры могут использовать NotebookLM для своей работы и какие преимущества это даёт в работе над UX-дизайном и дизайн-системами. https://itsets.ru/ai-v-dizayne/neyroset-notebooklm-dlya-dizayna-kak-ispolzovat-ai-dlya-uskoreniya-raboty
Изображение поста
✍️ Что такое дизайн-система и зачем она нужна
Если ты новичок в UI/UX-дизайне, возможно, ты слышал термин «дизайн-система», но не до конца понимаешь, чем она отличается от обычного UI-кита и почему о ней так много говорят. В этой статье разберёмся, зачем нужна дизайн-система, какую пользу она приносит всей команде продукта, что такое Storybook и токены, а также как хорошая дизайн-система влияет на бизнес-метрики. https://golnk.ru/AgZXW
Изображение поста