#дизайн_интерфейсов — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #дизайн_интерфейсов, aggregated by home.social.
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Редизайн интернет-магазина премиальной косметики: как мы увеличили конверсию на 127%
Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Как правило, мы выступаем за постепенные изменения: аккуратно дорабатываем продукт, тестируем гипотезы и опираемся на аналитику. Но иногда проекты находятся в таком состоянии, когда точечные улучшения уже не дают результата — требуется полная переработка. Именно с такой ситуацией мы столкнулись в работе над интернет-магазином японской косметики KWC. В статье рассказываю, какие решения были приняты и как они повлияли на бизнес-метрики.
https://habr.com/ru/articles/1033074/
#дизайнсистема #вебдизайн #вебсервисы #разработка_приложений #разработка_сайтов #дизайн_интерфейсов #интерфейсы #usability
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…
Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…
https://habr.com/ru/articles/1030696/
#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude
-
Экономим нервные клетки: как передавать макеты в разработку
За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного. Если вы дизайнер, разработчик или продакт, эта ситуация вам может быть знакома. В статье я покажу, как мы в Лемана Тех пришли к созданию чек-листа для передачи макетов в разработку, какие сложности вскрылись по пути и как этот инструмент помогает нам наладить процессы на стыке ролей. В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.
https://habr.com/ru/companies/lemana_tech/articles/1026956/
#чеклист #дизайн #фронтенд #передача_макета_в_разработку #передача_макетов #дизайнпроцесс #продуктовый_дизайн #дизайн_и_разработка #дизайн_интерфейсов
-
Экономим нервные клетки: как передавать макеты в разработку
За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного. Если вы дизайнер, разработчик или продакт, эта ситуация вам может быть знакома. В статье я покажу, как мы в Лемана Тех пришли к созданию чек-листа для передачи макетов в разработку, какие сложности вскрылись по пути и как этот инструмент помогает нам наладить процессы на стыке ролей. В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.
https://habr.com/ru/companies/lemana_tech/articles/1026956/
#чеклист #дизайн #фронтенд #передача_макета_в_разработку #передача_макетов #дизайнпроцесс #продуктовый_дизайн #дизайн_и_разработка #дизайн_интерфейсов
-
Экономим нервные клетки: как передавать макеты в разработку
За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного. Если вы дизайнер, разработчик или продакт, эта ситуация вам может быть знакома. В статье я покажу, как мы в Лемана Тех пришли к созданию чек-листа для передачи макетов в разработку, какие сложности вскрылись по пути и как этот инструмент помогает нам наладить процессы на стыке ролей. В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.
https://habr.com/ru/companies/lemana_tech/articles/1026956/
#чеклист #дизайн #фронтенд #передача_макета_в_разработку #передача_макетов #дизайнпроцесс #продуктовый_дизайн #дизайн_и_разработка #дизайн_интерфейсов
-
Экономим нервные клетки: как передавать макеты в разработку
За годы работы в продуктовой команде я убедился, что самые частые ошибки и потери качества возникают на стыке дизайна и разработки. Процесс превращается в повторяющиеся вопросы, решения «по ходу», а итоговая реализация порой значительно отличается от задуманного. Если вы дизайнер, разработчик или продакт, эта ситуация вам может быть знакома. В статье я покажу, как мы в Лемана Тех пришли к созданию чек-листа для передачи макетов в разработку, какие сложности вскрылись по пути и как этот инструмент помогает нам наладить процессы на стыке ролей. В конце делюсь самим чек-листом — его можно забрать и адаптировать под свою команду.
https://habr.com/ru/companies/lemana_tech/articles/1026956/
#чеклист #дизайн #фронтенд #передача_макета_в_разработку #передача_макетов #дизайнпроцесс #продуктовый_дизайн #дизайн_и_разработка #дизайн_интерфейсов
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Продуктовая колористика: сборка тоновых растяжек в примитивах дизайн-систем
Проблема Как тоновые растяжки решают проблему Тоновые растяжки в Primitives (три уровня переменных) Некорректные методы сборки Корректные методы сборки Лайфхаки Выводы Дальше — больше
https://habr.com/ru/articles/1030018/
#колористика #дизайн #дизайнсистема #дизайн_интерфейсов #дизайн_сайтов #растяжки #тоновые_растяжки #подбор_цветов #variables #primitives
-
Почему я так придираюсь к вёрстке (и вам советую)
Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать. Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом. И — спойлер: ИИ тоже нужно учить, и учить на правильных примерах, но сначала стоило бы научиться вёрстке самому. Про ИИ в этой статье не будет — но зато будет много про православную ручную вёрстку: расскажу, почему считаю важным обращать на неё внимание при создании макетов и заранее закладывать правила, по которым она формируется. Особенно в эпоху, когда конкуренция высока, а ИИ кажется волшебной таблеткой.
https://habr.com/ru/companies/alfa/articles/1025680/
#продуктовый_дизайн #вёрстка #дизайн #дизайн_интерфейсов #дизайнеру #фронтенд
-
Почему я так придираюсь к вёрстке (и вам советую)
Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать. Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом. И — спойлер: ИИ тоже нужно учить, и учить на правильных примерах, но сначала стоило бы научиться вёрстке самому. Про ИИ в этой статье не будет — но зато будет много про православную ручную вёрстку: расскажу, почему считаю важным обращать на неё внимание при создании макетов и заранее закладывать правила, по которым она формируется. Особенно в эпоху, когда конкуренция высока, а ИИ кажется волшебной таблеткой.
https://habr.com/ru/companies/alfa/articles/1025680/
#продуктовый_дизайн #вёрстка #дизайн #дизайн_интерфейсов #дизайнеру #фронтенд
-
Почему я так придираюсь к вёрстке (и вам советую)
Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать. Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом. И — спойлер: ИИ тоже нужно учить, и учить на правильных примерах, но сначала стоило бы научиться вёрстке самому. Про ИИ в этой статье не будет — но зато будет много про православную ручную вёрстку: расскажу, почему считаю важным обращать на неё внимание при создании макетов и заранее закладывать правила, по которым она формируется. Особенно в эпоху, когда конкуренция высока, а ИИ кажется волшебной таблеткой.
https://habr.com/ru/companies/alfa/articles/1025680/
#продуктовый_дизайн #вёрстка #дизайн #дизайн_интерфейсов #дизайнеру #фронтенд
-
Почему я так придираюсь к вёрстке (и вам советую)
Привет! Я Оля, лид дизайн‑системы Альфа‑Банка на мобильных платформах и я всерьёз считаю, что знания о вёрстке незаслуженно списали со счетов, особенно в 2026 году, когда дизайнеры всё чаще думают, что ИИ сделает за них всю работу, а вёрстку вообще можно не трогать. Увы и ах. Вёрстка — это не просто «разложить прямоугольники на макете». Это мост между дизайном и кодом. И — спойлер: ИИ тоже нужно учить, и учить на правильных примерах, но сначала стоило бы научиться вёрстке самому. Про ИИ в этой статье не будет — но зато будет много про православную ручную вёрстку: расскажу, почему считаю важным обращать на неё внимание при создании макетов и заранее закладывать правила, по которым она формируется. Особенно в эпоху, когда конкуренция высока, а ИИ кажется волшебной таблеткой.
https://habr.com/ru/companies/alfa/articles/1025680/
#продуктовый_дизайн #вёрстка #дизайн #дизайн_интерфейсов #дизайнеру #фронтенд
-
Как я проектировал интерфейс трейсинга для ИИ‑агентов
Привет, меня зовут Егор, я работаю продуктовым дизайнером в команде, которая разрабатывает
https://habr.com/ru/companies/cloud_ru/articles/1025704/
#трейсинг #ииагент #искусственный_интеллект #дизайн_интерфейсов
-
Как я проектировал интерфейс трейсинга для ИИ‑агентов
Привет, меня зовут Егор, я работаю продуктовым дизайнером в команде, которая разрабатывает
https://habr.com/ru/companies/cloud_ru/articles/1025704/
#трейсинг #ииагент #искусственный_интеллект #дизайн_интерфейсов
-
Как я проектировал интерфейс трейсинга для ИИ‑агентов
Привет, меня зовут Егор, я работаю продуктовым дизайнером в команде, которая разрабатывает
https://habr.com/ru/companies/cloud_ru/articles/1025704/
#трейсинг #ииагент #искусственный_интеллект #дизайн_интерфейсов
-
Как я проектировал интерфейс трейсинга для ИИ‑агентов
Привет, меня зовут Егор, я работаю продуктовым дизайнером в команде, которая разрабатывает
https://habr.com/ru/companies/cloud_ru/articles/1025704/
#трейсинг #ииагент #искусственный_интеллект #дизайн_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Одно кольцо, чтоб править всеми. Как гайды собирают большой продукт в единую систему
Когда продукт растёт, хаос в интерфейсах появляется почти незаметно. Одинаковые сценарии начинают решаться по-разному, команда тратит всё больше времени на повторяющиеся вопросы, а пользователи сталкиваются с непредсказуемым опытом. Удержать продукт от такого распада помогают понятные гайды и стандарты проектирования, которые фиксируют общие правила и собирают работу команды в единую систему. Меня зовут Владимир Фрадков, я руковожу группой дизайна «Стандарты и развитие» в личном кабинете продавца Ozon. В этой статье я хочу поговорить о том, как упорядоченность и системность помогают в дизайне и почему единый документ с правилами может стать тем самым «кольцом всевластия» для вашего продукта.
https://habr.com/ru/companies/ozontech/articles/1024114/
#продуктовый_дизайн #стандарты #стандартизация #обучение #регламенты #регламентация #дизайн #дизайн_интерфейсов #дизайнсистема #проектирование_интерфейсов
-
Как сделать мобильное приложение удобным и уникальным: 8 шагов от идеи до тестирования
Знакомо, правда? Мечтаешь создать невозможное: уникальное, новое, то, чего ещё нет на рынке. И при этом чтобы это было твоё «детище», твой продукт, которым ты будешь гордиться и который станет по-настоящему стоящим и полезным для мира. Думаешь, анализируешь, ищешь вариант, генерируешь идеи… Но всё не то. И каждый раз сталкиваешься с тем, что это уже кто-то реализовал. Да ещё и так круто, что подступиться страшно. В этой статье я расскажу о проектировании мобильного приложения "Balance" по методу колеса жизненного баланса — от выбора идеи до кликабельных прототипов и тестирования. Изучая UI/UX-дизайн, маркетинг и рынок в целом, я пришла к главному выводу: уникальность заключается не в том, чтобы придумать то, чего никто никогда не делал, а в том, чтобы сделать так, как никто другой не делает: удобно, красиво, с душой. И для этого не нужна команда дизайнеров. Только вы, ваше желание и правильные шаги.
https://habr.com/ru/articles/1021856/
#мобильные_приложения #дизайн_интерфейсов #аналитика_мобильных_приложений #проектирование_интерфейсов #целевая_аудитория #тестирование #приложение_за_сутки
-
Как сделать мобильное приложение удобным и уникальным: 8 шагов от идеи до тестирования
Знакомо, правда? Мечтаешь создать невозможное: уникальное, новое, то, чего ещё нет на рынке. И при этом чтобы это было твоё «детище», твой продукт, которым ты будешь гордиться и который станет по-настоящему стоящим и полезным для мира. Думаешь, анализируешь, ищешь вариант, генерируешь идеи… Но всё не то. И каждый раз сталкиваешься с тем, что это уже кто-то реализовал. Да ещё и так круто, что подступиться страшно. В этой статье я расскажу о проектировании мобильного приложения "Balance" по методу колеса жизненного баланса — от выбора идеи до кликабельных прототипов и тестирования. Изучая UI/UX-дизайн, маркетинг и рынок в целом, я пришла к главному выводу: уникальность заключается не в том, чтобы придумать то, чего никто никогда не делал, а в том, чтобы сделать так, как никто другой не делает: удобно, красиво, с душой. И для этого не нужна команда дизайнеров. Только вы, ваше желание и правильные шаги.
https://habr.com/ru/articles/1021856/
#мобильные_приложения #дизайн_интерфейсов #аналитика_мобильных_приложений #проектирование_интерфейсов #целевая_аудитория #тестирование #приложение_за_сутки
-
Как сделать мобильное приложение удобным и уникальным: 8 шагов от идеи до тестирования
Знакомо, правда? Мечтаешь создать невозможное: уникальное, новое, то, чего ещё нет на рынке. И при этом чтобы это было твоё «детище», твой продукт, которым ты будешь гордиться и который станет по-настоящему стоящим и полезным для мира. Думаешь, анализируешь, ищешь вариант, генерируешь идеи… Но всё не то. И каждый раз сталкиваешься с тем, что это уже кто-то реализовал. Да ещё и так круто, что подступиться страшно. В этой статье я расскажу о проектировании мобильного приложения "Balance" по методу колеса жизненного баланса — от выбора идеи до кликабельных прототипов и тестирования. Изучая UI/UX-дизайн, маркетинг и рынок в целом, я пришла к главному выводу: уникальность заключается не в том, чтобы придумать то, чего никто никогда не делал, а в том, чтобы сделать так, как никто другой не делает: удобно, красиво, с душой. И для этого не нужна команда дизайнеров. Только вы, ваше желание и правильные шаги.
https://habr.com/ru/articles/1021856/
#мобильные_приложения #дизайн_интерфейсов #аналитика_мобильных_приложений #проектирование_интерфейсов #целевая_аудитория #тестирование #приложение_за_сутки
-
Как сделать мобильное приложение удобным и уникальным: 8 шагов от идеи до тестирования
Знакомо, правда? Мечтаешь создать невозможное: уникальное, новое, то, чего ещё нет на рынке. И при этом чтобы это было твоё «детище», твой продукт, которым ты будешь гордиться и который станет по-настоящему стоящим и полезным для мира. Думаешь, анализируешь, ищешь вариант, генерируешь идеи… Но всё не то. И каждый раз сталкиваешься с тем, что это уже кто-то реализовал. Да ещё и так круто, что подступиться страшно. В этой статье я расскажу о проектировании мобильного приложения "Balance" по методу колеса жизненного баланса — от выбора идеи до кликабельных прототипов и тестирования. Изучая UI/UX-дизайн, маркетинг и рынок в целом, я пришла к главному выводу: уникальность заключается не в том, чтобы придумать то, чего никто никогда не делал, а в том, чтобы сделать так, как никто другой не делает: удобно, красиво, с душой. И для этого не нужна команда дизайнеров. Только вы, ваше желание и правильные шаги.
https://habr.com/ru/articles/1021856/
#мобильные_приложения #дизайн_интерфейсов #аналитика_мобильных_приложений #проектирование_интерфейсов #целевая_аудитория #тестирование #приложение_за_сутки
-
Функция красоты и смысла: как промдизайнеры создают вещи, которые нам нравятся
Промышленный дизайн – точка, где сходятся эстетика, инженерия, бизнес-логика и пользовательский опыт. Промдизайн не только делает вещь красивой: он упрощает взаимодействие человека с ней, повышает эффективность ее использования, усиливает бренд и зачастую определяет успех разработки. О том как роль промдизайнера выходит за рамки «визуала», и он становится соавтором разработки поговорили с Родионом Усаевым , который прошел путь от стажера до арт-директора и руководителя проектов, работая со стартапами, европейскими дизайн-студиями и международными корпорациями. Мы решили поговорить о трендах современного дизайна, как придумать внешний вид и форму вещи, чтобы она стала желанной и манящей. А также как дизайнерам и разработчикам сработать синергично, чтобы реализовать яркие идеи в конечном изделии.
https://habr.com/ru/companies/leader-id/articles/1020910/
#промдизайн #дизайн #дизайн_интерфейсов #дизайн_студия #дизайнеры #гаджеты #гаджеты_и_девайсы #гаджет_будущего #разработка #инженерия
-
Функция красоты и смысла: как промдизайнеры создают вещи, которые нам нравятся
Промышленный дизайн – точка, где сходятся эстетика, инженерия, бизнес-логика и пользовательский опыт. Промдизайн не только делает вещь красивой: он упрощает взаимодействие человека с ней, повышает эффективность ее использования, усиливает бренд и зачастую определяет успех разработки. О том как роль промдизайнера выходит за рамки «визуала», и он становится соавтором разработки поговорили с Родионом Усаевым , который прошел путь от стажера до арт-директора и руководителя проектов, работая со стартапами, европейскими дизайн-студиями и международными корпорациями. Мы решили поговорить о трендах современного дизайна, как придумать внешний вид и форму вещи, чтобы она стала желанной и манящей. А также как дизайнерам и разработчикам сработать синергично, чтобы реализовать яркие идеи в конечном изделии.
https://habr.com/ru/companies/leader-id/articles/1020910/
#промдизайн #дизайн #дизайн_интерфейсов #дизайн_студия #дизайнеры #гаджеты #гаджеты_и_девайсы #гаджет_будущего #разработка #инженерия
-
Функция красоты и смысла: как промдизайнеры создают вещи, которые нам нравятся
Промышленный дизайн – точка, где сходятся эстетика, инженерия, бизнес-логика и пользовательский опыт. Промдизайн не только делает вещь красивой: он упрощает взаимодействие человека с ней, повышает эффективность ее использования, усиливает бренд и зачастую определяет успех разработки. О том как роль промдизайнера выходит за рамки «визуала», и он становится соавтором разработки поговорили с Родионом Усаевым , который прошел путь от стажера до арт-директора и руководителя проектов, работая со стартапами, европейскими дизайн-студиями и международными корпорациями. Мы решили поговорить о трендах современного дизайна, как придумать внешний вид и форму вещи, чтобы она стала желанной и манящей. А также как дизайнерам и разработчикам сработать синергично, чтобы реализовать яркие идеи в конечном изделии.
https://habr.com/ru/companies/leader-id/articles/1020910/
#промдизайн #дизайн #дизайн_интерфейсов #дизайн_студия #дизайнеры #гаджеты #гаджеты_и_девайсы #гаджет_будущего #разработка #инженерия
-
Функция красоты и смысла: как промдизайнеры создают вещи, которые нам нравятся
Промышленный дизайн – точка, где сходятся эстетика, инженерия, бизнес-логика и пользовательский опыт. Промдизайн не только делает вещь красивой: он упрощает взаимодействие человека с ней, повышает эффективность ее использования, усиливает бренд и зачастую определяет успех разработки. О том как роль промдизайнера выходит за рамки «визуала», и он становится соавтором разработки поговорили с Родионом Усаевым , который прошел путь от стажера до арт-директора и руководителя проектов, работая со стартапами, европейскими дизайн-студиями и международными корпорациями. Мы решили поговорить о трендах современного дизайна, как придумать внешний вид и форму вещи, чтобы она стала желанной и манящей. А также как дизайнерам и разработчикам сработать синергично, чтобы реализовать яркие идеи в конечном изделии.
https://habr.com/ru/companies/leader-id/articles/1020910/
#промдизайн #дизайн #дизайн_интерфейсов #дизайн_студия #дизайнеры #гаджеты #гаджеты_и_девайсы #гаджет_будущего #разработка #инженерия
-
Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.
https://habr.com/ru/articles/1020478/
#дизайнсистема #вебдизайн #разработка_приложений #разработка_сайтов #интерфейсы #дизайн_студия #дизайн_интерфейсов #дизайн_сайтов #usability
-
Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.
https://habr.com/ru/articles/1020478/
#дизайнсистема #вебдизайн #разработка_приложений #разработка_сайтов #интерфейсы #дизайн_студия #дизайн_интерфейсов #дизайн_сайтов #usability
-
Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.
https://habr.com/ru/articles/1020478/
#дизайнсистема #вебдизайн #разработка_приложений #разработка_сайтов #интерфейсы #дизайн_студия #дизайн_интерфейсов #дизайн_сайтов #usability
-
Как сделать онлайн-шопинг удобнее: 50 UX-приемов от лучших интернет-магазинов одежды
В новой статье собрал десятку онлайн-магазинов, которые продают одежду, обувь и аксессуары — и при этом задают планку по удобству интерфейсов. Разобрал, какие приемы дизайна, навигации и взаимодействия с пользователем делают их сайты особенно комфортными и понятными. Эта подборка поможет увидеть актуальные UX-тренды и найти вдохновение для развития собственного e-commerce-проекта.
https://habr.com/ru/articles/1020478/
#дизайнсистема #вебдизайн #разработка_приложений #разработка_сайтов #интерфейсы #дизайн_студия #дизайн_интерфейсов #дизайн_сайтов #usability
-
Почему AI-generated UI стоит изучать как источник визуальных мутаций
Когда обсуждают AI-generated UI, разговор обычно быстро уходит в одну из двух крайностей. Первая крайность звучит так: можно ли это сразу нести в продакшен? Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design. Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки. Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций. Но и это, как мне кажется, ещё не самый интересный слой темы. Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему. Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.
https://habr.com/ru/articles/1018654/
#ui #ux #интерфейсы #ui_дизайн #aigenerated_ui #искусственный_интеллект #visual_mutation #визуальные_мутации #liquid_glass #дизайн_интерфейсов
-
Почему AI-generated UI стоит изучать как источник визуальных мутаций
Когда обсуждают AI-generated UI, разговор обычно быстро уходит в одну из двух крайностей. Первая крайность звучит так: можно ли это сразу нести в продакшен? Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design. Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки. Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций. Но и это, как мне кажется, ещё не самый интересный слой темы. Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему. Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.
https://habr.com/ru/articles/1018654/
#ui #ux #интерфейсы #ui_дизайн #aigenerated_ui #искусственный_интеллект #visual_mutation #визуальные_мутации #liquid_glass #дизайн_интерфейсов
-
Почему AI-generated UI стоит изучать как источник визуальных мутаций
Когда обсуждают AI-generated UI, разговор обычно быстро уходит в одну из двух крайностей. Первая крайность звучит так: можно ли это сразу нести в продакшен? Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design. Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки. Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций. Но и это, как мне кажется, ещё не самый интересный слой темы. Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему. Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.
https://habr.com/ru/articles/1018654/
#ui #ux #интерфейсы #ui_дизайн #aigenerated_ui #искусственный_интеллект #visual_mutation #визуальные_мутации #liquid_glass #дизайн_интерфейсов
-
Почему AI-generated UI стоит изучать как источник визуальных мутаций
Когда обсуждают AI-generated UI, разговор обычно быстро уходит в одну из двух крайностей. Первая крайность звучит так: можно ли это сразу нести в продакшен? Вторая так: насколько результат похож на дизайн-языки, от Apple до Material Design. Проблема в том, что мы слишком рано начинаем оценивать AI-картинку как почти готовый интерфейс. Хотя во многих случаях она полезна совсем по другой причине. Не потому, что экран уже получился зрелым, воспроизводимым и пригодным для продуктовой среды. А потому, что он принёс редкую визуальную комбинацию, до которой человек вручную шёл бы заметно дольше, либо вообще не полез бы в эту сторону с первой попытки. Главная польза AI-generated UI часто лежит не в скорости производства экранов, а в поставке визуальных мутаций. Но и это, как мне кажется, ещё не самый интересный слой темы. Есть перспектива глубже. AI полезен не только тем, что выбрасывает необычные визуальные сочетания. Он постепенно меняет саму точку входа в процесс. Раньше сильный визуальный ход обычно должен был родиться внутри головы дизайнера. Теперь он всё чаще может возникнуть снаружи, в виде машины, которая массово производит промежуточные формы. После этого дизайнер уже не столько изобретает первый образ, сколько отбирает, фильтрует, нормализует и превращает удачное отклонение в систему. Именно этот сдвиг, по-моему, и заслуживает более внимательного разговора.
https://habr.com/ru/articles/1018654/
#ui #ux #интерфейсы #ui_дизайн #aigenerated_ui #искусственный_интеллект #visual_mutation #визуальные_мутации #liquid_glass #дизайн_интерфейсов
-
Информационный мусор в интерфейсах
Я изучаю информационный мусор, как явление в дизайне, уже более 10 лет — в дизайне интерфейсов он представляет собой избыточный, нерелевантный или конкурирующий визуальный и текстовый контент, который нарушает когнитивные процессы восприятия и затрудняет эффективное взаимодействие пользователя с системой, поскольку человеческое внимание, обладая ограниченной пропускной способностью, не способно одновременно обрабатывать большое количество равнозначных стимулов без потери качества интерпретации этих стимулов. Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса. Дальше — больше
https://habr.com/ru/articles/1017602/
#дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки
-
Информационный мусор в интерфейсах
Я изучаю информационный мусор, как явление в дизайне, уже более 10 лет — в дизайне интерфейсов он представляет собой избыточный, нерелевантный или конкурирующий визуальный и текстовый контент, который нарушает когнитивные процессы восприятия и затрудняет эффективное взаимодействие пользователя с системой, поскольку человеческое внимание, обладая ограниченной пропускной способностью, не способно одновременно обрабатывать большое количество равнозначных стимулов без потери качества интерпретации этих стимулов. Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса. Дальше — больше
https://habr.com/ru/articles/1017602/
#дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки
-
Информационный мусор в интерфейсах
Я изучаю информационный мусор, как явление в дизайне, уже более 10 лет — в дизайне интерфейсов он представляет собой избыточный, нерелевантный или конкурирующий визуальный и текстовый контент, который нарушает когнитивные процессы восприятия и затрудняет эффективное взаимодействие пользователя с системой, поскольку человеческое внимание, обладая ограниченной пропускной способностью, не способно одновременно обрабатывать большое количество равнозначных стимулов без потери качества интерпретации этих стимулов. Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса. Дальше — больше
https://habr.com/ru/articles/1017602/
#дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки
-
Информационный мусор в интерфейсах
Я изучаю информационный мусор, как явление в дизайне, уже более 10 лет — в дизайне интерфейсов он представляет собой избыточный, нерелевантный или конкурирующий визуальный и текстовый контент, который нарушает когнитивные процессы восприятия и затрудняет эффективное взаимодействие пользователя с системой, поскольку человеческое внимание, обладая ограниченной пропускной способностью, не способно одновременно обрабатывать большое количество равнозначных стимулов без потери качества интерпретации этих стимулов. Информационный мусор может содержаться: в тексте, в навигационных структурах, в колористике, в формах и в избыточности визуальных метафор (иконок) внутри интерфейса. Дальше — больше
https://habr.com/ru/articles/1017602/
#дизайн_интерфейсов #дизайн_сайтов #дизайн_приложений #копирайтинг #копирайтинг_в_it #визуализация_информации #колористика #навигация #иконки
-
Kaspresso: cравниваем скриншоты и упрощаем проверку дизайна
Хабр, привет! Меня зовут Никита Евдокимов, я работаю старшим разработчиком в «Лаборатории Касперского», а также являюсь мейнтейнером репозитория Kaspresso . Это наш фреймворк для тестирования пользовательских интерфейсов на Android, основанный на Kakao, Espresso и UI Automator. Недавно в нем появилась новая функция: сравнение скриншотов. С ней можно записывать скриншоты приложения, а на последующих прогонах автотестов сравнивать их с новыми скриншотами и отслеживать изменения в интерфейсе. В статье я пошагово покажу, как с ней работать, со скриншотами и примерами кода. Материал подойдет для как опытных, так и начинающих специалистов в области автотестирования, а также для дизайнеров: функция облегчает автоматическое тестирование, с ней быстрее и проще проверять, соответствует ли разработанное приложение макету.
https://habr.com/ru/companies/kaspersky/articles/1015854/
#kaspresso #опенсорс #туториал #скриншоты #дизайн #дизайн_интерфейсов #kotlin #дизайн_ревью
-
Kaspresso: cравниваем скриншоты и упрощаем проверку дизайна
Хабр, привет! Меня зовут Никита Евдокимов, я работаю старшим разработчиком в «Лаборатории Касперского», а также являюсь мейнтейнером репозитория Kaspresso . Это наш фреймворк для тестирования пользовательских интерфейсов на Android, основанный на Kakao, Espresso и UI Automator. Недавно в нем появилась новая функция: сравнение скриншотов. С ней можно записывать скриншоты приложения, а на последующих прогонах автотестов сравнивать их с новыми скриншотами и отслеживать изменения в интерфейсе. В статье я пошагово покажу, как с ней работать, со скриншотами и примерами кода. Материал подойдет для как опытных, так и начинающих специалистов в области автотестирования, а также для дизайнеров: функция облегчает автоматическое тестирование, с ней быстрее и проще проверять, соответствует ли разработанное приложение макету.
https://habr.com/ru/companies/kaspersky/articles/1015854/
#kaspresso #опенсорс #туториал #скриншоты #дизайн #дизайн_интерфейсов #kotlin #дизайн_ревью