Всем привет! Я Дима Курамшин, директор по бизнес-процессам в AGIMA. Сегодня расскажу, как мы вместе с командой «Финам» придумали единый визуальный стиль для всех продуктов холдинга и создали UI Kit с набором готовых дизайн-решений. Как бесшовно интегрировать новый стиль в большой компании, зачем вообще нужна дизайн-система и как она может стать фундаментом для развития бизнеса — читайте в статье.
Дизайн
Дизайн спасёт мир
Новости
Дизайн-система: от страдания к звездам
Наша дизайн-команда “Инферит Клаудмастер” создает интерфейс, который будет не только удобными, но и привлекательными для пользователей. Для того чтобы усовершенствовать процессы взаимодействия между командами, создающими продукт, пользователями и продуктом, мы внедрили дизайн-систему. Прежде, чем это произошло, нам пришлось преодолеть некоторые трудности.
В этой статье мы расскажем, что такое дизайн-система, как мы ее внедрили на ранних этапах разработки и какие преимущества она принесла. И, конечно, мы поделимся нашими приключениями и трудностями на пути реализации проекта.
Выбираем инструмент проектирования интерфейсов для аналитика
Всем привет! Меня зовут Бургомистренко Кристина и я — системный аналитик в компании заказной разработки Rubius. В этой статье я рассказываю про свой опыт проектирования и сравниваю несколько популярных инструментов для создания вайрфреймов, которые может использовать в своей работе бизнес/cистемный аналитик.
Истории
Истоки японского дизайна: Дзюнъити Накахара и его иллюстрации
Мы продолжаем серию статей про японских художников, дизайнеров и иллюстраторов, повлиявших как на современников, так и на потомков. Мы уже поговорили об изящных юношах и девушках Такабатакэ Касё, что повлияли на формирование современного образа анимешных красавцев и красавиц, а также об очаровательной миловидности героинь Кацудзи Мацумото, которые сформировали концепт «каваии» в японской манге и аниме. Ещё одним шагом к созданию стиля манги (прежде всего — стиль манги для девочек, а в наше время еще аниме и игр) стало творчество Дзюнъити Накахара (1913-1983).
Чтение на выходные: «Дизайн привычных вещей» Дона Нормана
Дональд Артур Норман — автор идеи человекоориентированного дизайна, специалист в области инженерии и когнитивистики. В своих размышлениях о пользовательском опыте пробует поженить здравый смысл и дизайн, чтобы в мире было больше вещей, которые не принесут людям страданий своим неудобством.
Мы приведем некоторые примеры из его книги, чтобы объяснить вам, о чем здесь идет речь, и предложим несколько аргументов в пользу чтения.
Как дизайнер зарабатывает 2 000 000 $ в год без сотрудников и без расходов на маркетинг?
Если вы фрилансер, самозанятый или работаете в сфере диджитал услуг, то вы наверняка знаете, что продаёте не что иное, как своё время и экспертность. А время, как известно - ограничено, у нас у всех 24 часа в сутках. Как в таком случае работая в соло, можно продавать дизайн на 2 000 000$ в месяц? В чём тут подвох?
Привет, я Паша и я обожаю детально разбирать уникальные западные бизнес-модели. Я рассказываю истории предпринимателей и делаю акцент на том, как именно они привлекают клиентов.
Сегодня вы узнаете историю Берта Уильямса, основателя DesignJoy - продуктизированного сервиса, предоставляющего дизайн по подписке от 5000$ в месяц. Брет начал работу над проектом в 2017, а в уже 2023 заработал более 2 000 000
Вот что вы узнаете, если дочитаете до конца:
Вписаться в интерфейс, но не слиться с ним
Привет! Сегодня поговорим про обновление навигации интернет-банка. Я расскажу, зачем мы вообще затеяли изменения, на какие метрики опирались и, конечно, покажу визуал до и после.
Я убеждён: подсознательно нам спокойнее, когда мы знаем, где выход и как выбраться из помещения, если запахнет жареным. Так же и в интерфейсе: задача клиента — первый приоритет, а навигация — инструмент, который сам по себе несёт только эстетическую ценность. Именно мы, дизайнеры, должны сделать его удобным и понятным, а когда использовать навигацию — решать клиенту.
Получилось ли у нас улучшить UI по этому принципу — узнаете из статьи.
Камера с распознаванием лиц и стрельбой слезоточивым газом
На Kickstarter стартовал сбор заказов на камеру видео наблюдения, использующую технологию распознавания лиц и отпугивающую злоумышленников пейнтбольными шарами. Когда PaintCam замечает кого-то, кого не знает, то через динамик советует убираться. Если нарушитель решает остаться, включается обратный отсчет, а потом камера стреляет шариками с краской. Особо гуманистичные владельцы могут зарядить камеру снарядами со слезоточивым газом.
Как использовать Singleton и не потерять тестируемость
Singleton — порождающий шаблон проектирования, гарантирующий, что объект существует только в одном экземпляре, и предоставляющий глобальную точку доступа к нему (современные критики считают, что это паттерн реализации, а не проектирования).
Итак, представим, что у нас есть некоторые данные Info, которые можно получить из базы данных. Эти данные используются в разных частях программы и не изменяются во время её выполнения. Похоже, это идеальный кандидат для кэширования с помощью Singleton.
Не UI единым: как провести UX-ревью сложного IT-продукта и не утонуть в данных? Гайд от практика
Привет! Это Даша, проектировщик из Selectel. Сегодня хочу поделиться своим опытом проведения UX-аудита — неоднократно я приходила в новый продукт и передо мной вставала такая задача.
Я успела набить шишек, перерыть половину рунета и в итоге на практике получить ценный опыт.
Эта статья родилась из желания помочь читателям избежать ошибок, которые совершила я (например, с головой уйти в анализ размера кнопок вместо изучения основных пользовательских сценариев), и при этом поделиться инструментами, которые помогли мне провести UX-аудит, будучи новичком в сложном продукте. Кроме того, я собрала полезный шаблон в Miro для динамичной и наглядной презентации результатов аудита команде.
Все подробности — под катом.
Маг, шут, герой. Как архетипы помогают создать сильный бренд
Сильный бренд — он как хороший знакомый. Знаешь о нём кое-что в общих чертах, видишь не слишком часто, но встречи всегда приятные. То вдохновляющую историю расскажет, то шуткой повеселит. Этого достаточно, чтобы составить мнение о человеке. Так же и с компанией.
Очертить образ помогают архетипы — модели с набором определённых качеств. Например, ваш знакомый кажется забавным, потому что постоянно попадает в курьёзные ситуации. То же используют бренды. Вспомните M&M’s с рекламой неловких говорящих драже. Архетип — это способ очеловечить бренд.
Особенности проектирования интерфейсов в ИБ продуктах на примере Ampire
Привет хабр! Меня зовут Виталий Матыцин, я отвечаю за дизайн в Ampire. Cегодня хочу рассказать об особенностях и подводных камнях, с которыми мне пришлось столкнуться во время редизайна.
Ближайшие события
В чём разница между дизайнерами в агентстве и продукте. Мышление, процессы и перевоплощение
Всем привет! В этой статье расскажу, в чем отличие в работе, мышлении, поведении между агентским дизайнером и продуктовым. Сравню навыки дизайнеров из агентства и продукта, опишу разницу в процессе работы и результатах. А еще поделюсь, какого человека хотят видеть у себя в штате крупные компании вроде СберМаркета и как перейти из агентства в продукт.
Я сама 10 лет работала в разных агентствах, а в прошлом году перешла в продукт. И мне есть, что рассказать).
UX установки диффузионного силицирования
История про то, как молодому специалисту дали карт-бланш в реализации автоматики сложной установки, и вроде бы у него даже что-то получилось.
Изменить цвета и кнопки сервиса — и не сломать дизайн-систему
Меня зовут Алексей Афонин, я старший дизайнер продукта в Yandex Cloud. В прошлом году нам понадобилось полностью изменить внешний вид нашего сервиса для бизнес‑аналитики DataLens перед его выходом в опенсорс. Разработчики и дизайнеры интерфейсов часто сталкиваются с подобными задачами: есть уже работающий сервис, но его нужно стилизовать, например, в случае ребрендинга или при необходимости учесть специфический пользовательский опыт.
В наших продуктах мы пользуемся дизайн‑системой и библиотекой компонентов Gravity UI — это проект Yandex Cloud, который не так давно тоже вышел в опенсорс. В этой статье я поделюсь опытом, как мы решили задачу «перекрашивания DataLens» с её помощью. Но даже если вы не используете DataLens и ещё не знакомы с Gravity UI, наши наработки могут пригодиться командам разработчиков и дизайнеров, которые хотят стилизовать свои продукты быстрее и удобнее.
Шахматы Bauhaus
Функция определяет форму
Удивительно, но сто лет назад дизайнеры были интереснее, смелее и прогрессивнее современных.
Полный гайд о стиле для IT-специалистов: как выглядеть актуально и чувствовать себя комфортно
Всем привет! Меня зовут Маша, я девушка программиста и хотела бы поделиться опытом, как легко выглядеть актуально сегодня имея любой бюджет и количество времени.
Вышла Stable Diffusion 3 от Stability AI: Лучшая модель для генерации изображений. Но есть нюанс…
Компания Stability AI анонсировала долгожданный релиз Stable Diffusion 3, включая более быструю версию Stable Diffusion 3 Turbo. Согласно их исследовательской статье, новая модель, основанная на архитектуре Multimodal Diffusion Transformer (MMDiT), использует отдельные наборы весов для представления изображений и языка, что улучшает понимание текста и возможности правописания по сравнению с предыдущими версиями Stable Diffusion.
Но есть один нюанс. Пока все только за деньги.
Вклад авторов
Mordatyj 2995.0alizar 1893.4ivansychev 1338.8anti1869 1104.0anatoly_rr 977.0Adrior 953.0limmm 703.0baragol 579.2podust 537.0denissidak 510.0