Интерфейсы *

На тему мемоизации написано довольно много статей, и все они хорошо раскрывают суть. Но мне часто не хватало шпаргалки, которую можно отправить на вопрос «А как мемоизировать?». В статье речь пойдет исключительно о функциональных компонентах.

Со дня релиза OpenAI ChatGPT 30 ноября 2022 года не прошло и 2,5 лет, а прогресс в сфере LLM уже начал приобретать нездоровые черты:

1) всего за два года идея опенсорсного ИИ, открытости в разработке ИИ, была заброшена, кооперацию отбросили в пользу конкуренции, и даже OpenAI теперь противоречит собственному названию, не говоря про соперничающие с ним проекты из Кремниевой Долины. Выход принципиально опенсорсного DeepSeek стал первым контрударом по этой тенденции, в защиту принципов открытости и кооперации в разработке ИИ.

2) фрагментация рынка. С точки зрения масс и массового применения, куча нейросетей — это помеха, а стремление каждой корпорации сделать свою закрытую нейросеть, не предполагающее никакой совместимости нейросетяй конкурирующих корпораций, в совокупности только препятствует их внедрению. И даже DeepSeek, будучи единственным опенсорсным проектом в окружении закрытых систем, ситуации не меняет, а только добавляет ещё одну нейросеть к и без того сложному для нормиса выбору. Отсюда — спрос, и даже необходимость ИИ-комбайнов — сервисах, объединяющих «в одном окне» сразу несколько нейросетей. А начинающаяся война цен API обещает им большое будущее.

Привет, Хабр. Я Мария, UI/UX и коммуникативный дизайнер в Clevertec, а еще исследователь по натуре. В этой статье я поделюсь своими находками и выводами об инклюзивном дизайне: что это такое, действительно ли компаниям выгодно вкладываться в адаптацию своих решений под людей с дополнительными потребностями и как на практике это реализуют в разных странах.

Всем привет! Я Сережа Осипов – лид направления дизайн-системы в t2. В этой статье расскажу о том, с чем мы пришли к моменту разработки дизайн-системы, какие сложности у нас были, из чего состоит сейчас наша ДС и как мы внедрили ее в нашу работу.

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

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

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

С помощью библиотеки facefull можно создавать современные графические пользовательские интерфейсы с использованием технологий HTML, CSS и JS как для веб, так и для нативных приложений. Библиотека содержит более 30 различных визуальных компонентов с огромными возможностями кастомизации. Все компоненты адаптивные и отлично подходят для использования с разными разрешениями экрана, а также с тачскринами.

Библиотека обладает исчерпывающей документацией, а ее исходный код доступен в публичном репозитории.

В случае с нативными приложениями, в качестве рендера интерфейса выступает системный веб-движок, в случае Нейтрино — это WebKit. В Нейтрино имеется поддержка Qt5, поэтому самый простой способ отображения такого интерфейса — использование компонента QWebView. Недавно мы рассказывали о нашем инструменте мониторинга аномальной активности, пользовательский интерфейс графического приложения разработан с использованием facefull.

Хабр, привет, это снова я! Меня зовут Антон, я дизайнер b2b продуктов в X5 Tech. Мне нравится моя работа и я стараюсь проектировать реализуемые интерфейсы, поэтому постоянно закапываюсь в технические нюансы.

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

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

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

Однажды в B2B‑продукте…
— Давайте сделаем красиво!
— Ха‑ха, нет.

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

Но давайте разберёмся, почему так происходит?

Привет, меня зовут Михаил Шевченко. В Авито я проектирую и разрабатываю backend low-code платформы Bricks. В этой статье рассказываю о том, почему в Авито было принято решение развивать собственные low-code-решения и Backend-Driven UI, объясняю их устройство и делюсь достигнутыми результатами.

Я думаю, многие в курсе о том, что недавно в Париже торжественно открыли отреставрированный после большого пожара Собор Нотр-Дам-де-Пари. Однако знаете ли вы, что пожар не успели вовремя потушить, так как новый охранник получил от сигнализации код ZDA-110-3-15-1 (привет UX!) вроде как указывающий на точное место возгорания. Но охранник не смог его интерпретировать и 30 минут просто искал, где это место. За это время пожар успел разгореться и потушить его уже не получилось. На реставрацию потратили более 900 миллионов долларов. Хорошая цена за плохой UI/UX, не правда ли?

Технологи — особенные пользователи. У них огромная ответственность, руки в перчатках, на лице — защитные очки. В цехе полутемно или светится раскалённый металл, а им нужно отследить сотни параметров техпроцесса. И им очень хочется, чтобы всё работало как часы. Правда, представления об идеальной работе у них сильно отличаются от привычного UI/UX. 

Некоторые мастера внезапно просили нас усложнить интерфейсы. 

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

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

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

В цехах мы узнали ещё много нового про UI/UX, а заодно про себя и свою работу.

Привет, Хабр! Я Юля, дизайнер диалоговых интерфейсов в Just AI. Мир захлестнула LLM-волна, и сфера чат-ботов оказалась в самом ее центре: все больше компаний хотят внедрять именно генеративные решения.

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

Предусловие перед тем, как начать: надеюсь, у вас уже скачан sublimetext или скачайте sublimetext с официального сайта.

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

Уже почти два года я не писал приложения на традиционном React стэке. Решил попробовать использовать современные практики: сделал небольшой ленгдинг с формой. И получил JS файл 500 килобайт!

Мне нужен swiper для плавной анимации переключения между "нативными" окнами. Но один swiper весит 80 килобайт. В связи с этим решил провести сравнение и найти хороший аналог.

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

Ниже 9 актуальных трендов, предлагающих синтез смелых идей и практических решений.

Всем привет! 

Меня зовут Курилкина Арина, я почти год являюсь фронтенд-разработчиком интеграционных и инфраструктурных сервисов склада. Также я 2,5 года разрабатывала мессенджер для сайтов Покупателя (Buyer Experience или же, как мы у себя говорим, — BX) и Продавца (Seller Experience — SX). Таким образом, я успела поработать с продуктами трёх крупных структур Ozon: BX, SX и Warehouse (Складские сервисы*).

Каждая структура уникальна, имеет свои потребности, свои проблемы и свои решения. И каждая является неотъемлемой частью функционирования компании Ozon. Своеобразные три кита, на которых стоит маркетплейс. Поработав с каждым из них, я посмотрела на клиентскую разработку и на работу с дизайн-системами и UI-kit’ами, в частности, с разных сторон. И теперь я хочу поделиться своим опытом.

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

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

Что такое онбординг и почему он вам точно нужен. Рассказали лид web-дизайна  и дизайнер интерфейсов мобильного приложения T2.Digital. 

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