Метка: проектирование

Картинки для привлечения внимания

У меня неоднозначное отношение к картинкам для привлечения внимания. С одной стороны, они действительно привлекают внимание и могут заставить читателя, пролистывающего ленту публикаций, приостановить скролинг. Они могут намекнуть на тему публикации. С ними проще найти потом материал, который понравился или заинтересовал.

Читать далее Картинки для привлечения внимания

anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл

Однажды у нас в CRM появились 3 загадочных клиента. С каждым вёл переговоры отдельный продавец. А потом выяснилось, что эти клиенты — один и тот же человек с одним и тем же имейлом.

Меня зовут Антон Григорьев, я работаю продуктовым дизайнером в финтех-компании и веду телеграм-канал UX Notes. В этой небольшой статье я расскажу, как такое случилось, может ли произойти у вас и о чём стоит дополнительно подумать при проектировании форм регистрации и входа.

Спойлер: это не связано с европейским регламентом по защите данных (GDPR) и правом клиента быть забытым (потребовать от компании удаления всей информации о себе).

Читать далее anton@gmail.com, anton+habr@gmail.com, an.ton@gmail.com — почему всё это один и тот же имейл

Переменные и условия: как быстро сделать в Фигме нелинейный прототип

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

Иногда сценарии и механики перехода между экранами (или состояниями одного экрана) получаются такими сложными, что для подготовки прототипа и тестирования на респондентах приходится переносить макеты из Фигмы в специальные инструменты вроде ProtoPie или Axure.

Летом 2023 года в Фигме появились условия и переменные, благодаря которым можно показывать всё более сложные взаимодействия. А также меньшими усилиями добиваться того, что раньше требовало усилий значимых, например, давать респондентам возможность заполнить поля формы в произвольном порядке.

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

Читать далее Переменные и условия: как быстро сделать в Фигме нелинейный прототип

UI, UX и CX

Для Рейтинга Рунета вместе с другими специалистами ответил на вопросы:

  1. Что такое UX и чем он отличается от CX и UI?
  2. Роль UX в успехе продукта?

Мой монолог начинается на 2-й минуте. А здесь — расшифровка.

Читать далее UI, UX и CX

Функциональная спецификация интерфейса: что это, зачем нужна, как её писать

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

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

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

Надеюсь, это поможет вам в написании спецификаций для своих интерфейсов.

Читать далее Функциональная спецификация интерфейса: что это, зачем нужна, как её писать