Проектирование UI/UX и дизайн

При разработке AI-продукта мы столкнулись с неожиданной задачей. Выбрать LLM оказалось проще, чем выбрать интерфейс для работы с ней. Готовые AI-чаты хорошо подходят для диалога с одной моделью, но начинают ограничивать продукт, если в нем появляются несколько агентов, сложные сценарии и промежуточные этапы работы. Разбираем, почему мы остановились на assistant-ui вместо Open WebUI и какие выводы сделали в процессе.

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

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

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

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

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

Представьте: в отчете о продажах появляется таблица. Формально - все на месте. Данные корректные, структура логичная, визуальный порядок соблюден. Но стоит открыть документ, как чтение превращается в маленький квест: взгляд блуждает, сравнивать показатели не очень удобно, главное не сразу считывается.

Почему так происходит? И главное - что именно в таблице мешает работать с ней быстро и уверенно?

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

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

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

В нашем послужном списке есть В2С веб-продукты. Например, продуктовый сайт для широкой аудитории, которому крайне важна скорость и отзывчивость. А кроме того важно быть в ТОПе выдачи. Как нам в этом помогает SSR, рассказываем  новой статье.

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

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

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

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

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

Подробно рассказываем, как у нас в True Engineering выстроена работа над дизайном, почему важно проводить UX-исследования и какие возможности Figma делают этот инструмент незаменимым для разработки приложений.

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

Команда True Engineering оптимизировала процедуру урегулирования по каско в приложении. Теперь все известные данные о втором участнике ДТП можно будет указать на этапе заполнения заявки. В результате специалисты Ингосстраха сразу будут получать всю необходимую информацию, скорость обработки заявок возрастет, а клиенты, в свою очередь, смогут избежать лишних звонков от операторов.

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

Спроектировать UX – значит продумать, как ведёт себя продукт во всех сценариях, каким тоном говорит с пользователем, как присылает сообщения, не раздражает ли по мелочам. Сегодня расскажем, по каким правилам мы строим сервисы, чтобы пользователям было приятно с ними работать.

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

В конце июня в Москве прошла крупная конференция о дизайне Mail.ru Design Conf × Dribbble Meetup 2019. Записи с трансляции уже в сети, поэтому мы выбрали самые интересные доклады, чтобы вам было удобно ориентироваться. Расскажем о них подробнее в статье. 

Дина Мильштейн, руководитель отдела дизайна, рассказывает об этапах разработки UI/UX мобильных приложений в True Engineering.

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

Создание единой UI/UX-системы для разных приложений заказчика:  какие принципы в нее заложили и как технологично упаковали дизайн-экосистему