UX-disain on põnev distsipliin. Selleks, et seda hästi teha, peavad praktikud olema kursis väga erinevate teemadega ja oskustega. Kasutajakeskse disainimetoodika harjutamiseks ja igapäevaste tootekujunduse väljakutsete jaoks hõlpsasti kasutatavate ja uuenduslike lahenduste loomiseks hõlmab UX-i praktiseerija käsitöö ja mõistmine kõike alates põhijoonistamisest kuni narratiivi / teekonna kujundamiseni kuni kognitiivse psühholoogiani.

Rakenduses on palju erinevaid tööriistu, loodud artefakte ja avastamata avastusi UX / UI disain protsess ja need on hõivatud mitmesuguste dokumentide või isegi prototüübiga. Meie kõige äratuntavam leiva-või-artefakt on hea traatvõrk.

Traadiraamid - tavaliselt kiireks hindamiseks loodud mustrite mustrilised skeletid - on suurepärased. Need võimaldavad meil tõlkida paljude sõltumatute osapoolte sisendi üheks dokumendiks, mida kõik saavad vaadata. Traadiraame hinnatakse paljudes erinevates tööülesannetes; ärianalüütikud, projektijuhid, turundusjuhid, kõikvõimalikud disainerid ja arendajad, mitmesugused muud müüjad ja teenusepakkujad - isegi toodete testimisel sihtrühm. Traadiraam võimaldab kõigil näha, kuidas nende individuaalseid vajadusi rahuldatakse, ning annab kogu meeskonnale võimaluse kõik raskused välja töötada, enne kui rasket tõstmist vaja on.

Plussid ja miinused on olemas, kuid teatud juhtudel on mõttekas juhtmestiku faas üldse vahele jätta. Palju aega oleks võimalik kokku hoida, kui käsitseda UX-i ja visuaalset kujundust ülitäpsusel kohe pärast avastamist või prototüüpide ettevalmistamiseks ettevalmistamisel. See annaks teistele võimaluse hinnata nii toote funktsionaalsust kui ka välimust ja tunnet, alates kasutaja testimisest osavõtjatest kuni klientide ja kolleegideni.

Uurime, miks võivad traadiraamid mõnikord olla problemaatilised, kui nende vahele jätmine on mõttekas ja kuidas seda kohandada traadita raamita protsess töövoogu.

Traadiraamide probleem

Kas juga või väledas keskkonnas hõlmab tüüpiline disainiprotsess uurimise, määratluse, mõtlemise, prototüüpide loomise, testimise ja juurutamise etappe ning paljusid sidepunkte, mida sidusrühmadega üle vaadata.

Vaatame näiteid disainiprotsessist, kui juhtmeta disain võib olla kitsaskoht:

1. põhjus: kliendid ei saa aru, mida nad vaatavad

Projekteerimisprotsess algab tavaliselt probleemi mingisuguse uurimisega. Lauauuringud, huvigruppide intervjuud ja kasutajaintervjuud on vaid mõned tegevused, mida võib sügavama mõistmise saavutamiseks ette võtta. Pärast uuringuid hakkab disainimeeskond hindama mitmeid ideid ja kontseptsioone, et leida parim lahendus.

Kui kontseptsioon on paremini välja töötatud, jagab disainimeeskond kliendiga ülevaatusseansi ajal sageli traatvõrke.

Probleem on selles, et traadiraamid on väga abstraktsed.

Nad kirjeldavad midagi, mis on meeldib asi, aga mitte praegune asi, mis ehitatakse. Selles etapis sisaldaksid traadiraamid kohahoidjate pilte ja igasuguseid TK-sid (tulemas), FPO-sid (ainult paigutamiseks) ja TBD-sid (otsustatakse edaspidi), nagu näiteks allpool toodud näide.

Tõenäoliselt on üksikasju funktsionaalsuse, ärinõuete ja vigade käsitsemise kohta, mis on näidatud tohutul märkuste loendil. Tavaliselt pole kunagi piisavalt aega, et neid väga üksikasjalikult läbi kammida, nii et klient jääb neid ise lugema.

Traatraamide ülevaatuste ajal palume oma klientidel keskenduda kirjeldatud kontseptsioonile ja hinnata, kas see näib lahendavat äri- ja kasutajaprobleeme. Siiski saame endiselt küsimusi asjade kohta, mis meie jaoks ei tundu olevat seotud. Kliendid soovivad teada, kas traadiraam on “lõplik koopia” või kas nad näevad näiteid kangelaspildil kuvatavate fotode kohta - või on veel üks küsimus millegi kohta, mida käsitletakse visuaalse kujunduse, kasutajaliidese prototüüpide loomisel või arendamisel.

Traadiraamid võivad olla klientide ja isegi sisemiste sidusrühmade jaoks tõhusaks hindamiseks liiga abstraktsed. Traadiraamid ütlevad inimestele, kuidas disain saab olema, kui see on valmis, kuid nad peavad ikkagi vaimselt palju tööd tegema, et see nende peas kokku saaks. Meie kliendid võivad olla visuaalsed mõtlejad või mitte, ja võib olla liiga palju oodata, et nad vaataksid kavandit ja kujutaksid ette edukat toodet või saiti.

Oli üksikuid kliente, kes on spetsiaalselt taotlenud märkustega visuaalsete kujunduste ülevaatamist, kuna neil on palju lihtsam punkte ühendada, läbimõeldud arutelu ja läbimõeldud tagasisidet anda.

Põhjus 2: need ei sobi alati kasutajate testimiseks

Loodetavasti on projekteerimisprotsessi sisse seatud mõned kasutajate testid, kuna see on hea viis testida kõike alates kogu kontseptsiooni teostatavusest kuni detailideni kuni tehingu kuvamiseni.

Üks tüüpiline viis sedalaadi asjade katsetamiseks on prototüüpide loomine.

Traadiraamid võivad prototüüpide loomiseks töötada ja saavad seda teha. Disainimeeskond piirdub ainult voo ja funktsionaalsuse testimisega ning kuna sellel puudub visuaalne kujunduskiht, saab kasutaja käitumist mõjutavaid visuaalseid stiile lihtsalt eirata.

Kas see on tark? UX, visuaalne ja koopia kujundus mõjutavad üksteist. Neid on raske testikeskkonnas lahku tõmmata ja isoleerida. Sarnaselt teaduslikule uuringule ei suuda üksikult testitud funktsiooni tulemused kontrollida ega ennustada, kuidas see looduses käitub.

Mõnikord on tõhusam testida kõiki neid asju terviklikult.

Juhtum: mitmekeelne toode või teenus. Keeled võivad erineda grammatika, tähestike ja tähemärkide laiusega, mis võib üldist kujundust mõjutada.

Pealegi, kuna koopia sisu mõjutab UX-i, võib tõlge ise UX-i mõjutada.

Näiteks oli meil ülesanne, kus me pidime testima mõnda erinevat teabearhitektuuri, kuna erinevaid mõisteid oli vaja kohalikus keeles selgitada. Me ei oleks avastanud mõju copywritingule ja tõlkimisele, ilma et tegelikku koopiat kasutajaliideses katsetaksime.

Avastasime, et sarnaste mõistete kirjeldamiseks kohalikus keeles on vaja rohkem sõnu ja peame globaalselt muutma nupu suurust ja kuju, et mahutada selle keele jaoks vajalik sõnasõnaline sõnastus. Kasutajaliideses tegelike visuaalsete komponentide testimisel ilma tekstiprobleemide nullimiseta poleks me avastanud, et mobiiliekraani täies laiuses võtmiseks on vaja nuppe, mis mõjutas meie UX-i kujundust edasi.

Võtme võtmine: on otstarbekas kohe algusest peale ette valmistada kõrgekvaliteedilisi kasutajaliideseid, eriti mitmekeelse projekti jaoks.

Põhjus 3: Need muudavad arendajate ja kvaliteedi tagamise elu põrgatuks

Visuaalse kujundamise etapis toimub paratamatult see, et kõik liigub ringi. Virnastatud piltidest saavad plaadid. Keskel olev tekst joondatakse vasakule. Akordioni päästiku ikoonid olid + ja -, kuid nüüd on nad paar ševronit.

See on programmi normaalne osa visuaalne kujundus protsess. Normaalne on ka see, et visuaalses kujunduses tehtud muudatused ei kajastu traatraamides, kuna traadiraamid on sisse logitud.

Kui kõik visuaalid on kinnitatud, on aeg kõik arendajatele üle anda. Enamasti saavad nad koos stiilijuhisega komplekti üksikasjalikke, märkmetega traadiraame ja kaunite visuaalsete kujunduste komplekti. Nüüd on nende ülesandeks nende kahe dokumendi ristviide ja see kõik ellu viia.

See on valdkond, kus disainiprotsess võib tõesti ebaõnnestuda. Anname arendajatele liiga palju dokumente, millele viidata, ja jätame nende otsustada, millised infokildud on ülimuslikud. See pikendab tugikõnede ja kvaliteedikontrolli jaoks kuluvat aega, mõjutades loomulikult toote või värskenduse turule toomiseks kuluvat aega.

Miks mitte lihtsalt anda arendajad üks täpne dokument, mis sisaldab kõike? Enamik kliente hindaks ka koopiat, mida kasutada teose täieliku viitena.

Lahendus: jätke traadiraamid vahele

On selge, et on olukordi, kus on vaja täielikku traatvõrgu faasi, ja on ka olukordi, kus seda pole. On isegi aegu, kui otse kõrgekvaliteediliseks minek trumpab traatraami faasi kokku.

Võite kaaluda traatvõrgu faasi vahele jätmist, kui mõni neist on tõene:

Paigal on kindel võrdlusmaterjal.

Heitke pilk olemasolevatele töödele. Võib olla juba saadaval üksikasjalikke kasutajaliidese viiteid. Kui teete värskendusi olemasolevale veebisaidile või lisate olemasolevale rakendusele uue funktsiooni, vaadake praegust veebisaiti ja rakendust, et leida korduskasutuseks mõeldud mustreid ja stiile.

Veel parem oleks, kui teil oleks juurdepääs olemasoleva töö lähtefailidele. Mõned funktsioonid ja elemendid võivad tõlkimise käigus nii-öelda kaotsi minna arendusprotsessi käigus ja võite viidata lähtefailile, et näha, kuidas seda funktsiooni oleks pidanud tegema.

Lisaks olemasolevale tootele või saidile (või selle puudumisel) kontrollige, kas paigas on stiilijuhend või mustrikogu. Võib-olla on klient juba mõne brändingu ja visuaalse kujunduse töö eest tasunud ning neid ressursse võiks teie projekti jaoks uuesti kasutada.

Kasutage nii palju stiile ja mustreid kui leiate, et teie ülitäpsed väljundid oleksid võimalikult täpsed.

Teil on plaanis palju korduvaid prototüüpe ja teste.

Säästke end prototüüpide loomise ja testimise nädalate jooksul veidi vaeva. Kui seadistate oma dokumendi esimest korda hoolikalt ja kasutate nutikaid korduvaid stiile, mustreid ja sümbolid , saate hõlpsalt järk-järgult täiendavaid värskendusi teha ja need otse prototüüpide loomise voos avaldada. Traadiraami pole vaja.

Suure plussina võite tappa kaks lindu ühe kiviga. UX-tagasiside kõrval saate visuaalset ja kasutajaliidese tagasisidet ning saate kõik need muudatused teha ühe korraga.

Teie testis osalejad on väga sõna otseses mõttes.

Nii nagu teie kliendid ja töökaaslased võivad mõnikord nõuda konkreetseid näiteid, võib nõuda ka teie projekti sihtrühm.

Ühel hiljutisel kontserdil lasin ma kujundada madala kirjaoskusega sihtrühmale finantsekraane. Lugemisest arusaamine polnud ainus küsimus - abstraktseid mõisteid oli sageli väga raske käsitleda. See sihtrühm vajas tavaliselt konkreetsete näidete abil finantskontseptsioonide arutamist; muidu ei saanud nad vestlust tegelikult jälgida.

Finantskontseptsioonide mõistmiseks pidid selle publiku testis osalejad tundma, et nad tegelikult tehinguid teevad. Ja selleks, et mõista toote toimimist, pidi see välja nägema ja tundma end tõelise rakendusena.

Unustage traadiraamid sellisele publikule! Lõpuks kulutate palju aega nende selgitamiseks, mis nad on - ja teie publik ei keskendu ülesannetele ega sellele, kuidas nad nendesse suhtuvad, sest nad ei saa olla seotud millegi nii tundmatu kasutamisega oma elus.

Teie kliendil on piiratud aeg ja / või eelarve.

Harva juhtub, et aeg, ressursid ja eelarve on kõik teie kasuks. Tihtipeale võite end proovida ulatuse ja hinna vähendamiseks või rabeleda, et näha, kus saate kokku hoida ja säästa ning pakkuda oma kliendile siiski suurepärast teenust.

Kui teil on klient, kes ei saa endale lubada UX-i täielikku treenimist (või kes tõenäoliselt ei osta), kas ma võiksin soovitada traadistamise aja lühendamist? Kui vaja, looge mõned sisemiselt, kuid hoidke projekti oma kliendi jaoks liikvel. Testige tegelikke, käegakatsutavaid kujundusi ja laske oma kliendil reaalsele tööle reageerida.

Kuidas traatvõrgu faasi tappa

See osa on pigem subjektiivne, kuna see sõltub teie isiklikust töövoogust ja kliendi konkreetsetest vajadustest.

Nagu öeldud, on see protsessi “mall”, mida võiksite proovida esialgu oma töövoogudega kohandada ja seejärel näpistada, kui saate sellisel viisil rohkem harjutada.

1. samm: alustage tavapärasest uurimis- ja avastamisprotsessist.

Intervjuud, välivaatlused, tööuuringud, võistlusanalüüsid - mida iganes sa tavaliselt teed (või oled plaaninud teha), lõpeta see etapp nagu tavaliselt.

2. samm: visandage natuke mööda teed.

Uurimistööde käigus saate tõenäoliselt ideid kasulike kujunduste ja mustrite, kaasahaaravate voogude jms kohta. Salvestage need nii, nagu tavaliselt. Mulle meeldib oma vihikusse teha pisipiltide visandeid, mille kõrval on kirjalikud märkmed. Võite eelistada visandamist tahvlile või teha ekraanipilte huvitavatest kasutajaliidese mustritest. Mis iganes aitab häid ideid meelde jätta, tehke seda.

3. samm: valmistage ette oma kõrge täpsusega dokument

Avage valitud kujundustööriist ja seadistage dokument õigesti. Valige mõned tahvli suurused ja alustage korratavate kujundite, rühmade ja sümbolite loomist.

Võtke aega, et salvestada kaubamärgi värvipalett üksikute näidistükkidena, luua ja korrastada tüübistiile ning teha standardsed varjud ja filtrid, mida saate vajadusel rakendada kõikidele kujunditele.

Kulutage palju aega oma sümbolite õigeks saamiseks. Teil võib olla nupp, millel võib olenevalt olekust olla neli erinevat värvi. Kui võimalik, kasutage sümbolite alistamisi, et saaksite vajadusel hõlpsalt erinevaid värve ja tekstisilte rakendada.

Kui on kasutatud kohandatud ikoone, salvestage need üksikute sümbolitena ruudukujulisele tahvlile (või mis tahes sobivale kujule). Nii on teil neid lihtne üles ja alla skaleerida, säilitades siiski õige vahekauguse ja joonduse.

4. samm: alustage kujundamist.

Teie esimene voor võib olla veidi konarlik, kui olete harjunud sellisel viisil töötama ja nägema, kus teie stiilijuht püsib (ja kus mitte). Lisaks lahenduste loomisele mustritele, millel pole veel määratletud stiili, eeldage, et teete kõigi stiilide õigeks muutmiseks üsna palju näpistamist.

Minge kogu selle protsessi käigus hea koopiasuunaga või siis, kui teil seda on, päris koopiaga. Ärge tehke pealkirju, mis ütlevad: „Lehe pealkiri läheb siia.” Andke vaatajale tunne, millest oleks mine siia, kui see oleks reaalne.

Samuti ärge looge nimekirja nimedest, mis kõik ütlevad John Smith telefoninumbriga 555-1212. Erinevate nimede ja numbrite loomiseks kasutage juhuslike loendite generaatorit või pistikprogrammi või looge ükskõik milline kuvatav andmekogum. See võib tunduda liigne, kuid see võimaldab teil lahendada probleeme paigutuse ja tähemärkide laiusega ning aitab teie vaatajal mõista, et need viis kirjet on kõik erinevad.

5. samm: teadke, millal tuleb disain lõpetada.

Seal on mõned üksikasjad, mille pärast ei peaks te praegu hoolitsema, sest need võtavad tõesti liiga kaua aega. Võib-olla on see kangelase jaoks täpse pildi valimine või allalaadimise oleku tähistamiseks kohandatud ikooni kujundamine. Need on mõned juhtumid, kus võite kasutada kohahoidja pilti või ikooni ja testida tegelikke pilte või ikonograafiat hiljem.

Peate helistama sellele, mis siin sobib, kuna see sõltub projekti eesmärkidest ja sellest, kui kaugel te sellega olete.

Pange tähele, et see võib sõltuda sellest, mida teie kasutaja testitest osavõtjad töö nõuetekohaseks hindamiseks vajavad. Eespool mainitud madala kirjaoskusega sihtgrupi jaoks ei olnud miski liiga detailne. Iga osaleja jaoks tegin prototüübi variandi, kus kasutati nende tegelikku nime ja telefoninumbrit, nii et rakendus tundus, et see on nende päralt. Mida vähem nad pidid eeldama, seda lihtsam oli neil jälgida ja seda paremad olid minu tulemused.

6. samm: nautige kvaliteetset tagasisidet ja testitulemusi.

Avaldage oma disainilahendused otse valitud prototüüpimise tööriista jaoks ja tooge need katsetamiseks väljale. Nüüd saate tagasisidet mitte ainult funktsionaalsuse kohta. Saate avastada võimalikke visuaalseid probleeme, näiteks värvide kontrastsuse või loetavusega seotud probleeme, samuti saate avastada kopeerimise suuna või tõlkimisega seotud probleeme. Samuti saate kiusata positiivseid või negatiivseid tundeid, mis kasutajatel võivad olla välimuse ja tunnetuse või kaubamärgi suhtes.

Need on kõik asjad, mille kohta visuaalse kujunduse faasi jõudes tõenäoliselt tagasisidet tahtsite saada. Miks mitte saada kogu see tagasiside kohe? Osa visuaalide tagasisidest võib mõjutada otseselt UX-i ja vastupidi, nii et kui see on võimalik, on hea see kõik korraga välja töötada.

Pakkimine

Kahtlemata on palju juhtumeid, kus projekti õnnestumiseks on vajalik täielik traatvõrgu etapp. Kompleksne disain, nagu reageeriv veebirakendus, vajab traadiraamidele eraldi ja pühendunud keskendumist. See säästaks aega ja raha kõigi ärinõuete, juhtumite ja vigade käsitlemise väljatöötamisel traadiraami etapis, kui see oleks siis, kui täielik visuaalne kiht oleks juba välja mõeldud ja rakendatud.

Õigel juhul võib otse truuduseni jõudmine teie protsessi parandada:

• Parandage sidusrühmade tagasisidet . Kliendid, arendajad, muud disainerid ja testgrupi osalejad sihtgrupist näevad täpselt, mida nad saavad, võimaldades neil anda kvaliteetsemat tagasisidet.
• Kiirendage prototüüpide loomise töövoogu . Teie disainilahendused pole mitte ainult kohe testimiseks valmis, vaid saate tagasisidet korraga paljude asjade kohta: UX, koopia ja visuaal.
• Edastage klientidele ja arendajatele üks dokument . Kõrvaldage vajadus ristviidete järele ja kontrollige mitmesuguseid dokumente, et mõista, kuidas nupp peaks töötama. See on ka suurepärane viis, kuidas teie klient saab oma sisemiste sidusrühmadega tööd arutada, et teile veelgi rohkem tagasisidet saada.
• Säästke aega ja raha . Ja see on peaaegu alati hea asi!

Kasutage seda lähenemisviisi järgmisel korral, kui teil on projekt, kus teil on mõned olemasolevad disainimaterjalid, millele viidata, või kus teie publikule on suur erinevus, kui teos on madala või kõrge truudusega.

• • •

Lisalugemine ApeeScape'i disainiblogist:

• e-kaubanduse kasutajaliides - ülevaade parimatest tavadest (koos infograafikaga)
• Inimkeskse disaini tähtsus tootedisainis
• Parimad UX-i disainerite portfellid - inspireerivad juhtumianalüüsid ja näited
• Mobiilsete liideste heuristilised põhimõtted
• Ennetav disain: kuidas luua maagilisi kasutajakogemusi