UX Notes

2020-12-16 10:00:17 Олег Биргер, автор канала @cxdao, написал о развитии клиентского опыта (на примере «Газпромнефти»).

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

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

https://habr.com/ru/company/gazpromneft/blog/531232/ Открыть/Комментировать

2020-12-15 21:43:38 Джон Сайто написал о метафорах в интерфейсе.

Метафора — употребление слова или выражения в переносном смысле на основе аналогии, сходства или сравнения.

Шестерёнка — метафора настроек. Продуктовая корзина — метафора заказа. В сравнении сайтов с книгами работают метафоры «Добавить в закладки», «Опубликовать», в сравнении с домами — «Войти как гость», «Домашняя страница». Уже сложился набор понятных всем метафор для взаимодействия в интернете.

Есть необычные метафоры. Например, на Медиуме статьи сравнивают с шоу: читатели реагируют на статьи аплодисментами и хлопками, у авторов появляются фанаты.

Хорошо, если при выборе метафоры можно провести параллели с реальным миром. Чем метафора абстрактнее, тем сложнее её понять.

Есть тяжёлые метафоры, когда за одним элементом скрывается много разных смыслов. Например, кнопка Share в iOS.

При выборе метафоры кроме поиска по библиотекам иконок могут пригодиться словари синонимов, фразеологизмов и контекстно близких слов.

https://ux-journal.ru/metafory-i-analogii-v-produktovom-dizajne.html Открыть/Комментировать

2020-12-11 19:56:01 В Canvs Editorial написали, как мотивировать пользователя завершить начатое.

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

Например:
— На карточке накопления 10 штампов для получения бесплатной услуги 2 штампа поставлены по умолчанию;
— Пользователь только зарегистрировался, но уже на 20% заполнил свой профиль.

Эффекты:
— Человек понимает, что начал выполнять задачу, и мысленно возвращается к ней, пока не завершит её (эффект Зейгарник);
— Чем человек ближе к цели, тем больше он хочет её достичь (эффект градиента цели);
— Визуальное представление цели и оставшегося пути помогает в её достижении (эффект визуализации цели).

https://ux.pub/kak-motivirovat-polzovatelya-zakonchit-progress-effekt-obespechennogo-progressa/ Открыть/Комментировать

2020-12-10 11:52:35 Эдуард Христусь написал об объектно-ориентированном дизайне.

ООД помогает:
1. Понять, с чего начать. Если проектируете приложение для заказа котиков с доставкой, в нём наверняка будут сущности: «пользователь», «заказ» и «котик». С ними будут связаны определённые параметры и способы взаимодействия;
2. Сэкономить. Прототипирование — дорогой и сложный подпроцесс проектирования. Генерировать и отметать идеи в прототипе не эффективно;
3. Создать MVP;
4. Всей команде равномерно двигаться при декомпозиции проекта. Сначала объекты, потом способы взаимодействия с ними.

Процесс:
1. Выявите все объекты системы. Помогут пользовательские истории;
2. Определите параметры объектов и их связи. Помогут: брейншторм внутри команды и с заказчиком, профили пользователей (их сценарии и цели). Надо понять, чего от объекта хотел бы пользователь: какую информацию узнать, какие действия совершить;
3. Определите способы взаимодействия с объектами (функции);
4. Укажите свойства параметров. Например: автоматический параметр (проставляется системой автоматически), фильтруемый (используется для фильтрации списка объектов), ручной (задаётся вручную пользователем или администратором) и так далее;
5. Укажите свойства функций. Например: доступные без ограничений, доступные с ограничениями;
6. Покажите наборы параметров и функций для разных состояний объекта. Например: закрытую вакансию можно только посмотреть.

Не стоит применять ООД для небольших корпоративных сайтов из нескольких страниц.

https://habr.com/ru/post/531466/ Открыть/Комментировать