Обновить

Дизайн

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

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

Время на прочтение13 мин
Охват и читатели6.2K

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.

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

В этой статье перечислим основные элементы, которые позволяют нам повышать качество поиска в клиентских проектах.

Читать далее

Новости

Метасообщение. Что значит быть исследователем и как себя позиционировать?

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

Привет! Я Даня Платонов - руководитель группы UX-исследований в «БКС Мир инвестиций». Это первая статья нашей команды, мы начинаем делиться интересным и познавательным из нашей работы. И начать я хочу с самых начал. А именно — с вопроса «кто я?», который каждому продуктовому исследователю не лишне себе иногда задавать.

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

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

Читать далее

Топ-5 книг для прокачки мышления и креатива в UX

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

Привет, меня зовут Григорий, я Senior UX Researcher в Атоме и занимаюсь основным интерфейсом автомобиля и разработкой прототипа для тестирований.
Наша сфера меняется очень быстро и просто быть в курсе – недостаточно. Если специалист уже «встал на крыло» и сформировал свой мыслительный шаблон, ему становится сложно воспринимать и применять новые подходы, а это тормозит дальнейший рост в профессии.

Мне такое не подходит. Чтобы не ржаветь и регулярно выглядывать за пределы привычного, ищу разную/профессиональную литературу, которая подбрасывает новые идеи.

Расскажу, что из последнего меня особенно зацепило.  

Поехали

Как я подружился с ComfyUI: от непонятных настроек к контролируемой генерации

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

Привет, Хабр! Я Кирилл, занимаюсь дизайном и цифровой иллюстрацией, часто работаю с генеративной графикой. За последнее время успел перепробовать кучу разных платформ — от бесплатных Web UI до платных сервисов вроде Midjourney. Но, как это обычно бывает, идеальный инструмент так и не нашелся. Одни оказываются слишком дорогими — пока дойдешь до десятой итерации картинки, уже выжжешь весь лимит токенов. Другие же страдают от неудобного интерфейса и абсолютно непредсказуемого результата.

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

Читать далее

Когнитивная нагрузка интерфейса и почему этим нужно управлять

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

Всем привет! Я – аналитик 1С, и, благодаря своей работе, часто сталкиваюсь с разработкой пользовательского интерфейса. За годы практики у меня сформировалось собственное видение идеального интерфейса, которым хочется поделиться. Предупреждаю: статья начнётся издалека, но потом мы перейдём непосредственно к когнитивной нагрузке.

Читать далее

Нейроакварель. Тестируем разные ИИ-решения для создания эффекта живописи красками

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели7.6K

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

Нейросети я обычно не использую – предпочитаю творить сам. Но недавно всё-таки у меня появилась задача, для которой мне потребовалась творческая коллаборация с каким-нибудь ИИ. И я решил испытать, какой лучше!

Читать далее

Дизайн-тренажер: как заставить таблицы работать

Время на прочтение2 мин
Охват и читатели5.1K

Представьте: в отчете о продажах появляется таблица. Формально - все на месте. Данные корректные, структура логичная, визуальный порядок соблюден. Но стоит открыть документ, как чтение превращается в маленький квест: взгляд блуждает, сравнивать показатели не очень удобно, главное не сразу считывается.

Почему так происходит? И главное - что именно в таблице мешает работать с ней быстро и уверенно?

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

Читать далее

Самые красивые деньги в мире и как их выбирают

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

Национальных валют существует великое множество, и выбрать среди них самые красивые непросто. Тем не менее, некоторые критерии оценки всё же существуют. Как определяют красоту банкнот разных стран, и что при этом учитывают?

Читать далее

Мегатренды в дизайне интерфейсов. Технологии и наука

Уровень сложностиПростой
Время на прочтение13 мин
Охват и читатели9.7K

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

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

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

Читать далее

Как собирают мозаики из кубиков Рубика

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели11K

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

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

Крутить далее...

Как облегчить работу дизайнера с помощью ИИ и сохранить визуальный стиль

Время на прочтение8 мин
Охват и читатели7.8K

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

Мы в X5 Tech решили превратить генеративный ИИ из источника хаотичных вариаций в стабильный конвейер брендового визуала. Зафиксировали стиль, задали структуру, выстроили управление вариациями, и в итоге собрали рабочий пайплайн. Когда он заработал, скорость выросла почти вдвое, некоторые команды полностью отказались от фотостоков или значительно сократили их использование, а 40–45% визуального контента «Пятерочки» и «Чижика» теперь создается с участием ИИ.

В этой статье — разбор принципов, на которых держатся пайплайны управления генерациями: как модели помогают контролировать структуру и стиль, какую роль в этом играет дизайнер и за счет чего связка ControlNet, LoRA, Style Reference и мультимодальных ИИ превращает генерации в предсказуемую систему.

Читать далее

Успешная разработка дизайна веб-сервиса для автоматической торговли криптовалютой SMARD

Время на прочтение3 мин
Охват и читатели5.2K

Сегодня расскажем об одном из наших самых сложных и интересных проектов — SMARD.

Стартап Smard — веб-сервис для автоматической торговли цифровыми активами и криптовалютой, над созданием которого мы вместе с командой Findev трудились более полутора лет и до сих пор продолжаем трудиться. И, как всегда, результат оправдывает все наши усилия.  

Читать далее

От ручной подготовки архивов к удобной загрузке в Экзон: упрощение массовой загрузки файлов

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели6.5K

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

Статья будет интересна дизайнерам и аналитикам, которые разрабатывают сложные интерфейсы.

Читать далее

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

Дизайн под микроскопом. История большого обновления B2B MedTech SaaS

Уровень сложностиСредний
Время на прочтение14 мин
Охват и читатели7.6K

Привет! В этой статье мы – Никита Сошин, Senior продуктовый дизайнер и Team Lead проекта, и Александра Дёмина, Senior продуктовый дизайнер – во всех подробностях расскажем о том, как evilUnion сделал перезапуск платформы цифровой патоморфологии и почему этот проект нельзя назвать обычным редизайном.

Читать далее

Трёхликий Будда или Великая Глитча о Цифровом Цвете. Часть 1

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

Трой Соботка, Автор Filmic и AgX, пишет в прологе к «The Hitchhiker's Guide to Digital Colour»: «Эта серия статей поможет вам, создателям изображений, выжить в мире, полном чепухи, касающейся цифрового цвета. Если вы запутались в цифровом цвете, это не ваша вина» Через цепь фундаментальных вопросов Соботка заставляет читателя отказаться от интуиции и принять суровую правду: цвет — это не про ощущение, а физика, математика и договорённости.

Это не дословный перевод, а интерпретация (хоть и близкая к оригиналу) в стиле Дмитрия Гайдука. И Соботка, и Гайдук работают в «низкой стилистике», превращая сложное в доступное. А формат вопросов‑ответов как из индийских притч, где каждый следующий вопрос углубляет понимание предыдущего. В эту статью вошли первые 10 вопросов, а всего их на данный момент 37.

Читать далее

Ренессанс командной строки: как AI-агенты вернули нас в терминал

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

В 2015 году дизайнер Golden Krishna выпустил книгу с провокационным названием "The Best Interface is No Interface", где на пальцах объяснял, почему мы слишком увлеклись экранами, кнопками и менюшками — и совершенно забыли про саму задачу, которую пытаемся решить. Идея была в том, что лучший интерфейс — это тот, которого ты вообще не замечаешь, который просто работает где-то на фоне и не требует от тебя бесконечных кликов.

Прошло десять лет, и мы действительно пришли ктому самому «отсутствию интерфейса» — только совсем не так, как представлял себе Krishna, и уж точно не через какие‑то ambient‑девайсы и IoT‑хитрости. Мы просто вернулись в командную строку, потому что теперь там появился кто‑то, кто наконец‑то нас понимает.

Читать далее

Как сделать пак иконок для продукта с нуля до готовой библиотеки и не погрязнуть в бесконечных правках

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели5.9K

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

Читать статью

Тестирую Nano Banana на реальной UX-задаче → создать workspace и пригласить коллегу (B2B SaaS)

Уровень сложностиПростой
Время на прочтение52 мин
Охват и читатели14K

За 2025 год генеративные инструменты выросли не только по качеству, а по ощущениям в работе дизайнера (и не только для генерации КДПВ на Хабре). Я много времени провожу в AI-UI экспериментах и вижу, что решать прикладные UX задачи стало заметно проще.

Уже сейчас внятный lo-fi прототип можно получить быстрее, а дальше уже выбирать, как жить: отдавать фронтендеру, прогонять через Lovable, Cursor или v0, или же доводить руками до идеала.

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

Не пугайтесь 50 минутам прочтения: в статье много промптов, ИИ-ответов, всё аккуратно убрано под спойлеры → наверху только суть, остальное можно разворачивать и углубляться в детали.

Вперёд к эксперименту и выводам

MDSI Solver: сервис создания двусторонних мозаик из кубиков Рубика

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

В статье я рассказываю о программной реализации своего MDSI-метода (Mirror Dual-Sided Inverse), разработанного для сборки зеркальных двусторонних инверсивных паттернов на кубике Рубика. Программа MDSI Solver объединяет MDSI-метод и двухфазный алгоритм Герберта Коцембы (kociemba two-phase algorithm). MDSI-метод находит полное состояние кубика на основе двух заданных противоположных граней, а затем алгоритм Коцембы генерирует оптимальное или близкое к оптимальному решение, обычно составляющее 20 или меньше ходов для сборки паттерна. 

Сервис MDSI Mosaic Builder конвертирует изображение в сетку из кубиков Рубика и на основе MDSI Solver генерирует для каждого куба алгоритм сборки MDSI-паттерна. Таким образом, можно любое изображение конвертировать в двустороннюю мозаику из кубиков Рубика со схемами сборки каждого кубика.

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

Крутить кубик Рубика...

Лист формата А4 — мерило всех вещей

Время на прочтение5 мин
Охват и читатели22K

Бывает, когда требуется что-то замерить, я прибегаю к простому методу, который не слишком быстр, не слишком точен, не рекомендуется ни в одном официальном стандарте — но, всё-таки, ни разу меня не подводил. Опишу его здесь, хотя, даже просто называя его «методом», я уже немного его приукрашиваю. Пожалуйста, не пользуйтесь им, если нужно повесить шкафчики на кухне или вообще что угодно, на что вам придётся ежедневно глядеть в течение ближайших десяти лет. Из измерительных инструментов нам понадобится только лист формата A4 — и всё.

Читать далее
1
23 ...