Все потоки
Поиск
Написать публикацию
Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Основные принципы создания иконок

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.9K

Привет, Хабр! Я Маша, продуктовый дизайнер в ОТП Банке. Наш банк последнее время активно развивает дизайн, сегодня хочу поделиться опытом работы с иконками. Сразу скажу, большинство перечисленных принципов вам скорее всего знакомы, но есть некоторые неочевидные нюансы, на которые стоит обратить внимание 👇

Читать далее

design_vesna by red_mad_robot

Время на прочтение2 мин
Количество просмотров567

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

В программе — четыре доклада от дизайн-лидов и креативных директоров компаний red_mad_robot, ecom.tech, SberDevices и Иви.ру. После выступлений — живое общение и нетворкинг.

Читать далее

Зумеры не просто слушают — они хотят, чтобы их слушали. Как баг изменил наш взгляд на продукт

Время на прочтение6 мин
Количество просмотров3.4K

Привет, Хабр! Меня зовут Катя Меркулова, я CPO Сlatch. Летом мы работали над улучшением нашего приложения. На первый взгляд, задача была простой: перенести кнопку технической поддержки из веб в мобильную версию. Но, как это часто бывает, нюансы сделали свое дело. Мы пропустили слово «техническая». И все завертелось.

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

Читать далее

hypetype — как легко печатать любые символы напрямую с клавиатуры. От тире и «кавычек» — до знака ₽ и даже эмодзи

Время на прочтение8 мин
Количество просмотров3.1K

Вы читаете приквел, к моему предыдущему лонгриду на VC «Как за 5 недель я написал свою программу вообще без опыта программирования». Говорят, зашло нормально. Но в лучших традициях жанра — читать можно в любом порядке.

В этом сюжете я отвечу на все «почему» от аудитории — почему программа нужна почти всем, почему считаю, что прямых аналогов нет и почему это не очередной «велосипед», который будет стоять в гараже истории. Расскажу про фишки, которые родились не ради фишек, а через призму боли длиною в 15 лет и почему Илья Бирман ни в чём не виноват.

Читать далее

Почему дизайнер = инженер

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров5.5K

Привет, Хабр! Дизайнер сегодня — больше чем дизайнер. Это и аналитик, и инженер, и мастер по нейросетям, и специалист по коммуникациям. 

Меня зовут Наталья Дудко, я арт-директор внутренних продуктов в МТС Диджитал. В этом посте расскажу, что из себя представляет работа дизайнера сегодня. Пройдусь по основным мифам, покажу нашу роль в разработке и с какими проблемами мы сталкиваемся.

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

Читать далее

Сколько денег теряет бизнес из-за плохого дизайна? Мы посчитали

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров2.6K

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

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

Читать далее

Работа продуктовым дизайнером в бигтехе — тупик карьеры?

Время на прочтение10 мин
Количество просмотров2.6K

Такое мнение я часто слышу, когда говорю, что работаю продуктовым дизайнером в банке или в бигтехе. «Тебе не стрёмно? Наверно, сплошная бюрократия, бесконечные созвоны, скука и отсутствие развития, потому что теперь ты лишь винтик в огромном механизме и просто руки для заказчика»

Забавно, когда подобное мнение транслируют люди, которые никогда в бигтехе не работали.

Забавно, но надоедает. Поэтому я написала эту статью, чтобы разобраться — так ли это.

Как на самом деле...

Библиотека — это основа, это, так сказать, база. Или как правильно входить в библиотеку

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров890

Привет, Хабр! Меня зовут, Артём Кокшаров, я ведущий дизайнер-проектировщик интерфейсов в Рунити. В этой статье хочу рассказать о библиотеках для дизайн-систем и продуктовом графическом дизайне. Это легкочитаемый текст для дизайнеров с картинками на десять минут. Честно говоря, я думал завалить нейронку вопросами, чтобы она нагенерила статью — и она это сделала, но читать оказалось нереально. Поэтому я написал от себя и на своем опыте. Погнали!

Читать далее

Как данные о ДТП превратить в арт-проект

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.1K

Этот проект — моя попытка привлечь внимание к проблеме смертности в дорожно-транспортных происшествиях в Европе. Через визуализацию данных я старалась показать, насколько остро стоит эта проблема, и подчеркнуть, что многие жизни можно было бы спасти благодаря грамотному городскому планированию и мерам безопасности.

Проект оказался очень личным для меня, поскольку тема смертности в ДТП в нашей стране остаётся в тени, несмотря на её актуальность. Через искусство, основанное на данных (data art), я хотела не только привлечь внимание к этой теме, но и поделиться лучшими мировыми практиками.

Читать далее

Токены цвета для приложения: Как создать, использовать и передать в разработку

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров9.5K

Практическое руководство для дизайнеров по созданию, использованию и передаче в разработку токенов цвета (variables) для мобильного приложения в фигме.

Новичкам будет полезна вся статья целиком, более опытным будет особо интересна последняя часть — про передачу в разработку (я такого нигде не встречал).

Токенизироваться →

Плагины и лайфхаки для работы с текстом в Figma

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров4.3K

Текст — один из важнейших элементов дизайна и на работу с ним порой уходит много времени. От заполнения контентом до удаления висячих предлогов — всё это требует большого внимания и часто превращается в рутину.

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

Прокачать текст в Figma

Как потерять здоровье в IT. И вернуть его обратно

Время на прочтение5 мин
Количество просмотров4.5K

Привет! Меня зовут Саша Солнцев. Мне 40. Около 17 лет я работаю в дизайне. Мои клиенты — SberDevices, Avito, Skyeng, Pragmatica, VOSK design. Но рассказать я хочу не про крутые проекты и высокие чеки, а про неизбежные последствия сидячей работы.

Читать далее

SVG-виджеты для tcl/tk. Финальный аккорд. Часть IV

Уровень сложностиСредний
Время на прочтение3 мин
Количество просмотров1.7K

Реализация проекта «SVG-виджеты для tckl/tk» позволяет устранить одну из главных претензий, предъявляемых к графическому интерфейсу приложений, разрабатываемых с использованием tk - устаревший дизайн виджетов. Переход от классических виджетов к svg-виджетам не требует больших усилий. В этом лично я убедился, переписав gui утилиты для работы с электронной подписью cryptoarmpkcs. Ее дистрибутивы под именем cryptoarmpkcs_svg для платформ Linux64 и Windows64 можно найти в проекте:

Читать далее

Ближайшие события

Почему портфолио дизайнера в продукте не работает

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров2.3K

Всем привет! На связи Макс Брызгалов, руководитель отдела UX дизайна в такси «Максим». За свою 9-летнюю карьеру я отсмотрел, как мне кажется, миллион (ну или чуть меньше) портфолио дизайнеров. В том числе дизайнеров в продукте. Встречались такие, что чтение захватывало дух. Хотелось погружаться кейс за кейсом в опыт специалиста. Но чаще встречались «шаблонные» решения.

Думаю, что причин этому несколько: часть сталкивается с нехваткой времени на полноценное оформление кейса. Часть забыла какие были артефакты на проекте. А часть ссылается на текущую нехватку опыта, например, в продуктовых метриках или исследованиях. В итоге в кейс идут либо UI картинки, оторванные от контекста. Или линейно описанный идеализированный процесс работы. Часто под кейс «подтягивают» и метрики, в том числе. Но здесь кроется проблема — в реальной жизни так не бывает.

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

Читать далее

Красота требует жертв! Как увеличить ценность продукта с помощью дизайна

Уровень сложностиСредний
Время на прочтение12 мин
Количество просмотров851

Заново Америку не открою, если утвержу, что красота требует жертв, в нашем случае — вложений. Всем доброго времени суток! Сегодня хочу затронуть значимую тему: как дизайн способен увеличить ценность продукта. Не буду углубляться в гипотетические размышления или пересказывать банальные книги; остановлюсь на конкретном примере.

Меня зовут Армине, и я — менеджер продукта в компании ВИАР ИТ. Веду отдел R&D и занимаюсь созданием экосистемы для цифровизации архивов. В нашем мире, где каждое мгновение наполнено визуальными образами, дизайн становится не просто оформлением, а важнейшим инструментом, способствующим трансформации и повышению ценности.

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

Читать далее

5 полезных Figma-плагинов для продуктового дизайнера (для работы с компонентами и токенами) — UX/UI дизайн

Уровень сложностиСредний
Время на прочтение3 мин
Количество просмотров3.3K

Привет, я Арсен – UX/UI-дизайнер. А тут я собрал плагины для Figma, которыми я пользуюсь регулярно при работп с компонентами и организации ui-китов. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов, лучших в своей категории.

Читать

Как я искал замену Canva и нашел 12 крутых онлайн-фоторедакторов

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров24K

Многие расстроились, когда Канва ушла из России. Когда я начинал творческий путь, онлайн-редакторов было не более 2–3 достойных. Сейчас их десятки: работает импортозамещение, развиваются другие зарубежные сервисы. Ими пользуются не только новички.

Для вас, друзья, составил подборку с редакторами, чтобы избавить от долгих мук выбора. Они работают онлайн и запускаются без сети впн, которая не всегда помогает.  

Читайте, пробуйте. Возможно, влюбитесь в один из аналогов Canva и больше о ней не вспомните.

Читать далее

Основы BDUI для продуктовых дизайнеров. Шпаргалка

Уровень сложностиСредний
Время на прочтение24 мин
Количество просмотров8.6K

Большая статья в двух частях о самом важном, что нужно знать и учитывать продуктовому дизайнеру, если проект, над которым он работает, будет реализован на BDUI: 

— в чём его суть и чем он отличается от классического подхода в разработке;
— что такое контракт экрана и контракт компонента, почему они главный источник истины в BDUI подходе, и как с ним работать дизайнеру;
— как дизайнеру читать JSON, разберём ключи и значения.

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

Читать далее

Топ-15 примеров того, как UX-дизайн изменил нашу жизнь

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров5.1K

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

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

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

Давайте рассмотрим величайшие примеры использования UX-дизайна.

Читать далее

Самые главные ошибки в карьере UX дизайнера и уроки, которые я усвоил

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров3K

Мой путь UX-дизайнера, разумеется, состоял из взлетов и падений.

Сейчас, спустя время, я нередко вспоминаю о различных проектах, в которых участвовал, и о решениях, которые мне приходилось принимать – успешных, и не очень. Поэтому, на данном этапе своего пути, я хочу подвести некоторые итоги.

И первое, что я хотел бы обсудить – совершение ошибок. Мы все совершаем ошибки и учимся на них. Таков вот способ получения опыта в жизни человека. И, как оказывается впоследствии, негативный опыт ценнее позитивного.

Итак, какую самую серьезную ошибку совершил я? И какой урок я извлек после?

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

Я не единственный дизайнер интерфейсов, который принял такое решение. Многие из нас делятся своими историями, пытаясь найти те самые промахи, с которыми может столкнуться дизайнер. Я изучал и чужой опыт, благо на Reddit'е таких историй уйма.

Оставлю на ваше усмотрение: либо последовать нашим советам, либо самостоятельно строить свой путь.

Итак, классифицировал самые популярные ошибки 👇

Читать далее