В этом интервью у меня в гостях Ксения Гордиенко из Канады.
После окончания института в Санкт-Петербурге Ксения обучалась в Германии, после чего за короткое время смогла вырасти из студента-ассистента до 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
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
Почему бы не сделать перерыв?
На столе, напротив открытого окна (смотрите картинку) лежит Wii Remote. Это контроллер для игровой консоли Wii компании Nintendo. Люди, которые выросли c Wii, вспомнят как в игре Wii Sports периодически всплывало окно с сообщением, вежливо напоминающим вам, что стоит сделать перерыв. Возможно, это несколько нелогично, но для такого вторжения в вашу жизнь есть несколько причин. В онлайн-играх, основанных на подписке, компания действительно могла извлечь выгоду, когда вы время от времени выходили из системы (не волнуйтесь, мы и про социальные сети тоже поговорим). Вы ведь не откажетесь от своей подписки, а каждую секунду вашего пребывания в сети вы «съедали» драгоценную серверную мощность. В других играх такие вещи, как гриндинг, хоть и заманчивы, но могут всё испортить. В Pok'emon, например, если вы доведете всю свою команду до 60-го уровня, прежде чем сразитесь с Элитной четвёркой, вы выиграете, но не самым эффектным или честным способом.
С Wii история другая. Кажется, что команда Nintendo знала, что их аудитория в основном состояла из детей. Разработчики чувствовали необходимость вмешаться, в интересах самого игрока (и, возможно, для успокоения родителей), когда ребёнок проводил слишком много времени в игре. Сейчас мы редко встречаем подобные вещи, и я всегда хотел узнать, почему.
Сервера уже не так дороги, как раньше. Механика многих современных видеоигр больше не позволяет заниматься гриндингом. Неужели Nintendo перестала заботиться о наших детях? Что ж, индустрия сильно изменилась. Сегодня многим разработчикам онлайн-игр наоборот выгодно, когда игроки проводят больше времени в сети. В мобильной игре Clash of Clans игроки могут предотвратить нападение на свою базу оставаясь онлайн. Чем быстрее вы закончите игру, тем быстрее вас заставят купить её DLC или, еще лучше, Season Pass.
Читать дальше →
https://habr.com/ru/post/554408/?utm_campaign=554408&utm_source=habrahabr&utm_medium=rss
Недавно прошёл наш третий митап для дизайнеров со спикерами из Сбера, WayRay, девелопмент-платформы Horovod и Авито. В этот раз продуктовым дизайном не ограничивались и поговорили про физическое пространство вокруг, индустриальный дизайн, идентичность городов и плагины для Фигмы.
Собрали видеозаписи выступлений с таймкодами и ссылки на презентации спикеров.
Читать далееhttps://habr.com/ru/post/554114/?utm_campaign=554114&utm_source=habrahabr&utm_medium=rss