Как стать автором
Обновить
79.21

Интерфейсы *

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

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

Борьба с перерендерами в React

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

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

Читать далее

Новости

ИИ-комбайны: будущее сервисов «одного окна» доступа к разным нейросетям

Время на прочтение5 мин
Количество просмотров950

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

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

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

Читать далее

Инклюзивный дизайн финтех-продуктов: как забота может добавить бизнесу новых клиентов (если сделать все правильно)

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

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

Погружаемся

Как устроена дизайн-система в T2

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

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

Читать далее

Истории

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

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

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

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

Читать далее

Разработка графических интерфейсов с использованием facefull для нативных приложений под ОС Нейтрино

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


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


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


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


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

Читать дальше →

Как проектировать скелетоны

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

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

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

Научиться

Как увеличить производительность и экономическую эффективность UX-исследователя? Эвристики, демонология и нейросети

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

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

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

Хочу узнать ответы

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

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

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

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

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

Читать далее

Современные подходы к управлению UI: low-сode & Backend-Driven UI

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

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

Читать далее

UX-ошибка стоимостью 900 миллионов: как сгорел Собор Парижской Богоматери

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

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

Читать далее

Что рассказали технологи про интерфейсы на производстве

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

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

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

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

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

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

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

Читать далее

Как оценить качество чат-бота? Бот с LLM vs бот на интентах по новой методологии usability-тестирования

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

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

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

Читать далее

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

Как форматировать и валидировать JSON, в SublimeText. Как добавить сочетание клавиш для команд в SublimeText

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

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

Читать далее

AI, макеты и дедлайн: как за 8 часов исследовать продуктовый сценарий, нагенерить идей и взяться за макеты

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

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

Читать далее

6 альтернатив swiper в 2025 году

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

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

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

Читать далее

Тренды веб-дизайна в 2025 году

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

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

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

Читать далее

Три кита Ozon: BX, SX и Warehouse, или Как происходит работа с дизайн-системами и UI-kit в разных структурах Ozon

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

Всем привет! 

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

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

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

Читать далее

Экзамен по высшей математике: от страха к уверенности за короткий срок

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

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

Читать далее

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

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

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

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

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