TOP-10 усулҳои визуалӣ барои интерфейси миссия

Дар интерфейси миссия се чиз муҳим аст: возеҳии мақсад, ҳисси пешрафт ва ритми ғалабаҳои хурд. Дар зер даҳ ҳиллае ҳастанд, ки иштирок/анҷомёбиро афзоиш медиҳанд ва шикоятҳоро бидуни изофабори экран коҳиш медиҳанд.

1) Пешрафт ба ҷои рахи "беохир"

Ин чист: тақсимоти T1 → T2 → Ҷадвали ниҳоӣ бо ҳадди ниҳоӣ ва нуқтаҳои мукофотӣ.

Чаро: Барои майна фаҳмидани қадамҳои ҷудогона нисбат ба "63% пешрафт" осонтар аст.

Чӣ тавр бояд кашид

3-5 бахш, ҳар якро имзо кунед: "T1 100 хол", "T2 300", "ниҳоӣ 600".

Мукофотҳои гирифташударо бевосита дар нишонаҳои нишона нишон диҳед (нишонаҳои FS/кэш/нишона).

Ба тақсимоти → поп-ап "он чизе, ки онҳо додаанд/ҳангоми сӯхтан" клик кунед.

A/B-идея: зинапоя бо нишонаҳо ва миқёси хушк. Интизорӣ: + 3-5 саҳ. ба итмом расонидани T1.

2) "Чӣ қадар мондааст" дар воҳидҳои фаҳмо

Ин чист: дар паҳлӯи пешрафт мо эквиваленти кӯшишҳоро нишон медиҳем: нуқтаҳо → давр → дақиқа.

Формула дар зери кулоҳ (тақрибан)

"120 хол ≈ 8 даври евро 0 баромад. 5 ≈ 6-8 дақиқа"

Қоидаҳо

Бори аввал, баъд давр ва пул.

Миёнаравии амали охирини 10-20 корбарро хонед (таклифҳои мутобиқшавӣ).

Ҳар 2-3 сонияро бидуни "ҷаҳиш" навсозӣ кунед.

Фикри A/B: "дар айнак мондааст" vs "дар дақиқаҳо чап. "Интизорӣ: − 10-15% баромади барвақт.

3) Кортҳои Қадам бо "як ҳадаф дар як экран"

Ин чист: Ҳар як қадами миссия корти алоҳида бо ҳадафи калон ва тугмаи "Он чӣ гуна ҳисоб карда мешавад? ».

Таркиби корт

Унвон: "Қадами 2 аз 3".

Ҳадаф: 1 хат ("300 нуқта ё 150 чарх ҷамъ кунед").

Пешрафт: нардбони мини/чипи" 180/300 ".

Тугмаи "?" → рӯйхати бозиҳои дохилшуда/хориҷшуда, сарпӯшҳо, намунаҳо.

Иҷро кунед: ҳуруфи калон, контрасти иерархии визуалӣ.

Накунед: Бо шароити хурд ва ситорачаҳо сарборӣ кунед.

4) Ё ҳадафҳо: "форк" -и визуалии се роҳ

Ин чист: ба ҷои матни "ё/ё" - се тугмаи роҳи баробар (Рақобати зуд бо қитъа).

Қоидаҳо

Ҳар се роҳ дар як вақт намоёнанд; фаъол таъкид шудааст.

Дар зери ҳар тугма - мини ЭТА: "~ 8-10 дақиқа", "1 бор × 20", "100 чарх".

Матни хурд

"Роҳи мувофиқро интихоб кунед. Шумо метавонед дар вақти дилхоҳ гузаред - пешрафт идома хоҳад ёфт"

Идеяи A/B: ҷадвалҳо vs сафолҳои тугма. Интизорӣ: + 4-7 саҳ. participation_net.

5) Минтақаҳои мукофотӣ дар тахтаи пешво ва миссияҳо

Ин чист: ҷадвал/шабакаро ба минтақаҳо тақсим кунед (Top-3/4-10/11-50/51 +), ҳадди аққали кафолати ҳар як минтақаро нишон диҳед.

Омӯзандаи визуалӣ

Зарринҳои рангии минтақаҳо; дар наздикии мавқеи бозингар - "2400 нуқта ба минтақаи 4-10 гузошта шуд".

Плитаи "Кафолат: FS × 10" рост дар минтақа, бидуни "қоидаҳо".

Фоида: "шифти шиша" -ро хориҷ мекунад, ҳадафи воқеиро ташкил медиҳад.

6) Модули Timebox бо "равзанаи нафас"

Ин чист: вақтсанҷи визуалии марҳилаи фаъол (15-20 дақиқа) + корти "таваққуф бидуни ҷарима".

Экран

Вақтсанҷи занг "Тиреза 20:00" -ро имзо кард.

Дар охир: аниматсияи мулоим + интихоб кунед "Баъдтар баргардед "/" Васеъ кунед "(агар иҷозат дода шавад).

Паём: "Таваққуф ба қатор халал намерасонад".

Таъсир: Ҷаласаҳоро баланд мекунад/DAU, хастагиро коҳиш медиҳад.

7) Боркунии микро-аниматсияҳо "шарора" ва скелетҳо

Инҳоянд: чароғҳои сабук/конфетти бо пешрафт ва мукофотҳо; skeletons + shimer дар ҷойҳои бо маълумот.

Роҳнамо аз рӯи ҳаракат

Давомнокии 200-350 мс, каҷҳо осон/осон мешаванд.

Мундариҷаи асосиро такрор накунед, балки "таъкид кунед".

Скелетҳо геометрияи кортҳоро такрор мекунанд; шимер 1. 2–1. 6 сек.

Идеяи A/B: бо аниматсия vs бе. Интизор шавед: − 8-12% баромади барвақт, + CTR барои "идома додан".

8) Тула контекстӣ: "Онро чӣ гуна ҳисоб мекунад?" ва "Чаро ин намеояд?"

Ин чист: ""? нишона дар паҳлӯи ҳадаф як дастури хурдро бо формулаҳо, намунаҳо ва хатогиҳои зуд-зуд мекушояд.

Блоки қолиб

"Мо чӣ гуна ҳисоб мекунем": мисоли формула + 1.

"Caps": барои як дараҷа/дақиқа/рӯз (рақамҳо).

"Пешрафт нест?" 3 сабаб + пайвандҳо ба бозиҳо/режимҳои истисноӣ.

Плюс: якбора чиптаҳоро барои дастгирӣ коҳиш медиҳад.

9) Ранг, Контраст ва Иконография (WCAG + Мавзӯи торик)

Қоидаҳои асосӣ

Контрасти матнии минималии WCAG AA (4. 5:1), калон - 3:1.

Ранг ≠ воситаи ягонаи маъно: илова кардани нишонаҳо/намунаҳо.

Нишонаҳо: 2-3 шакли асосӣ (ситора - подош, ҳадаф - қадам/миссия, барқ - "шарора").

Мавзӯи торик: замина # 0F/12, "шарора" бидуни RGB заҳролуд мешавад.

Ҳуқуқи муаллифии Micro

"Мукофот дар муддати 12 соат месӯзад" - ҳамеша дар назди тугмаи "Гиред".

10) Ҳолати холӣ, хатогиҳо, тамғакоғазҳо "месӯзанд"

Ин чист: Экранҳои оқилона вақте ки маълумот/миссияҳо вуҷуд надоранд ва вақте ки хатогиҳо ба амал омадаанд.

Ин холӣ аст

Иллюстрация + "Имрӯз ройгон аст. Мехоҳед менюи рӯзро санҷед? "

Тугмаи "Миссия" -ро интихоб кунед (ба интихоб оварда мерасонад).

Хатогиҳо

"Пешрафт нав карда натавонист. Мо такрор мекунем..." + spinner ≤ 3 sec → "Бештар кӯшиш кунед "/" Чат "

Мақоми "Сӯзондан тавассути X" дар корти мукофотӣ ва дар рӯйхати мукофотҳо нишон дода мешавад.

Унсурҳои интерфейси иловагӣ

Cap ба чип расид: "200/200 нуқта/соат - лимит. Соати 00:00 дубора барқарор кунед"

Нишони "қариб" расид: нишондиҳандаи зард вақте ки 150 ба ҳадди ниҳоӣ ишора мекунад.

Гузаришҳои бозӣ: "Бозиро тағир диҳед - пешрафт идома хоҳад ёфт" (зидди-маҷақ).

Маҳаллисозӣ: рақамҳо бо фосилаҳои шикастнопазири "€1,000", формати 24-соата, номҳои рӯзҳо аз рӯи маҳал.

Микро матнҳо (мумкин аст тавре ворид карда шавад)

"120 хол ≈ 8 даври евро 0 баромад. 5 (6-8 дақиқа)"

"Шумо дар минтақаи 11-50 ҳастед. Кафолат: FS × 10. То 4-10 - 2400 нуқта"

"Cap расид: 200 нуқта/соат. Дубора соати 00:00 (Аврупо/Киев) "

"Роҳро интихоб кунед: Зуд/Рақобат/Бо қитъа - шумо метавонед дар вақти дилхоҳ тағир диҳед".

Метрикаҳо барои таҷрибаҳои UI

Таъсири UI ба ҳалқа: CTR "Оғоз", participation_net, анҷом T1/T2.

Рафтор: Баромади барвақт (≤ 5 дақиқа), time-to-T1/T2, роҳҳои гузариш, тамошои "?" Воситаҳо.

Сифат: шикоятҳо/1к, хатогиҳои навсозии пешрафт, таъхири p95.

Арзиш: Δ ARPPU (холис), мукофот ва бонус/фаъол, боло рафтани холис.

Чаҳорчӯбаи A/B (кӯтоҳ)

Воҳид: корбар; таъини часпанда; стратификатсия (платформа/гео/пардохткунанда-парчам).

Гипотезаҳо: зинапоя ва хат; "дақиқаҳо" vs "нуқтаҳо"; тугма-роҳҳо ва ҷадвалҳо; бо аниматсияи "шарора" против бе.

CUPED: вақти пеш аз сессия ҳамчун ковариат; ≥ 2 тирезаи ҳафта бо марҳилаҳои D0-D2/D3-D7.

Рӯйхати назоратии тарроҳони миссия

Ladder T1 → T2 → Ниҳоӣ бо нишонаҳои мукофотӣ.
"Чӣ қадар мондааст" дар дақиқаҳо/даврҳо.
Кортҳои қадам, як ҳадаф дар як экран.
Ё роҳҳо - се тугмаи намоён бо ETA.
Минтақаҳои мукофотӣ ва мурдан "кафолат дода мешавад".
Timebox timer + тирезаи нафаскашӣ.
Микро-аниматсияҳо "шарора", скелетҳо/шимерҳо.
"Онро чӣ гуна ҳисоб мекунад?" + сабабҳо "чаро наравед".
Контрасти/нишонаҳо/мавзӯи торик; "тавассути X. месӯзад".
Ҳолати холӣ ва хатогиҳои хайрхоҳона.

Парвандаи хурд (синтетикӣ)

Пеш аз он: сатри пешрафт бидуни ҳудуд, матни "120 нуқта чап", муҳофизони пинҳоншуда, ҳолати холии гарм надоранд.

Баъд: зинапояҳо бо мукофотҳо, "8 давр/6-8 дақиқа", Ё-роҳҳо-тугмаҳо, модули timebox, "?" "Ҳадди аққал расид", шарора + скелетҳо, минтақаҳои мукофотӣ.

Натиҷаи 4 ҳафта против назорат: participation_net + 6. 4 саҳ., Анҷом + 10. 8 саҳ., Хуруҷи барвақт − 18%, шикоятҳо/1k − 31%, Δ ARPPU (холис) + €1. 7 pri Ҷоиза ва Бонус/Фаъол + €0. 5.

Интерфейси хуби миссия интизоми визуалӣ мебошад: қадамҳо ба ҷои "ботлоқи фоизӣ", нишонаҳои мушаххаси кӯшишҳо, мукофотҳои намоён ва динамикаи мулоим. Ба дастрасӣ, тулаҳои тоза, вақтсанҷҳо ва аниматсияҳои тозаву озода илова кунед - ва миссияҳо на ҳамчун як қатори тӯлонӣ ва дилгиркунандаи пешрафт ҳамчун "ритми ғалабаҳои хурд" ба кор шурӯъ мекунанд.