_{Соавтор: Кузнецова Юлия Андреевна - UX-писатель Экосистемы РСХБ}

Каким должен быть дизайнер в банке, чтобы и продукт хороший создавал, и коллеги не жаловались. Смотрим через призму софт-навыков вместе с UX-дизайнерами РСХБ.

Читать далее

https://habr.com/ru/post/561020/?utm_campaign=561020&utm_source=habrahabr&utm_medium=rss

Объясняем бабушке, что такое MVP на примере швейцарского ножа и двух инженеров.

Читать далее

https://habr.com/ru/post/561010/?utm_campaign=561010&utm_source=habrahabr&utm_medium=rss

В этом интервью у меня в гостях Ксения Гордиенко из Канады.

После окончания института в Санкт-Петербурге Ксения обучалась в Германии, после чего за короткое время смогла вырасти из студента-ассистента до BIM-менеджера одной из крупнейших строительных компаний Европы. Но, несмотря на достигнутые результаты, Ксения вместе со своим мужем переезжает в Канаду, где начинает свою жизнь с чистого листа.

В этом выпуске мы поговорим с Ксенией Гордиенко о проблемах эмиграции и актуальных проблемах строительной отрасли.

Читать далее

https://habr.com/ru/post/560998/?utm_campaign=560998&utm_source=habrahabr&utm_medium=rss

Про дизайн-системы сказано и написано уже многое. Дизайнеры прошли долгий путь от обсуждения шаблонов в Sketch к компонентам в коде, а от компонентов — к рамкам в дизайне и границам системности. В этой статье мы расскажем не о том, как создавать дизайн-системы, а о том, как с ними жить: что делать, если система больше не работает, как пересобрать ее заново и как «продать» ее коллегам.
Читать дальше →

https://habr.com/ru/post/559910/?utm_campaign=559910&utm_source=habrahabr&utm_medium=rss

При разработке продуктов мы стараемся снизить количество решений, которые необходимо принимать пользователю. Предполагается, продукт используют для выполнения задачи, и чем проще и интуитивнее она будет выполняться, тем лучше. Чем больше мелких решений вынужден принимать человек в течение определенного времени, даже если они очень простые (например, какой сериал посмотреть), тем ниже будет качество принятия решений.

Если вы устали, это может значительно повлиять на способность принимать решения, поэтому UX-дизайнеры при разработке интерфейса должны понимать, как усталость влияет на пользователей. И это очень интересная тема, ведь есть множество причин, по которым пользователи могут испытывать когнитивную перегрузку при использовании вашего продукта.

В этой статье мы рассмотрим 6 способов снизить когнитивную нагрузку в UX-проекте.

Читать далее

https://habr.com/ru/post/559418/?utm_campaign=559418&utm_source=habrahabr&utm_medium=rss

Для Figma написан целый легион плагинов на все случаи жизни. Постоянно появляются рейтинги и топ-листы супер-пупер-мега-лучших. Но этот инструмент используют люди разных конфессий, решая разные свои задачки. Рыцари фриланса рисуют лендинги, студийные братья собирают промо-сайты, еретики даже визитки и плакаты пытаются делать в Figma. И для всех есть свои плагины. Поэтому делать общий топ-100 — пустое занятие.

Но можно накидать локальный местечковый топчик для продуктового дизайнера например. В нём не будет плагинов в духе «смотрите, какая любопытная идея» или «если вдруг вам когда-нибудь понадобится заменить все картинки на фото Николаса Кейджа». Только ежедневные трудяги. Я уверен, этот список будет полезен не только UI-дизайнерам и сочувствующим. Что-то полезное найдут для себя и все остальные фанаты Figma.

Дайте двадцать лучших!

https://habr.com/ru/post/557178/?utm_campaign=557178&utm_source=habrahabr&utm_medium=rss

Вот уже несколько лет производители электроники говорят о новой прорывной технологии, которая изменит привычные нам устройства и подход к их проектированию: никаких больше механических кнопок и переключателей, сокращение толщины до 2 мм, снижение веса на 70%, а себестоимости — на 30%. Причем речь идет не о будущих серийных устройствах типа экрана с двойным сложением, который недавно представила Samsung, а о технологии производства, которая уже сейчас используется в автомобилях, бытовой технике и IoT-гаджетах. Эта технология называется «литье с интегрированной / встроенной электроникой» или In-Mold Electronics (IME).

На Хабре эту интересную тему еще почему-то не затрагивали. Исправляем это досадное недоразумение.

Читать далее

https://habr.com/ru/post/558904/?utm_campaign=558904&utm_source=habrahabr&utm_medium=rss

Компьютерная графика и визуальные эффекты не такое новое явление, как о нём принято думать. Спецэффекты в кино возникли практически одновременно с появлением самого кинематографа, и пока наш разум отчаянно отказывается осознавать, насколько глубока кроличья нора, где-то громко смеётся один Жорж Мельес. Очевидно, что с появлением вычислительной техники расширение арсенала художников было лишь вопросом времени. Тем не менее, компьютерной графике пришлось преодолеть долгий путь, по некоторым этапам которого было бы интересно пройтись.

Много картинок

Читать далее

https://habr.com/ru/post/558860/?utm_campaign=558860&utm_source=habrahabr&utm_medium=rss

Стиль иллюстрации: плоский, с геометрическими формами, фигуральный, обычно составленный из однотонных цветов. Безликие фигуры разбросаны по железнодорожным станциям и автобусным остановкам, от финтех-компании MoneyFarm и Trainline до сервиса доставки «Виагры» GetEddie. Даже собственный брэндинг Transport for London, завоевавший себе особое место в истории модернистского графического дизайна, начинает перенимать этот стиль.
Читать дальше →

https://habr.com/ru/post/558812/?utm_campaign=558812&utm_source=habrahabr&utm_medium=rss

Как мы пришли к SVGator.com

Digital-рынок сегодня насыщен хорошими решениями, тренды не стоят на месте, одним
из доминантных признаков качества становится анимация интерфейса. В рамках разработки группы продуктов Своё и банковских сервисов Россельхозбанка мы с командой рассматривали
различные решения.

Наш путь начался с lottie, как с более популярного сервиса. Ключевой недостаток: встроенная api. Нам хотелось найти более прагматичное решение без интеграции, поэтому выбор пал на SVGator. В наши цели попадало закрытие микроанимаций элементов интерфейса, оформительские детали и т.п.

Что за зверь и какие задачи решает

SVGator.com — это web-платформа для создания svg-анимаций, то есть svg-файлов со встроенными анимациями, которые без каких-либо проблем интегрируются в html. Можно задать последовательную обработку таких анимаций. Возможен экспорт как js, так и чистым CSS. Возможности js немного шире, но разница не существенная.

В рамках продуктов группы Своё мы создавали различные анимации для лоадеров, микроэлементов (таких как стрелка дропдауна), логотипов и элементов оформления. Мы ещё находимся на стадии экспериментов с SVGator, но уже чётко понимаем, в каких моментах он имеет преимущества и что можно создать с его помощью:

• Небольшие функциональные элементы интерфейса. Например, интерактивные состояния компонентов и вытекающая микроанимация

• Регулярные объекты, которые можно усилить посредством анимации. Например, логотипы, в частности, кейс с кастомизацией лого под праздники

• Элементы дизайна. Например, иллюстрации

Читать далее

https://habr.com/ru/post/558516/?utm_campaign=558516&utm_source=habrahabr&utm_medium=rss

Привет! В эту пятницу мы проведём Noblsht Design System — митап, на котором спикеры смогут поделиться своим опытом в плане разработки, создания и работы с дизайн-системами. Только по делу — внедрение изменений, масштабирование, проблемы роста, метрики, переработка компонентов и многое другое.

Всё можно будет посмотреть онлайн, ссылка придёт всем, кто зарегистрируется до начала митапа.

Вот спикеры и темы их докладов:

Robin Cannon, IBM — The design system journey; how IBM's Carbon Design System grew to support the company

Богдана Кибза и Александра Шульман, Альфа-Банк — Пакет с пакетами

Как пересобрать дизайн-систему, привлекая на начальном этапе проработки дизайна разработчиков. Изучаем устройство компонентов data view в «фигме», фиксацию технических ограничений.

Куанг Нгуен и Виктория Дубровская, Райффайзенбанк — Пайплайн разработки компонента: от дизайна до прода

Токены как источник истины и их обработка, gradle и генерация стилей, приложение previewer для отображения компонентов.

Константин Зубанов, Mail.ru — Гайдлайны как часть базы знаний и рабочего процесса

Расскажу, как собрать гайдлайны, UI-киты, записи митапов и много чего ещё в вики. Покажу, как в потоке задач мы находим время на документацию и встраиваем её в процессы. В качестве бонуса расскажу, как обновляем сайт дизайн-системы прямо из базы знаний по API.

Екатерина Винникова, МТС — Дизайн-система как инструмент экосистемы

Расскажу о том, как мы строим экосистему с помощью дизайн-системы, как выстраиваем процессы взаимодействия с продуктовыми командами и какие препятствия на пути внедрения дизайн-системы в рабочие и новые продукты преодолеваем.

Читать далее

https://habr.com/ru/post/558018/?utm_campaign=558018&utm_source=habrahabr&utm_medium=rss

https://habr.com/ru/post/557966/?utm_campaign=557966&utm_source=habrahabr&utm_medium=rss

200 стартапов

За последние двенадцать месяцев я прожарил лендинги (посадочные страницы проектов) 200 стартапов. Лендинги инди-проектов, лендинги сейлапов, финансируемых венчурным капиталом, и лендинги прибыльных корпораций, лендинги из различных отраслей и для разной аудиторий. В среднем 25 минут прожарки — это больше 3,5 полных дней прожарки страниц для увеличения конверсии.

Что такое прожарка

Каждая прожарка — это персонализированный 20-минутный видео-обзор лендинга, где я определял исправления, которые позволят превратить больше посетителей в клиентов.
Читать дальше →

https://habr.com/ru/post/557658/?utm_campaign=557658&utm_source=habrahabr&utm_medium=rss

Привет!

Мы устраиваем международный Alfa Battle Camp — чемпионат, в рамках которого мы будем искать лучшие идеи для цифровых банковских продуктов. Специально для дизайнеров и исследователей.

У нас есть 6 основных направлений, для которых мы и ищем идеи:

Daily Banking (повседневные покупки и платежи)
Семейные финансы в digital
Инвестиции и накопления (slow money)
Phygital office
Свой бизнес (ИП, самозанятые)
Beyond banking (идеи новых сервисов)

Авторов 100 лучших идей мы пригласим на 5-дневный онлайн-челлендж, который проведут ведущие продакт-дизайнеры и UX-исследователи. 50 участников поедут защищать итоговые решения на кэмп в Сочи. За 5 дней в сможете пройти путь от проверки своей идеи до создания интерактивного прототипа и UX-тестирования под руководством экспертов из Альфа-Банка, SkillBox, Creative People, UsabilityLab и других компаний.

Также на кэмпе:

расскажем, как мы делаем наши цифровые продукты
поможем вам прокачать собственные навыки в этой сфере
создадим новые прототипы Альфа-Мобайла
попробуем освоить серф.

Перелет, проживание и питание — за наш счёт. Остальные подробности, состав жюри и приглашённые эксперты — под катом.

Читать далее

https://habr.com/ru/post/557788/?utm_campaign=557788&utm_source=habrahabr&utm_medium=rss

Воспламенение — смертельная опасность для военных кораблей. В начале Второй мировой войны корабль ВМС США Vincennes был подожжён японскими снарядами, повредившими склады тяжелого крейсера. Сами по себе повреждения были незначительными и опасности не представляли, но собственная краска и корабельный груз — запасные части для самолётов, спасательные жилеты и машинное масло — послужили катализатором процесса, они загорелись, осветив ночное небо, и стали отличной мишенью для обстрела из крупнокалиберного оружия. Ранним утром 9 августа 1942 года крейсер Vincennes перевернулся и затонул вблизи острова Саво в южной части Тихого океана.

ВМС приняли меры

https://habr.com/ru/post/556946/?utm_campaign=556946&utm_source=habrahabr&utm_medium=rss

Арт-объект из проекта «Неудобно» греческого дизайнера Katerina Kamprani

Для дизайнера круто иметь «насмотренность». Так меньше вероятность навелосипедить и сделать продукт, вроде ключа на картинке ниже.

Повышать «насмотренность» (и начитанность) можно наблюдая за топовыми чуваками из интересующей сферы. А интересует меня, как начинающего дизайнера, User Experience и с чем его едят.

Под катом список известных в сфере UX дизайна имен, от мастрида, вроде Дона Нормана, до менее знакомых широкой публике, вроде автора логотипа Firefox. Там же ссылки на их твиттеры, блоги и некоторые проекты.
Читать дальше →

https://habr.com/ru/post/556462/?utm_campaign=556462&utm_source=habrahabr&utm_medium=rss

Это рассказ о том, как, имея лишь небольшой навык работы в графическом редакторе и желание этим заняться, я начал разработку шаблона удостоверяющей печати, о проблемах, с которыми довелось встретиться, их преодолении, и о том, чем всё, в итоге, закончилось.

Читать далее

https://habr.com/ru/post/557480/?utm_campaign=557480&utm_source=habrahabr&utm_medium=rss

Вирусные интернет-мемы для захвата внимания эксплуатируют целый ряд багов (когнитивных искажений) человеческого мозга

Главный ресурс современной экономики — внимание. Именно за него бессовестно конкурируют коммерческие фирмы. Больше внимания — больше денег. Стартапу уже необязательно продавать платную подписку, главное — привлечь внимание. Это окупится. Сверхзадача — вообще не отдать никому ни минуты внимания своих пользователей.

Но здесь возникает риск, что человек «подсядет» на совершенно бесполезный продукт. Конечно, это мечта бизнеса. Поэтому некоторые дизайнеры сознательно или бессознательно манипулируют людьми, эксплуатируя их слабости.
Читать дальше →

https://habr.com/ru/post/556126/?utm_campaign=556126&utm_source=habrahabr&utm_medium=rss

Этот дом несколько принтеров напечатали из местной почвы за 200 часов. В итоге никаких отходов и необходимости доставки строительных материалов. Читать дальше →

https://habr.com/ru/post/554894/?utm_campaign=554894&utm_source=habrahabr&utm_medium=rss

Анимированная гифка показывает, что происходит на Invidious, когда я сужаю окно браузера на пару пикселей.

Полностью меняется компоновка элементов на странице: исходный трехколоночный макет вдруг меняется на одноколоночный, причем, первым делом идет содержимое того маленького столбца, что располагался с левого края и содержал совершенно не важную информацию.

Уверен, не я один часто сталкиваюсь с подобным. Лично мне нравится, когда окна моего браузера достаточно узкие, но в последние лет десять веб-страницы стали реагировать на такое предпочтение так, будто мне нужна мобильная, функционально урезанная версия страницы. Здесь кроется большая проблема, и не одна.

Пространственный газлайтинг

Одна из фундаментальных концепций, на которых основан дизайн Macintosh, первый по-настоящему клиент-ориентированный графический пользовательский интерфейс – это идея о пространственном упорядочивании человеко-машинных взаимодействий при работе с компьютером. Пользователя избавили от необходимости запоминать текстовые команды, чтобы обустраивать файлы на диске, а предоставили возможность тасовать файлы так, чтобы это было наглядно и – вот оно, озарение – запоминать их положение, как будто в пространстве. Пользователь мог вспомнить, куда положил файл, и не столь важно, как этот файл называется. Точно так мы запоминаем, куда положили кошелек, ключи или важный документ.
Читать дальше →

https://habr.com/ru/post/554650/?utm_campaign=554650&utm_source=habrahabr&utm_medium=rss