Forwarded from UI_UX inspiration
Зачем диджитал-агентству промдизайн: как мы начали делать пульты и девайсы
Статья о том, как диджитал-агентство столкнулось с промышленным дизайном: сходства с UX, создание устройств для людей с нарушениями зрения и значимость разносторонних навыков в профессии
Читать на дизайнерс | #статья
Статья о том, как диджитал-агентство столкнулось с промышленным дизайном: сходства с UX, создание устройств для людей с нарушениями зрения и значимость разносторонних навыков в профессии
Читать на дизайнерс | #статья
Forwarded from UX Notes
Илья Безделев написал, что делать с дизайн-долгом (papercuts).
— Дизайн-долг — места в интерфейсе, где что-то получилось криво по незнанию или неумению или где срезали углы, чтобы сделать быстрее;
— По отдельности проблемы вроде лишнего шага или немного кривой валидации формы не смертельны, как порез бумагой;
— Но если нанести слишком много порезов, может случиться «death by a thousand papercuts» — продукт перестанет приносить пользователям радость;
— В каждом цикле планирования выделяйте время на исправление мелких недочётов;
— Их можно закидывать в планы с низким приоритетом как бонусные задачи. Сделал большое дело, можно заняться мелочью;
— В командах с полноценными онколл-ротациями у разработчиков может быть свободное время онколла, когда не надо тушить пожары. Они могут заниматься papercuts;
— Хакатон-фиксатон — на неделю отложить работу над фичами и заняться фиксом дизайн-долга.
#design_debt
— Дизайн-долг — места в интерфейсе, где что-то получилось криво по незнанию или неумению или где срезали углы, чтобы сделать быстрее;
— По отдельности проблемы вроде лишнего шага или немного кривой валидации формы не смертельны, как порез бумагой;
— Но если нанести слишком много порезов, может случиться «death by a thousand papercuts» — продукт перестанет приносить пользователям радость;
— В каждом цикле планирования выделяйте время на исправление мелких недочётов;
— Их можно закидывать в планы с низким приоритетом как бонусные задачи. Сделал большое дело, можно заняться мелочью;
— В командах с полноценными онколл-ротациями у разработчиков может быть свободное время онколла, когда не надо тушить пожары. Они могут заниматься papercuts;
— Хакатон-фиксатон — на неделю отложить работу над фичами и заняться фиксом дизайн-долга.
#design_debt
Bezdelev
UX долг a.k.a. Papercuts
Думаю, все знакомы с концепцией технического долга - это все те места в технической имплементации продукта, где мы срезали углы, потому что хотели побыстрее шипнуть, потому что чего-то не знали или потому что руки растут оттуда же откуда ноги. Технический…
Forwarded from ai.dot(ufna, dev)
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Павленко + дизайн
Надеюсь всем было очевидно, что дис на Шиманова создан лишь для того, чтобы напомнить: каким бы «крутым» дизайнером ты себя ни считал, важно оставаться человеком. Токсичности вокруг и без того избыток. Да и в акцидентном шрифте главное всё-таки характер, а не только овершуты и пересечения.
Пока готовил дис, мне пришла в голову идея рассказать о личном опыте — как обычный дизайнер, который просто делает то, что любит, и делится этим с коллегами, не претендуя на регалии и место в ряду старцев.
В следующих материалах расскажу о важнейших «базовых» правилах проектирования, на которые я стараюсь опираться при создании своих шрифтов:
• вертикали и горизонтали;
• овершуты;
• толщины диагоналей;
• пересечения;
• соединения;
• контраст большого и малого.
И, скорее всего, в третьей статье я покажу, как за разумные сроки делать акцидентные (и не только) шрифты на уровне, которого вполне достаточно, чтобы достичь своего целевого пользователя, а также поделюсь инструментами для работы и лайфхаками. Без снобизма, маразма и пустословия.
ЧИТАТЬ СТАТЬЮ
ЧИТАТЬ СТАТЬЮ
ЧИТАТЬ СТАТЬЮ
Пока готовил дис, мне пришла в голову идея рассказать о личном опыте — как обычный дизайнер, который просто делает то, что любит, и делится этим с коллегами, не претендуя на регалии и место в ряду старцев.
Поэтому я решил написать цикл статей о том, как работаю над шрифтами. В первой статье — короткое введение в типографику для новичков с рассмотрением основных терминов и общей системы.
В следующих материалах расскажу о важнейших «базовых» правилах проектирования, на которые я стараюсь опираться при создании своих шрифтов:
• вертикали и горизонтали;
• овершуты;
• толщины диагоналей;
• пересечения;
• соединения;
• контраст большого и малого.
И, скорее всего, в третьей статье я покажу, как за разумные сроки делать акцидентные (и не только) шрифты на уровне, которого вполне достаточно, чтобы достичь своего целевого пользователя, а также поделюсь инструментами для работы и лайфхаками. Без снобизма, маразма и пустословия.
ЧИТАТЬ СТАТЬЮ
ЧИТАТЬ СТАТЬЮ
ЧИТАТЬ СТАТЬЮ
Forwarded from Адовый UX
This media is not supported in your browser
VIEW IN TELEGRAM
Причина тряски — модные ховер-эффекты, меняющие геометрию блоков
Forwarded from Веб-стандарты (Vadim Makeev)
Как написать свой роутер для SPA с URLPattern. Джим Скофилд показывает, как использовать новый URLPattern API, веб-компоненты и History API, чтобы сопоставлять маршруты, перехватывать переходы, и избегать XSS, сохраняя статический список компонентов. #javascript #routing
https://jschof.dev/posts/2025/11/build-your-own-router/
https://jschof.dev/posts/2025/11/build-your-own-router/
Forwarded from UI_UX inspiration
Виртуальная выставка
Категория: #приложение
Язык: #en
https://.com/shots/16053004-Virtual-Exhibion-App-Design
Категория: #приложение
Язык: #en
https://.com/shots/16053004-Virtual-Exhibion-App-Design
Forwarded from Дизайн-Телега 🔥
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин Heroicons — содержит набор высококачественных SVG-иконок с лицензией M — абсолютно бесплатно для использования в любых веб-проектах. Иконки легко интегрируются, редактируются и отлично масштабируются без потери качества.
#графика #веб #иконки #ресурсы
#графика #веб #иконки #ресурсы
Forwarded from Новые шрифты
Как проектировать интерфейсы по-азиатски: холистично и беспощадно
Что такое Азиатский UX и чем он отличается от нашего?
В отличие от западного минимализма, в Азии ценят насыщенность и доверие через контекст.
Авторы разбирают культурные различия и показывают, чему стоит поучиться у WeChat и Alipay.
Смотреть и читать на дизайнерс #статья
Что такое Азиатский UX и чем он отличается от нашего?
В отличие от западного минимализма, в Азии ценят насыщенность и доверие через контекст.
Авторы разбирают культурные различия и показывают, чему стоит поучиться у WeChat и Alipay.
Смотреть и читать на дизайнерс #статья
Forwarded from UX Notes
В Rutube обновили дизайн веб-версии Студии для авторов. Обновление основных разделов доступно всем пользователям.
— Полностью обновили UI, он стал красивее и приятнее;
— Появилось больше воздуха, контент стал заметнее, а графики информативнее;
— Унифицировали расположение элементов интерфейса и функциональность;
— Загрузка и редактирование видео теперь доступны в модальном окне;
— При загрузке нескольких файлов отображается виджет со статусом их загрузки;
— Объединены и скрыты необязательные настройки (раздел «Расширенные настройки»);
— Сериалы в плейлистах вынесены в отдельную вкладку, чтобы более чётко структурировать контент;
— Сами плейлисты отображаются карточками, как на основной платформе;
— Появилась возможность редактировать их обложки, сортировать их по новизне, а внутри плейлиста — настроить порядок видео в списке;
— Статистика просмотров плейлиста стала ярче и нагляднее;
— Данные о подписчиках, просмотрах, общем времени просмотра, комментариях и зрителях представлены в виде графиков и собраны на одной странице;
— В разделе трансляций и донатов изменили форму настроек, убрали лишние элементы, увеличили плеер для авторов и вынесли чат сбоку от него;
— К вкладкам «В эфире», «Ожидают начала» и «Завершённые» добавили счётчики;
— Кнопку добавления новой трансляции перенесли в правый верхний угол;
— Список трансляций стал плотнее, сетка отображает до 24 обложек одновременно;
— В итоге улучшилась навигация и управление большим объёмом контента.
«По результатам нашего опроса новый дизайн воспринимается как более интересный, современный и удобный, а средняя оценка составила 6,5 из 7. Проделанная работа по редизайну сервиса позволит ускорить реализацию будущих обновлений и улучшений, так что Студия RUTUBE будет постоянно развиваться и обрастать новыми функциями», — директор по продукту Евгений Ильчук.
— Полностью обновили UI, он стал красивее и приятнее;
— Появилось больше воздуха, контент стал заметнее, а графики информативнее;
— Унифицировали расположение элементов интерфейса и функциональность;
— Загрузка и редактирование видео теперь доступны в модальном окне;
— При загрузке нескольких файлов отображается виджет со статусом их загрузки;
— Объединены и скрыты необязательные настройки (раздел «Расширенные настройки»);
— Сериалы в плейлистах вынесены в отдельную вкладку, чтобы более чётко структурировать контент;
— Сами плейлисты отображаются карточками, как на основной платформе;
— Появилась возможность редактировать их обложки, сортировать их по новизне, а внутри плейлиста — настроить порядок видео в списке;
— Статистика просмотров плейлиста стала ярче и нагляднее;
— Данные о подписчиках, просмотрах, общем времени просмотра, комментариях и зрителях представлены в виде графиков и собраны на одной странице;
— В разделе трансляций и донатов изменили форму настроек, убрали лишние элементы, увеличили плеер для авторов и вынесли чат сбоку от него;
— К вкладкам «В эфире», «Ожидают начала» и «Завершённые» добавили счётчики;
— Кнопку добавления новой трансляции перенесли в правый верхний угол;
— Список трансляций стал плотнее, сетка отображает до 24 обложек одновременно;
— В итоге улучшилась навигация и управление большим объёмом контента.
«По результатам нашего опроса новый дизайн воспринимается как более интересный, современный и удобный, а средняя оценка составила 6,5 из 7. Проделанная работа по редизайну сервиса позволит ускорить реализацию будущих обновлений и улучшений, так что Студия RUTUBE будет постоянно развиваться и обрастать новыми функциями», — директор по продукту Евгений Ильчук.