Обновить

Дизайн

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

UX-исследование первой сессии и активации в DeFi приложениях

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

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

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

Читать исследование

7 промптов для создания вирусных видео в Tik‑Tok и YouTube — бери и адаптируй под Grok, Kling, Veo или Sora

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

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

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

Читать далее

5 когнитивных искажений, которые ломают UX

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

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

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

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

Читать далее

Как я сократила время разработки на 50% одним решением

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

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

Читать

Дизайн интерфейса: когда изменения оправданы. Часть 2

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

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

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

Читать далее

Часы, как аркада. Krayon Anywhere и Pac-Man: гибрид механики и ностальгии

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

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

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

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

Читать далее

Мой путь от «обычной работы» в офисе — в продуктовый дизайн

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

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

Читать далее

Дизайн-токены: полный гайд по архитектуре и неймингу (CTI vs W3C) с примерами и задачками

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

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

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

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

Изучить тему

Как посмотреть! От аналоговой сетки к цифровому пикселю и обратно… к кубику Рубика

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

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

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

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

Крутим далее

Hello, World! Hello, World! Hello, в парадигме обработки данных в потоке

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

1.       Преамбула

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

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

2.       Замысел

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

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

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

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

Читать далее

Как иммерсивные исследования в трейдинге изменили наш взгляд на пользователя и продукт. Опыт БКС Форекс

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

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

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

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

Читать далее

Почему ваш монитор не умеет показывать бирюзовый (и ещё 65% цветов)

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

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

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

Читать далее

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

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

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

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

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

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

Читать далее

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

Дизайн интерфейса: когда изменения оправданы. Часть 1

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

До этого мы говорили о том, где лучше не экспериментировать. Но интерфейсы все же меняются — и иногда довольно радикально. Это подтверждается современными UX-трендами и анализом развития интерфейсных решений.

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

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

Хороший пример — автосохранение. Когда-то закрыть документ без ручного сохранения означало потерять работу. Сегодня автосейв — базовое поведение системы, о котором пользователь даже не задумывается. Та же история с бесконечной прокруткой. Infinite scroll начинался как экспериментальная альтернатива пагинации, а сейчас это норма для лент, каталогов и социальных сервисов.

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

Читать далее

Как создавать видео с помощью ИИ в 2026 году? Пошаговый гайд для новичков: обзор AI и ботов для генерации видео

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

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

Читать далее

Множество Мандельброта. Суперсэмплинг 2x2 (4 прохода). DwmFlush — синхронизация с монитором 60 fps

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

Множество Мандельброта. 80-бит FPU x87. OpenMP - параллельным программированием на уровне многопоточности. Синий, зеленый и красный - синусоидальными и косинусоидальными волнами: 127 + 127 cos(2 PI a / 255) и 127 + 127 sin(2 PI a / 255). DwmFlush - синхронизация с монитором 60 fps. Суперсэмплинг 2x2 (4 прохода). Делал я. Посмотрите - движется! Я сделал на g++. Свободно распространяемого компилятора языка C++. Скачайте и посмотрите! Это экзешник, в ГитХаб.

github: Download Latest Version Windows And Source code

Самое полезное - это увеличиваем / уменьшаем и центрируем. Вы на экран любое из множество Мандельброта. Какое вам нравится? Какое интересное? Вы можете все! И потом запишется в файл Mandelbrot.txt - три строки из файла. Вещественная часть центра и мнимая часть центра и ширина видимой области. Потом другая программа читает Mandelbrot.txt и создает Mandelbrot.bmp и уже не суперсэмплинг 2x2 (4 прохода) а 8x8 (64 прохода)!

Читать далее

Как заставить фото говорить через ИИ на русском языке: 3 простых варианта

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

Интернет постепенно «поглощают» видео с танцами и разговорами от ИИ, и каждому рано или поздно хочется тоже проявить свои творческие задатки и познакомиться с генераторами видео поближе. Однако, сервисов настолько много, что приходится тратить уйму времени на поиск подходящего, а потом выясняется, что он требует ввода данных карты после регистрации, а еще и не все принимает… В этой публикации постараюсь просто и доходчиво объяснить как заставить любое фото говорить с помощью ИИ на русском языке, и без танцев с бубном. А если все‑таки решите попробовать топовые модели самостоятельно, то расскажу, как это сделать. 

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

От английского lip sync означает синхронизация губ. Это техника, при которой движения губ человека синхронизируются с заранее записанным звуком (речью, пением или другим аудио).

Читать далее

Как сделать фотосессию в ИИ самой себе — лучшие нейронки и идеи для нейрофотосессий

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

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

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

Читать далее

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

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

В этой части наших цветовых хроник Ученик Пиксель вместе с Трёхликим Буддой продолжат разбирать завалы терминологического навоза, в котором тонут и профи, и дилетанты. Сложная терминология цифрового цвета, будучи пропущенной через призму гайдуковского абсурда, — как белый свет раскладывается стеклянной призмой на спектральных парней, — рассыпается в такие же понятные составляющие: вопросы, ответы и сюжеты про уже знакомых вам по первой части героев. Вопросы становятся сложнее, а ответы — как всегда, просты и циничны. Заваривайте чай (желательно трёхкомпонентный) и ныряйте в глитчи 11-19.

Читать далее

Какие всплывашки и нотификации особенно вредят фокусу у программистов. Обзор исследований

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

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

Читать далее