Enota 4 / 11

Informacijska arhitektura in načrtovanje uporabniških tokov

Dobički:

  • Sposobnost oblikovanja menija, navigacije in vsebinske strukture (informacijske arhitekture) z umetno inteligenco in preverjanja z rezultati sortiranja kartic
  • Zmožnost črpanja uporabniških tokov in korakov od zaslona do zaslona v umetno inteligenco ter zajemanje logičnih vrzeli in robnih primerov
  • Sposobnost kritičnega prilagajanja strukture, ki jo predlaga umetna inteligenca, glede na resnični uporabniški jezik in mentalni model

Če izdelek postane težko uporabljati, težava pogosto ni v barvi ali gumbu, ampak v strukturi. Informacijska arhitektura (IA) je, kako je vsebina v izdelku združena, poimenovana in urejena v navigacijsko strukturo: meniji, kategorije, hierarhija. Uporabniški tok je zaporedje korakov od zaslona do zaslona, ​​skozi katere gre uporabnik, da doseže določen cilj (registracija, nakup izdelka). Oba gradita nevidno okostje. AI hitro izdela oris tega okostja in pomaga ujeti logične vrzeli; Toda ali struktura ustreza umu pravega uporabnika, je mogoče določiti le s človeško presojo in testiranjem.

Informacijska arhitektura: govoriti jezik uporabnika

Temeljna napetost IA je naslednja: ali boste organizirali vsebino v skladu z logiko institucije ali umom uporabnika? Večina neuspešnih menijev uporabniku vsiljuje notranjo strukturo oddelka podjetja (»Enterprise Solutions«, »Operations Center«). Če uporabnik vpraša "Kako plačam svoj račun?" misli.

Umetna inteligenca je tu dvosmerni pomočnik. Po eni strani predlaga razumno začetno strukturo kategorij; Po drugi strani pa vam pomaga preizkusiti vašo trenutno strukturo glede na jezik uporabnika. Vendar so oznake, ki jih predlaga model, na splošno »povprečen internetni jezik«; Besede, ki jih vaš uporabnik dejansko uporablja, so lahko drugačne. Zato je osnutek IA preverjen z razvrščanjem kartic: pravi uporabniki dobijo kartice vsebine in jih razvrstijo; prilagodite strukturo glede na njihovo združevanje.

Namig: Ko od umetne inteligence prejemate predloge kategorij, jo tudi prosite, naj "vsako kategorijo prevede v vprašalni stavek, ki ga bo sestavil uporabnik." To pospeši prehod iz korporativnega žargona v uporabniški jezik.

Uporabniški tokovi: koraki, odločitve in robni primeri

Dober diagram poteka razjasni tri stvari: korake (kaj naredi uporabnik), odločitvene točke (da/ne veje) in robne primere – situacije zunaj glavne poti: prazen voziček, slabo geslo, izpad interneta, potekla seja. Neizkušeni načrtovalci narišejo »srečno pot« (scenarij, kjer gre vse dobro) in pozabijo na robne primere; Uporabnik se večinoma zadržuje na teh pozabljenih mestih.

Tukaj je AI močan: ko izvozite tok, vprašate, "katera robna stanja manjkajo?" Ko vprašate, običajno ujame nekaj, ki ste jih zamudili. Model deluje kot kritik toka. Vendar se odločite, ali je vsaka veja, ki jo priporoča, res potrebna, obseg izdelka in uporabniška realnost; V nasprotnem primeru se tok po nepotrebnem zaplete.

element toka

Prispevek umetne inteligence

človeška odločitev

Glavni koraki

Standardni osnutek lestvice

Poenostavitev, specifična za izdelek

odločitvene točke

Možne veje

Kaj je res potrebno

Edge etuiji

Opomnik pozabljenih stvari

Kaj bo zajeto

Oznaka/besedilo

prvi predlog

Prilagoditev jeziku uporabnika

Poti napak

Splošni vzorci

Dejanske vrste napak izdelka

trije mini kovčki

Primer 1 — Meni je postal preprostejši. Ekipa je umetni inteligenci dala 9 naslovov glavnega menija in jih prosila, naj jih "prevedejo v vprašalni stavek uporabnika." Videli smo, da 3 naslovi ustrezajo istemu vprašanju ("Kako upravljam svoj račun?"); Meni je bil zmanjšan z 9 na 6. Nato je bilo 14 uporabnikov testiranih z združevanjem kartic in združitev je bila preverjena. Uspešnost klikov se je povečala z 61 % na 86 %.

Primer 2 — Ujeti robni primer. V enem snemanju je ekipa izžrebala le uspešen posnetek. AI sprašuje "kaj se zgodi, če je e-pošta že registrirana?", "če potrditvena e-pošta ne prispe?", "kaj če se zapre in vrne na sredini?" generirana vprašanja. Ekipa je toku dodala tudi 3 robna stanja; Ko je začel delovati, so se zahteve za podporo znatno zmanjšale. Nauk: model je dober "opomin na pozabljeno."

Primer 3 – Odvečna veja je bila zavrnjena. AI je predlagal veje plačilnega toka, kot sta »možnost kriptovalute« in »večnaslovno upravljanje«. Ti niso bili vključeni v obseg izdelka; oblikovalec je predloge zavrnil. Nauk: vsak predlog modela ni sprejet; Odločitev o obsegu je človekova, sicer se tok napihne.

Pozivi, ki jih je mogoče kopirati

Vaša vloga: specialist za informacijsko arhitekturo. Naslednji seznam vsebine/funkcij združite v kategorije, ki ustrezajo uporabnikovemu umu. Vsaki kategoriji dajte kratko oznako in vprašalno frazo, ki jo bo sestavil uporabnik. Izogibajte se korporativnemu žargonu. Uporabite do 6 nadrejenih kategorij. Seznam: <<vsebina>>

Preglejte ta uporabniški tok: <<koraki>>.1) Navedite manjkajoče robne primere (stanje mirovanja, napaka, časovna omejitev, ponovna prijava).2) Označite korake, ki se zdijo nepotrebni ali izven obsega.3) Predlagajte oznake, ki ne ustrezajo jeziku uporabnika. Vsakemu elementu dajte utemeljitev v enem stavku. Strogo gledano; Recite "treba preveriti".

Skicirajte potek uporabnika zaslon za zaslonom za naslednjo nalogo: "<<opravilo>>". Oblika: vsak korak = ime zaslona > dejanje uporabnika > odziv sistema. Točke odločitve ločite z "ČE... POTEM". Pokaži vsaj 2 poti napak skupaj s srečno potjo.

Primerjajte to strukturo menija z rezultatom združevanja kartic: Priporočena struktura: <<a>> Razvrščanje uporabnikov v skupine: <<b>>. Prikažite nezdružljive umestitve v tabeli in utemeljite, katera je uporabniku bližja.

Šibek poziv/močan poziv

Slab: "Napiši mi tok snemanja."

Rezultat: splošen seznam korakov brez robov, ki vsebuje samo srečno pot.

Močno: "Narišite tok od zaslona do zaslona za to nalogo; podajte vsak korak v obliki 'zaslon > dejanje > odziv sistema'; prikažite vsaj 2 poti napak poleg uspešne poti; ločite točke odločitve s ČE-POTEM."

Rezultat: delujoč tok z vidnimi robnimi stanji in vejami.

Razlika: zahteva močno obliko poziva + nujno pot napake + točka odločitve; ti približajo tok resničnemu svetu.

Pogoste napake

  • Samo načrtovanje na srečen način. Uporabnik se največkrat zatakne v robnih situacijah; njihovo preskakovanje je najdražja napaka.
  • Uvedba korporativnega žargona na jedilnik. Uporabnik išče »kje je moje naročilo«, ne »operacijski center«.
  • Dokončanje IA brez združevanja kartic. Predlog modela je hipoteza; uporabnik potrdi test.
  • Dodajanje vsakega predloga toka modela. Veje izven obsega nabreknejo tok; Tudi zavrnitev je odločitev.
  • Sploh ne testiram nalepk. Oznaka, za katero menite, da je "razumljiva", uporabniku morda ni znana.

Če povzamem

Informacijska arhitektura in uporabniški tokovi so nevidno okostje produkta; Pretočnost uporabniške izkušnje v veliki meri izhaja iz tega. Umetna inteligenca predlaga verjetne strukture kategorij, tokove kritike in je še posebej močna pri lovljenju pozabljenih robnih primerov. Toda ali se oznake ujemajo z uporabniškim jezikom, je določeno z združevanjem kartic, obseg toka in nujnost razvejanja pa določa človeška presoja. Uporabite model kot risar in kritik; Strukturo kalibrirate glede na um uporabnika.

Aplikacijska naloga

  1. Navedite 8-10 vsebin/lastnosti izdelka in ustvarite strukturo kategorije s prvim pozivom.
  2. Vsako kategorijo prevedite v uporabnikov vprašalni stavek in združite tiste, ki so zmedene.
  3. Izberite nalogo in s tretjim pozivom narišite tok zaslon za zaslonom (z vsaj 2 potmi napak).
  4. Z drugim pozivom kritizirajte tok, dodajte manjkajoče robne primere in odstranite nepotrebne korake.
  5. Če je mogoče, združite mini kartice s 3-5 osebami in prilagodite strukturo glede na rezultate.

kontrolni seznam

  • [ ] Kategorije sem prevedel v uporabniški jezik in odstranil žargon.
  • [ ] Poleg srečne poti sem v toku narisal tudi poti napak.
  • [ ] Z umetno inteligenco sem skeniral manjkajoče robove in jih dodal.
  • [ ] Zavestno sem zavračal predloge, ki niso v obsegu.
  • [ ] Osnutek IA sem preizkusil z združevanjem kartic ali uporabniškim testiranjem.
  • [ ] Oznake sem preveril s pravimi uporabniškimi besedami.