Дизайн

Несмотря на наличие таких художников как Midjourney, инфографика по‑прежнему играет важную роль, ведь воспринимается в 60 000+ раз быстрее, чем текст. А сегодня как раз время коротких вертикальных видео:

ЦИФРЫ:

94% — больше просмотров, чем у публикаций без визуала;

6× — визуальная информация запоминается лучше, чем текст;

3× — выше вовлечённость: лайки, репосты, сохранения;

Рассмотрим 8 сценариев, когда инфографика полезнее текста.

В сети тысячи промптов для фотосессий, но почти все они выглядят примерно одинаково. «Гиперреалистичный портрет, 8K, кинематографический свет, красивая девушка, f/1.8.» Копируешь. Вставляешь. Получаешь пластиковое лицо которое выглядит так, будто его сгенерировал кто-то, кто никогда не смотрел на фотографию, которую любит. Это явно не тот максимум, который сегодня может выдать Gemini, ведь модель научилась отлично держать лицо. Пойдем за экспериментами. 

Мы прошли через всё что есть — Pinterest, TikTok, YouTube и ботов со своими коллекциями образов: 

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

Нейрофотосессия онлайн — это олицетворение сложного термина, но предельно простой задачи для ИИ, с которой сегодня может справиться почти любая популярная нейронка: от GPT Image до Midjourney. Проблема в том, что эти сервисы ориентированы на свою целевую аудиторию, и не доступны у нас на сегодняшний день. Впрочем, это не мешает нам делать студийные фотосессии, ведь у многих мировых движков есть API, которыми пользуются разработчики для создания своих сайтов, ботов, приложений. И их очень много. Однако, не все работают корректно и прозрачно. Собрали для Вас топ нейронок для создания фотосессий и бонус в виде промптов, которые сегодня «вирусятся» в сети. 

На связи Антон Черный, лид команды продуктового дизайна. На примере типовой задачи рассказываю, как мы пересобрали UX-процесс и ускорили проверку гипотез с помощью AI-first прототипирования.

Привет, Хабр!

У меня была довольно простая идея — сделать несколько принтов с хоккеистами. В итоге всё закончилось тем, что я превратил их в богов и собрал серию THE HOCKEY GODS SERIES.

1. Предисловие

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

Идея была такова: сделать небольшую коллекцию футболок с эпичными изображениями современных хоккеистов. Идея базировалась на трёх архетипах «Александр Овечкин — Архангел», «Здено Хара — Кибервойн» и «Виктор Хедман — Ледяной страж», но в процессе работы по ряду соображений (узнаваемость бренда у российский аудитории и некоторые сложности с результатами генерации по Здено Харе) я решил исключить всех иностранных хоккеистов или выделить их в отдельный блок. Таким образом, сейчас в коллекцию входят футболки со следующими хоккеистами: Александр Овечкин, Артемий Панарин, Сергей Бобровский, Павел Дацюк, Михаил Сергачёв и Евгений Малкин.

Психологи уверены: то, как мы воспринимаем происходящее, — в том числе заслуга шрифтов. Они могут быть холодными и отстраненными, теплыми и яркими. Сегодня поговорим о нескольких старых шрифтах и расскажем, как они были созданы.

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

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

Результат хорошего видео сегодня — это не столько про возможности ИИ, сколько про понимание его работы и логики выполнения поставленных задач. Поверьте, никто лучше самих ассистентов (GPT и Cloud) не понимает «потолок», который можно вытащить из нейронок. И вовсе не обязательно проходить курсы по промпт‑инжинирингу, чтобы научиться создавать или находить хорошие промпты для генерации видео — этому уже посвящены целые сайты, разделы в Pinterest. Мы решили собрать немного интересных идей в одном месте, посвященных видео, которые прямо сегодня «разрывают» Тик Ток и Ютуб. 

Сделать такие видео Вы можете в Fox AI — это бот, который включает разные движки самых популярных ИИ (Kling, VEO, Sora и другие). Работает в Telegram без ВПН;

Мы часто думаем, что плохой интерфейс — это про кнопки, цвета или сетку. Но чаще он ломается не из-за пикселей. А из-за того, что дизайнер не учитывает, как на самом деле работает мозг.

Пользователь — не машина. Он устает. Спешит. Тревожится. Делает выводы на основе первых впечатлений.

И вот здесь включаются когнитивные искажения. Разберём 5 самых опасных для UX.

В статье показан практический подход, который помогает сократить время на вёрстку, убрать лишние вопросы и сделать дизайн понятным без дополнительных объяснений. Если вы сталкивались с ситуациями, когда разработчик «не так понял макет», сроки вёрстки дизайна часто переносятся, коммуникация отделов дизайна и разработки хромает — этот материал для вас.

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

В предыдущей части мы разобрали:

Я люблю часы. Особенно, если это что-то про ретро-игры. Писал про свою коллекцию здесь.

Бренд Krayon, который известен тем, что его изделия способны вычислять продолжительность дня и ночи для любой точки Земли, представил часы Anywhere Pac-Man. Игровая механика стала частью расчета астрономических данных.

Механизм Krayon C030 умеет рассчитывать момент восхода и заката в любой точке Земли на основе геолокации. Индикатором дня/ночи стал Pac-Man. Он совершает полный круг по циферблату, и движется с разной скоростью в зависимости от реальной продолжительности светового дня в выбранном месте.

Привет, Хабр! Меня зовут Эльмира — сегодня я продуктовый дизайнер с грейдом сеньор. Но в моей семье до сих пор не знают, чем я занимаюсь и кто такой продуктовый дизайнер. И сама я в начале пути знала только выражение «Художник — от слова худо», и мечтала работать в Лаборатории Касперского (ЛК), но считала это недосягаемой фантазией. В следующий раз подробно расскажу о рутине продуктового дизайнера на примере одного спринта, а сегодня — история о том, как мне удалось двигаться в неизвестном направлении и изменить сценарий своей жизни.

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

Если в вашем коде и макетах до сих пор живут значения типа #0055FF — вы копите технический долг, ведь если понадобится изменить этот цвет на другой, придется менять и все компоненты, где используется это значение. А про разные темы вообще можете забыть...

В конце статьи будут ссылки на доп. материалы из реальных дизайн-систем, откуда я брал информацию.

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

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

Художники открыли эту логику первыми, когда наносили на холст сетку, пытались управлять светом через темную комнату – она же камера-обскура, а позднее превратили дискретность в художественный принцип. Затем пришла цифровая революция: пиксель стал матрицей чисел, стандартом тестирования и языком видеоигр. А сегодня пиксель вернулся туда, откуда появился, – в материальный мир, но уже как культурный феномен. Теперь пиксель можно держать в руках: это кубик Рубика или кирпичик LEGO. В этой статье мы пройдём путь от аналоговой сетки к цифровому пикселю и обратно… к кубику Рубика.

1.       Преамбула

В литературе по программированию считается хорошим тоном начать демонстрацию средств программирования с примитивной программы, выводящей на экран фразу "Hello, World!".

В разработке системы взаимодействующих движков на Elixir, о которой я писал в статье https://habr.com/ru/articles/1002748/, я как раз подошёл к вопросу отображения поступающих данных телеметрии на экран. Когда были готовы соответствующие базовые модули, я воодушевился идеей повторить знаменитый пример из учебника Кернигана и Ритчи. В результате у меня получилось следующее.

2.       Замысел

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

Термин сток заимствован из событийно-ориентированная архитектуры (EDA). Если угодно, то по-русски это будут выходные отверстий, куда данные "утекают". Напоминаю, что мы разрабатываем систему потоковой обработки данных, где данные находятся постоянно в движении.

3.       Систематизация аппаратных средств

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

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

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

Вот почему я решила вжиться в роль трейдера: пройти обучение, совершать сделки, фиксировать свои ощущения и страхи.

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

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

Меня зовут Ксюша Новосёлова, я отвечаю за направление обучения и развития UX-исследователей в Контуре. 

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

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

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