BA + UX: смешать, но не взбалтывать. Как мы объединили дизайн и аналитику на примере очень запутанной фичи

Хоттейк: важная проблема работы с UX – нехватка коллективных процессов. Например, аналитики ставят задачи на реализацию интерфейсов без вовлечения дизайнеров, а команды работают изолированно, перебрасывая этапы по цепочке. Такой подход приводит к потере контекста, нестыковкам и лишним итерациям. Но есть альтернатива — совместная работа над дизайном и аналитикой с самого начала, включая конкретные этапы исследований (подготовка гайда, интервью и тд). Спойлер: мы выбрали этот вариант:) Меня зовут Света Самойленко, я старший дизайнер-аналитик пользовательского взаимодействия и лид пользовательских исследований в настольных редакторах МойОфис . Это сложный продукт на кросс-платформенном C++17-ядре (Qt5/QML для десктопов, Kotlin/Swift для мобильных платформ), веб-версия использует TypeScript/React с WASM-компиляцией ядра. Сегодня расскажу, как мы вместе с бизнес-аналитиком наладили процесс проектирования через исследование — на примере одной (очень запутанной) фичи: фильтрации данных. Под катом разберем, из чего раньше состояла наша коммуникация с аналитиками — и к чему мы в итоге пришли. Поехали!

https://habr.com/ru/companies/ncloudtech/articles/921502/

#дизайн #исследования_пользователей #бизнесанализ #бизнес_аналитик #управление_проектами #кейсы #интерфейс #интерфейсы_и_юзабилити #интерфейс_пользователя #интервью_с_клиентами

BA + UX: смешать, но не взбалтывать. Как мы объединили дизайн и аналитику на примере очень запутанной фичи

Хоттейк: важная проблема работы с UX – нехватка коллективных процессов. Например, аналитики ставят задачи на реализацию интерфейсов без вовлечения дизайнеров, а команды работают изолированно, перебрасывая этапы по цепочке. Такой подход приводит к потере контекста, нестыковкам и лишним итерациям. Но есть альтернатива — совместная работа над дизайном и аналитикой с самого начала, включая конкретные этапы исследований (подготовка гайда, интервью и тд). Спойлер: мы выбрали этот вариант:) Меня зовут Света Самойленко, я старший дизайнер-аналитик пользовательского взаимодействия и лид пользовательских исследований в Поехали!

https://habr.com/ru/companies/ncloudtech/articles/921502/

#дизайн #исследования_пользователей #бизнесанализ #бизнес_аналитик #управление_проектами #кейсы #интерфейс #интерфейсы_и_юзабилити #интерфейс_пользователя #интервью_с_клиентами

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

Опыт пользователя — понятие составное. В случае с ИТ-продуктами это и про логику интерфейсов, и про типографику, и про специфику дизайн-системы; наконец, в целом про то, как клиент воспринимает продукт, начиная с этапа его поиска/приобретения. На уровне отдельных аспектов оценивать UX, UI и CX нам помогают те или иные виды исследований. Но когда речь идёт о разноплановых продуктах с различными пользовательскими сценариями, задумываешься об унификации. Возникает вопрос: можем ли мы оценивать опыт пользователя комплексно — по единым критериям и в рамках одной методологии? В Сравни для решения этой задачи мы разработали и внедрили Product Score — скоринговую модель оценки UX, UI и CX. С её помощью получаем независимую оценку продуктов, формируем конкретные гипотезы по развитию пользовательского опыта и пополняем бэклог улучшений. Под катом рассказываем, как устроен наш Product Score. И подробно раскрываем методологию оценки на практических примерах.

https://habr.com/ru/companies/sravni/articles/919814/

#дизайн #ux_исследования #cx_исследования #продактменеджмент #ui #развитие_продукта #пользовательский_опыт #интерфейсы_и_юзабилити

Горизонты развития продуктового дизайнера: взлеты, плато и новые пути

Застрял между макетами и расплывчатым фидбеком вроде «что-то не то»? В этой статье — почему это нормально, как выглядит кривая развития дизайнера, чем полезен T-shaped подход и что помогает выйти за рамки интерфейсов, чтобы по-настоящему влиять на продукт.

https://habr.com/ru/articles/914592/

#дизайн #дизайн_интерфейсов #дизайн_сайтов #дизайнеры #дизайнсистема #продукт_менеджмент #продуктивная_работа #продуктивная_деятельность #интерфейсы #интерфейсы_и_юзабилити

Упс, что-то пошло не так. Как UX-редактору написать сообщение об ошибке?

А вы знали, что 70% пользователей покидают сайт или приложение, если сталкиваются с непонятными или неинформативными сообщениями об ошибках? Привет! Сегодня поговорим о том, что такое плохо написанное сообщение об ошибке. Разберемся, почему непонятные сообщения об ошибках портят не только UX, но также вредят продукту и бизнесу. Конечно, также покумекаем о формуле, благодаря которой слагаются классные сообщения, и о важности коммуникации UX-редактора с командой разработки.

https://habr.com/ru/articles/861836/

#интерфейс #интерфейсы_и_юзабилити #интерфейсные_тексты #дизайн_интерфейсов

B2B UX: Информационная архитектура и проектирование обзорного экрана в BI-системе

Как создать действительно полезный обзорный дашборд? Рассмотрим процесс проектирования, подходы и методики.

https://habr.com/ru/companies/korus_consulting/articles/858900/

#ux #ux/ui #дашборд #bi #интерфейсы_пользователя #интерфейсы_и_юзабилити

Принципы дизайна интерфейсов для ИИ

Привет! Я Таня, продуктовый дизайнер в Центре ИИ Контура. Как и многие, я начала свое знакомство с ИИ-интерфейсами через научную фантастику. Помните, как Тони Старк общался с Джарвисом? Голографические дисплеи, разговоры как с обычным человеком... Современные ИИ-системы умеют многое, но их возможности и ограничения совсем не такие, как в кино. В этой статье я собрала принципы, которые помогают мне в работе. Это не готовые решения, а скорее размышления и наблюдения дизайнера, которая пытается нащупать правильный путь в этой новой области.

https://habr.com/ru/companies/skbkontur/articles/855568/

#Дизайн_интерфейсов #Искусственный_интеллект #ИИ #AI #интерфейсы_и_юзабилити

Стресс-тест заказа такси через приложение Yandex Go. Сравниваем интерфейсы пяти приложений

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

https://habr.com/ru/articles/840302/

#мобильный_интерфейс #ui #ui/ux #ux #интерфейс #интерфейсы_и_юзабилити #интерфейс_мобильных_приложений

О важном: инклюзивность интерфейсов, в которой нуждаются

Сегодня на повестке дня – инклюзивность. Посмотрим, что это такое, как исследования могут помочь повышению инклюзивности и какие вообще у неё есть преимущества. А еще поговорим о стандартах доступности. Это первая из нескольких статей, посвященных теме инклюзивности. Инклюзивность – не просто о доступности Она о внимании и том, что никакая группа людей, сколь бы та ни была малочисленна, не должна оставаться незамеченной. Безусловно, в первую очередь речь идет о тех, кто имеет ту или иную инвалидность ( я долго пыталась подобрать формулировку, но решила, что именно так будет правильней всего – инвалидность; не «ограниченных в возможностях», потому что такие люди и не должны чувствовать себя ограниченными, что касается их пользовательского опыта, и не «люди, нуждающиеся в особенном отношении», потому что отношение к ним должно быть такое же, как и ко всем прочим – человечное; мы, как люди, причастные к созданию интерфейсов, должны стремиться сделать его понятным и удобным всем без исключения людям, взять это в привычку ). Инклюзивный дизайн может учитывать возраст и пол, экономическое положение и образование, географическое положение, язык и расу.

https://habr.com/ru/articles/839254/

#инклюзивность #интерфейсы_и_юзабилити #доступность_информации #дизайн_интерфейсов

Стресс-тест оплаты по QR на кассе в супермаркете. Сравниваем мобильные интерфейсы банков

Банковское мобильное приложение стало для многих одним из самых часто используемых приложений. Оплата по QR ЖКХ или в супермаркете, сбор денег на подарок или перевод уличному музыканту. Эти или другие операции мы можем делать по нескольку раз в день. Цель Найти приложение с оперативным доступом к оплате по QR или переводу по номеру телефона. В идеале кнопка оплаты располагается на первом экране и доступна при использовании телефона одной рукой. сравнить интерфейсы четырех банков

https://habr.com/ru/articles/829618/

#мобильный_интерфейс #дизайн #дизайн_мобильных_приложений #ui #ui/ux #ux #интерфейс #интерфейсы #интерфейсы_и_юзабилити #интерфейс_мобильных_устройств

Мобильный UX/UI дизайн: 10 лайфхаков для создания безупречных мобильных приложений

В этой статье мы рассмотрим 10 лайфхаков мобильного UX/UI дизайна, которые помогут создать действительно эффективные и приятные для пользователя мобильные приложения.

https://habr.com/ru/articles/806179/

#мобильный_интерфейс #дизайн #дизайн_мобильных_приложений #ui #ui/ux #ux #интерфейс #интерфейсы #интерфейсы_и_юзабилити #интерфейс_мобильных_устройств

Вырезаем кусочек из объема, не залезая в объем

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

https://habr.com/ru/companies/smartengines/articles/795705/

#томография #smart_tomo_engine #интерфейсы_и_юзабилити

Я создал подробнейший гайд для карьеры дизайнера

Привет! Я Дима, автор телеграм канала Дизайн тусовка. Я собрал полноценный гайд для всех грейдов на основе своего опыта и недавнего поиска работы в топ IT компаниях России, вот мой результат:

https://habr.com/ru/articles/794608/

#интерфейсы #интерфейсы_и_юзабилити #интерфейс_пользователя #ux/ui #ux/ui_дизайн #ux/ui_design #ux/uiдизайн #ux/ui_прототипирование #product #product_design

Как прокачивать насмотренность в UX для дизайнера интерфейсов (личный опыт)

Хочу поделиться своим опытом и рассказать, как я прокачиваю насмотренность в ux (не ui). Надеюсь, это кому-нибудь поможет. Читать далее →

https://habr.com/ru/articles/793964/

#ux #ux_design #ux/ui #ux_дизайн #интерфейсы #интерфейсы_и_юзабилити #насмотренность

Расположение элементов игровых интерфейсов

Правильное расположение элементов игрового интерфейса помогает людям решать задачи, которые мы перед ними ставим В статье примеры подходов и решений, которые упрощают жизнь игрокам =)

https://habr.com/ru/articles/792936/

#дизайн_интерфейсов #графический_дизайн #интерфейсы #интерфейсы_и_юзабилити #геймдев #геймдизайн #ui #ui/ux #игры #разработка_игр

Руководство по проектированию дизайна и юзабилити интерфейсов с Drag and Drop

Всем привет! Меня зовут Александр Григоренко, я фронтенд-разработчик, и я часто сталкиваюсь с разработкой веб-интерфейсов с использованием Drag and Drop. В своей предыдущей статье про Drag and Drop я рассказывал про историю появления и развития этого подхода: появившись в первом в мире графическом интерфейсе, Drag and Drop продолжает быть одной из самых актуальных технологий и на сегодняшний день. В этой статье я хочу поговорить об особенностях проектирования дизайна и юзабилити интерфейсов с Drag and Drop. В первую очередь, я буду приводить примеры и говорить об особенностях Drag and Drop в рамках сложившихся практик в современных веб-интерфейсах, но многое из этого будет справедливо и для интерфейсов классических настольных приложений.

https://habr.com/ru/articles/791294/

#draganddrop #drag_and_drop #перетаскивание #перетаскивание_картинок #перетаскивание_файлов #проектирование #проектирование_интерфейсов #интерфейсы #интерфейсы_и_юзабилити #юзабилити

Как появился графический интерфейс пользователя: история в лицах, деталях и фактах

Графический интерфейс пользователя, каким мы его знаем сегодня, возник в результате десятилетий исследований множества инженеров и ученых. Программа Sketchpad Айвена Сазерленда, созданная в 1962 году, считается первым графическим интерфейсом пользователя. Дуглас Энгельбарт изобрел компьютерную мышь в 1964 году, чтобы преодолеть ограничения световых перьев. Конструкция мыши продолжала развиваться. Исследователи PARC разработали первые растровые окна и меню, которые реагировали на ввод данных мышью. Дэвид Кэнфилд Смит в 1975 году ввел термин «иконка» для описания графических символов, представляющих программы и данные. Xerox Star в 1981 году коммерциализировал многие из этих концепций графического интерфейса, а Macintosh от Apple в 1984 году сделал их общепринятыми. В настоящее время ведутся юридические споры о том, кому принадлежат права интеллектуальной собственности на различные элементы графического интерфейса пользователя, такие как окна и значки.

https://habr.com/ru/companies/first/articles/784820/

#история #история_it #история_ит #история_создания #интерфейсы #интерфейс #интерфейсы_и_юзабилити #интерфейс_пользователя #интерфейс_мобильных_устройств #интерфейсы_пользователя

Дизайн: ожидание vs реальность

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

https://habr.com/ru/articles/780974/

#вебдизайн #дизайн #ui/ux #интерфейсы #интерфейсы_и_юзабилити #интерфейсы_пользователя #адаптивность #оптимизация #сайты #онде