Обновить
128K+

Интерфейсы *

То, что помогает ориентироваться

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

От одной маленькой идеи до 20 000 пользователей: как я делаю плагины для Figma

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

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

Когда в работе постоянно повторяются одни и те же действия, рано или поздно начинаешь думать, как их убрать. В этой статье я рассказываю, как из мелких раздражителей в Figma выросли мои собственные плагины: от простых утилит до ShapeFlow, которым сейчас пользуются 20 000+ дизайнеров. Заодно делюсь тем, как вайб-кодинг помог мне быстрее проверять идеи, собирать инструменты под свои задачи и по-другому смотреть на привычную дизайнерскую рутину.

Читать далее

Новости

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

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

Я продуктовый дизайнер, больше шести лет делаю SaaS. Программировать умею, но фулстек-разработчиком себя не назову. Уже несколько месяцев я в одиночку делаю Котомку, планировщик жизни по методу PARA: сферы, проекты, задачи, календарь, привычки, финансы. Есть веб, мобильная версия, синхронизация между устройствами и с Google и Apple календарями. Почти весь код пишет Claude Code. Я ставлю задачи, проверяю результат и принимаю решения.

Читать далее

Как я пыталась разобраться в Claude Code, а в итоге сделала плагин для Figma

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

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

А в итоге разобрала файлы проектов Claude Design по кусочкам, потратила месяц на отладку и сделала плагин, который переносит готовый проект из Claude Design прямо в Figma — с редактируемыми слоями, auto‑layout, текстами и данными.

Читать далее

Двухпанельный файловый менеджер на Delphi. Из NDN с любовью…

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

Знаете это царапающее чувство, когда в 2026 году открываешь проводник Windows с вкладками, ждешь пару секунд, пока он сообразит отобразить сетевой диск или каталог с громадным репозиторием, и ловишь себя на каком-то тихом раздражении? Где нужный файл? А вот он! И что? Щелкаешь на него и ждешь еще 1-2 секунды для запуска сторонней программы для работы с этим. А еще... Где это нужное сейчас окно проводника? А вот оно! Так, а где предыдущее окно? Так, закрываем все и переоткрываем только нужные окна! Тааак....

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

Я пользуюсь двухпанельными менеджерами прямо-таки с момента появления в России Нортона (ну и потом безусловной замены на Волкова) и как программист всегда искал подобные инструменты по ходу развития операционных сред.

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

Читать далее

SoftSerial: Программный UART на STM32

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

В этом тексте я написал про то как реализовать программный UART на микроконтроллере.

Порой возникает ситуация, что тебе дают электронную плату, а там на отладочный разъём не выведен никакой аппаратный UART. При этом предстоит сложнейшая отладка прошивки и надо помощь shell терминала, которую банально некуда вывести.

В этом случае одним из решений может быть пуск программного UART.

Вот об этом и текст.

Читать далее

Python Tkinter: как перестать бояться Canvas и начать рисовать интерфейсы

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

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

Из экономики можно подчерпнуть то, что существует три типа реализации продукта/модели взаимодействия на рынке: от бизнеса к бизнесу, от бизнеса к потребителю и от потребителя к потребителю (последнее – допустим, доски объявлений, тот же Авито). По части ПО мы имеем нечто похожее: от программиста к программисту, от программиста к пользователю, от пользователя к пользователю. Например, когда одни программисты создают библиотеку или новый усовершенствованный ЯП – они нацелены прежде всего на аудиторию программистов. А если идёт разработка ПО для создания и редактирования графических объектов (тот же Photoshop) – то главной аудиторией является пользователь в самом широком смысле этого слова. От пользователя к пользователю же – это когда один юзер отправляет другому программу на Visual Basic для анализа чего бы то ни было в Excel (либо других таблицах).

Проблема какая, прежде всего: мы любим, когда всё видно, существует логика, последовательность, в общем – когда ПО напоминает больше музыкальный инструмент, а не набор функций (последнее примемлемо только для библиотек Python – но даже они соревнуются в понятности между собой). В общем, никому не нужен инструмент, которым непонятно, как пользоваться. И если в связке программист-программисту это не так страшно (хотя неприятно, те же IDE штука полезная), то создание ПО для массового пользователя без интерфейса – это означает создание ПО, которое не откроют никогда. Ваш автомобиль может быть шикарен в большинстве своём, но если человек не понимает, как открыть дверь и где там вообще руль – это провал. А если вы вдобавок выдадите ему вместо объяснений 200-ти страничный документ – провал вдвойне, опять же, если речь про классического потребителя.

Читать далее

Скрипт для Linux, переназначающий клавиши Shift, Backspace, стрелки и мышку на клавиши домашнего ряда

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

При печати руки сдвигаются или отгибается кисть к клавишам Shift, Backspace, стрелкам. Это неизбежные перемещения, даже если вы печатаете вслепую. В свое время я задался вопросом, а насколько эти движения неизбежные. С помощью autohotkey написал скрипт, который переназначил Shift прямо под мизинцы, то есть на клавиши «A» и «;».

Теперь мне не надо было изгибать кисть к шифтам, чтобы печатать заглавные буквы и спецсимволы. Затем я переназначил Backspace, затем Enter, как самые часто используемые клавиши, требующие изгибания кисти вправо. И так за пару месяцев я полностью перенес все функциональные клавиши на слои.

Читать далее

Шахматы голосом: как объяснить Алисе ход, если игрок не видит доску

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

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

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

Avalonia UI и Linux Embedded: делаем Grafana-дашборд на старом Raspberry Pi и древнем 32-битном OrangePi

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

В этой статье расскажем, как сделали информационную панель для офиса. Мы написали приложение на Avalonia UI, которое забирает данные из Grafana через REST API и рисует их напрямую, а затем запустили его на старых одноплатных компьютерах — без браузера, рабочего стола и оконного менеджера.

Читать далее

Ремонт воронки Twinby: как снять страх первого сообщения и пересобрать монетизацию дейтинга

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

Я писала статью о том, почему УТП Twinby не работает, а сегодня хочу поделиться идеями, что можно сделать, чтобы повысить вовлечённость пользователей.

Привет! Меня зовут Маша, я Senior Product Manager и разбираю только те продукты, над которыми сама хотела бы поработать, так как ими пользуюсь, люблю и вижу, где есть потенциал роста. Мне драйвово искать для них решения, которые выводят продукт на новый уровень не только по деньгам, но и по UX и любви пользователей. Мои другие разборы: «Рейтинг ни на что не влияет»: Почему Яндекс.такси выбирает газлайтинг вместо честного UX и Кэшбек Шрёдингера и молчаливые проценты: Dark Patterns в банкинге.

Читать далее

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

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

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

Подробнее о контрастных пятнах

История продолжений: что после действия участвует в следующем ходе

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

В «Архитектуре продолжений» вопрос был о том, какой следующий ход среда делает легче. Здесь — следующий слой: откуда берётся эта подготовленность, что остаётся после уже совершённого действия и как оно меняет условия будущих продолжений.

"Мой" ход

Извлечение генома стиля в Chat GPT: от референса до готового скила

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

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

Подробнее о геноме стиля

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

Прозрачный Яндекс.Навигатор: эстетика iOS против читаемости на дороге

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

Еду я недавно за рулём. За рулём у меня основное внимание — на дорогу, на навигатор только немного покашиваюсь, а тут ещё дорога вроде знакомая. И вдруг, краем глаза замечаю (именно такая мысль пролетела), что навигатор сбросил дорогу! Первая реакция — паника. «Что случилось? Я ничего не меняла. Как так?! Вдруг просто пропал маршрут?! Вот сейчас я знаю дорогу, а если бы не знала?! Это постоянный баг?! Как теперь водить?!». Я паникёр) Стала всматриваться — оказалось, что это не баг, а фича — теперь под мостом Яндекс блурит маршрут, чтобы пользователь понимал — он под мостом. Но не зная об этой фиче, первое, что бросается в глаза, особенно если смотреть в пол‑глаза — так это отсутствие привычного контраста.

Привет! Меня зовут Маша, я Senior Product Manager и разбираю только те продукты, над которыми сама хотела бы поработать, так как ими пользуюсь, люблю и вижу, где есть потенциал роста. Мне драйвово искать для них решения, которые выводят продукт на новый уровень не только по деньгам, но и по UX и любви пользователей. Мои другие разборы: Как я искала точки роста для «Звука»: догонять рынок или создавать новый? и ВкусВилл: UX, который покоряет, и ложка дёгтя в офлайне. 

В этой статье сделаю короткий обзор UX и какую метрику нужно оптимизировать в навигаторах.

Читать далее

Я три раза переделал обучение в своём микропроекте и до сих пор не знаю, стало ли понятнее

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

В моём тренажёре памяти и фокуса некоторые пользователи не понимали даже, как запустить тренировку. Я решил, что нужно больше объяснений, и сделал целую «Академию». Теперь люди пролистывали теорию и уходили, не добравшись до практики.

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

Читать далее

100% совместимость, 0% свиданий: разбор Twinby

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

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

Привет! Меня зовут Маша, я Senior Product Manager и разбираю только те продукты, над которыми сама хотела бы поработать, так как ими пользуюсь, люблю и вижу, где есть потенциал роста. Мне драйвово искать для них решения, которые выводят продукт на новый уровень не только по деньгам, но и по UX и любви пользователей. Мои другие разборы: «Рейтинг ни на что не влияет»: Почему Яндекс.такси выбирает газлайтинг вместо честного UX и Кэшбек Шрёдингера и молчаливые проценты: Dark Patterns в банкинге.

Читать далее

Зачем я добавил диван в калькулятор ремонта

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

У ремонта есть неприятная привычка: ответ на один вопрос почти сразу порождает следующий.

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

С этих вопросов мой «Мастерок» и начал обрастать раскладками, объёмными комнатами и другими инструментами. С 17 августа по 16 сентября на сайте было 6 536 посетителей. В сравнении, которое показывает Метрика, это рост на 26,32%. Платное продвижение я не запускал. Большинство посетителей приходит из поиска.

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

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

Читать далее

Ваш диалог подтверждения читают за триста миллисекунд. То есть не читают

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

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

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

Первым делом я предложил переписать текст короче и понятнее. Мы переписали. Время не изменилось.

Читать далее

Я добавил монитор, которого не существует. EvertyDisplay и пространство за краем экрана

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

С Вами Артур Валиев V.

Когда-то давно я начинал писать музыку на пятнадцатидюймовом ЭЛТ-мониторе. Кажется, это был какой-то старенький 550S — огромная тяжёлая коробка с выпуклым стеклом, занимавшая приличную часть стола.

А ещё у меня был диск.

Один из тех дисков из далёкого и уже почти забытого компьютерного прошлого: сборник программ, который мой брат когда-то купил на Горбушке. Я не знаю, зачем он его купил. Диск несколько лет лежал среди игр, драйверов и прочего компьютерного хлама, пока однажды после игр, учёбы и обычной подростковой суеты мне просто не стало скучно.

Я достал его и начал устанавливать всё подряд. Среди программ оказалась FL Studio, кажется, третья версия. Поставил совершенно случайно, открыл, ничего особенно не понял и начал стучать по барабанам.

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

Зачем я вообще начинаю статью про системное приложение для Windows с какого-то старого диска и ЭЛТ-монитора?

Потому что эта статья на самом деле не столько про мониторы.

Она про пространство.

Читать далее

Можно ли спроектировать интерфейс для более ответственных решений?

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

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

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