Обновить
91.06

Интерфейсы *

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

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

Недавно потенциальный клиент спросил, сколько стоит час моей работы

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

— Я не продаю часы, — ответил я.

— Ну хорошо, тогда что насчёт дней, недель, месяцев? Мне нужно хоть что-то, чтобы прикинуть потенциальные расходы.

— Я обычно оцениваю работу под ключ. Часовой ставки у меня нет.

— У всех есть такая ставка, хотят они того или нет.

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

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

Почему же я сразу не назвал своей часовой ставки?

Читать далее

Кликджекинг по двойному щелчку. Новый приём обманного UI

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


Кликджекинг (подделка UI) — известный приём обмана пользователей интернета, когда поверх видимой страницы располагается невидимый слой, куда загружается фальшивка. То есть пользователю кажется, что он вводит пароль на доверенной странице, но на самом деле вводит его в стороннюю форму, которая принадлежит злоумышленнику.

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

Однако несколько месяцев назад в Сети впервые замечены случаи кликджекинга по двойному щелчку. Вредоносные действия выполняются в промежутке между первым и вторым кликами незаметно для жертвы. Более продвинутая версия атаки работает практически на всех сайтах и в любых браузерах.
Читать дальше →

UX не так прост. 18 примеров темных паттернов

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


Темные паттерны, также известные как обманные или манипулятивные, — элементы UX-дизайна, которые подталкивают (может и не умышленно) пользователей к действиям, которые те не планировали совершать.

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

В краткосрочной перспективе такой подход вполне может принести выгоду вроде роста продаж или вовлеченности. А что в долгосрочной? Подрыв доверия и вред пользователям? Под катом разбираем, что такое темные паттерны, оцениваем их распространенность и рассматриваем 18 конкретных примеров.
Читать дальше →

AI в повседневной жизни и работе: опыт продуктового дизайнера на примере реальных кейсов

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

Помимо рабочих задач, я веду еще несколько проектов и учусь на 4 курсе в универе. Чтобы быстро решать мелкие вопросы по всем этим направлениям, я использую ИИ. В статье хочу рассказать о нейросетях, которые использую не только в работе, но и в повседневной жизни, речь пойдет и о бесплатных ии, у которых выдача порой лучше, чем у GPT Pro.

Читать

Внедряем Product Score: как комплексно оценивать UX, UI и CX продуктов (своих и не только!)

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

Опыт пользователя — понятие составное. В случае с ИТ-продуктами это и про логику интерфейсов, и про типографику, и про специфику дизайн-системы; наконец, в целом про то, как клиент воспринимает продукт, начиная с этапа его поиска/приобретения.

На уровне отдельных аспектов оценивать UX, UI и CX нам помогают те или иные виды исследований. Но когда речь идёт о разноплановых продуктах с различными пользовательскими сценариями, задумываешься об унификации. Возникает вопрос: можем ли мы оценивать опыт пользователя комплексно — по единым критериям и в рамках одной методологии?

В Сравни для решения этой задачи мы разработали и внедрили Product Score — скоринговую модель оценки UX, UI и CX. С её помощью получаем независимую оценку продуктов, формируем конкретные гипотезы по развитию пользовательского опыта и пополняем бэклог улучшений.  

Под катом рассказываем, как устроен наш Product Score. И подробно раскрываем методологию оценки на практических примерах.

Читать далее

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

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

Привет, Хабр! Меня зовут Вячеслав. В какой-то момент мне надоел произвол, творимый управляющей компанией в доме, где я живу. Вечная грязь, обшарпанные коридоры, отсутствие видеонаблюдения, эпопеи в случае аварий с отоплением, водоснабжением, электрикой. Я задался вопросом: “А можно ли в принципе как-то решать эти проблемы?”. Оказалось, можно! В статье расскажу, как я начал борьбу с управляющей компанией за комфортную жизнь. А начал я с самого сложного - организовал собрание собственников. Да, звучит страшно! Некоторые боятся даже думать о том, что их ждет, если они возьмутся за этот вопрос. Но не тот это черт, которого надо бояться, с ним надо просто разобраться! Вооружившись сильным желанием, энтузиазмом, законами и знаниями, я преодолел этот путь, а значит, и вы сможете. В статье расскажу, что вас ждет, если вы решите сменить управляющую компанию, какие подводные камни и неожиданные повороты могут встретиться на этом пути, как можно оптимизировать процесс и не потратить все свои нервы. А если останутся вопросы, с радостью отвечу на них.

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

1. Начало

Я живу в Санкт-Петербурге, в небольшом 14-ти этажном кирпичном доме 70-ых годов постройки. Дом в спокойном спальном районе с малоэтажной застройкой, вокруг много зелени, детских площадок, в соседних кварталах торговые центры, поликлиники, фитнес-центры.  В самом доме всего 97 квартир с удобными планировками, два лифта, мусоропровод. На площадке всего по 7 квартир, нет ощущения общежития. С соседями по этажу быстро сложились дружеские отношения.  Единственная проблема – плохая работа управляющей компании. Надоела вечная грязь в холле, в лифтах, на этажах, периодически забитый мусоропровод. На придомовой территории вечно разбросанный мусор. В случае аварий чаще всего проблемы приходится решать самим жителям (отопление, вода, электрика). О текущем ремонте вообще бесполезно говорить. Даже простейшие работы вроде замены перегоревшей лампочки и замены разбитого стекла выполняется в среднем за полгода.

Читать далее

Что скрывается за разъёмом USB: просто о сложном

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

За знакомым портом может скрываться как устаревший USB 2.0, так и современный USB4 или Thunderbolt 4. В этой статье — просто и понятно о версиях USB, скорости, зарядке, передаче видео и всей той путанице, которую устроили маркетологи. Если вы хотите раз и навсегда понять, что означают все эти gen1/gen2, Power Delivery, SuperSpeed++ и 80 Gbps — вам сюда.

Читать далее

Насколько безопасен ваш ИИ? Анализ угроз Model Context Protocol (MCP)

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

Скорее всего, за последние месяцы вы уже сталкивались с аббревиатурой MCP (Model Context Protocol). Что это такое — просто очередной API или действительно что‑то стоящее внимания? В этом материале мы разберёмся, что такое MCP, почему благодаря нему LLM становятся мощнее, а также рассмотрим основные угрозы и уязвимости безопасности.

Если Вы уже знакомы с MCP, можете сразу переходить к разделу «Моделирование угроз». Тем не менее, советуем сначала ознакомиться с разделами «Sampling (выборка)» и «Композиция (composability)», — они раскрывают новые, довольно необычные векторы атак.

Что, и здесь?

Практическое руководство по иконкам в веб-проектах — Часть 1

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

Иконки — это простой, но мощный инструмент, который помогает пользователю быстрее ориентироваться в интерфейсе.

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

Читать далее

Стеклянный фасад Apple: почему новый дизайн iOS 26 и macOS — красивая ошибка

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

Apple на WWDC 2025 представила радикальный редизайн Liquid Glass. Разбираемся, почему эта красивая концепция может стать провалом с точки зрения юзабилити и доступности, анализируем реакцию сообщества и вспоминаем, почему мы уже видели нечто подобное (и это плохо кончилось).

Читать далее

Что должен знать продакт о машинном переводе интерфейса: кейс с результатами

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

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

Но можно ли использовать машинный перевод в интерфейсе — самой чувствительной части продукта для пользователя?

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

Читать далее

Части одного пазла

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

Привет! Меня зовут Катя Матвеева, я стажер ux-исследователь (исследователь цифровых интерфейсов) в дирекции digital мобильного оператора t2. В этом посте расскажу, как мы в дирекции смотрим на веб и мобильное приложение. 

Спойлер: для нас это не конкуренты, а части единой стратегии.

Читать далее

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

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

Всем привет! Меня зовут Александр Бондаренко, работаю CPO в Garage Eight. Это следующая статья из цикла про то, как строить продукт. Как и другие современные компании, мы постоянно ищем способы улучшить свои продукты. Но бесконечные улучшения могут навредить. Почему? И где та точка, в которой нужно остановиться? Разбираю в статье.

Поехали!

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

Как мы пересоздавали читалку Яндекс Книг

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

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

Статья будет интересна фронтенд‑разработчикам. Из неё вы узнаете, как создать универсальное ядро для веба и натива, получить вместо запутанных асинхронных вызовов чёткие последовательности действий и убрать визуальные артефакты при одновременных пользовательских действиях.

Читать далее

Отличия WB и Ozon глазами дизайнера интерфейсов

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

Несколько месяцев назад передо мной поставили задачу - разработать корпоративный маркетплейс. Нужно было изучить всех конкурентов, включая Яндекс маркет, Озон, ВБ и Мегамаркет. И какие выводы сделала наша команда разработки: Озоном пользуются мужчины, а ВБ - женщины, дальше я опишу почему

Читать полностью

Настраиваем много виртуальных рабочих столов (Spaces) на macOS

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

Настраиваем рабочие столы (Spaces) на macOS.
Не всем нужно сразу несколько мониторов, часто удобнее использовать один.
О том, как делать это эффективно, читайте далее.

Monitor Wall Stock photos by Vecteezy

Читать далее

Бенто-дизайн: как японские ланч-боксы завоевали мир интерфейсов

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


Суши, самураи, аниме — японская эстетика давно покорила сердца по всему миру. Но есть еще одна тенденция, которая стала культурным феноменом: бенто‑дизайн. Тот самый аккуратно расставленный рис, овощи и кусочки рыбы в одном ящичке вдохновили не только гурманов, но и UI‑дизайнеров по всему миру.

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

«Где мои strings, чувак?» Или как организовать удобную работу команды по локализации интерфейсов мобильных приложений

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

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

В мобильных приложениях весь текст, который видит пользователь, разработчики хранят в виде строк — strings. Когда приложение работает только на одном языке, процесс относительно простой: дизайнер обновляет тексты в макетах, разработчики — в strings.

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

В этой статье дизайнер интерфейсов CleverPumpkin Фёдор Миронов, расскажет, как наша команда справляется со сложностями локализации — путь от макета в Figma до финальной сборки на Android и iOS. Как синхронизироваться с разработчиками и переводчиками? Почему Crowdin стал нашим незаменимым инструментом и как с его помощью команда избегает хаоса, экономит время и ресурсы, повышает качество перевода и ускоряет релизы.

Читать далее

Дуалистическое мышление в дизайне: как мыслить в две стороны одновременно

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

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

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

Читать далее

Виджеты в Figma без знаний кода: мой путь от вопроса до решения

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

Создание виджетов в Figma — задача нетривиальная, особенно если ты не разработчик...

Привет, Хабр! Меня зовут Султан, я продуктовый дизайнер в PIX Robotics, где работаю над продуктом PIX Процессы.

Недавно, листая ТГ-канал друга, я наткнулся на интересный виджет в Figma. В голове сразу промелькнула мысль: «Вау, а как это вообще сделать? Это же крутая штука, и она точно нужна моей команде!»— и меня затянуло в воронку изучения темы.

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

Читать далее