13 disainiviga, mis võivad teie mobiilirakenduse hävitada

Kas olete ambitsioonikas disainer, kes üritab luua ainulaadset mobiilirakenduse disaini, mis tagaks klientide kaasamise ja pakuks vajalikke turundusmeetmeid? Noh, minevik jääb teid alati kummitama ja viib teid servani.

Minevikus tehtud disainivead muudavad teid praeguses hetkes täiuslikuks. Mõned lihtsad disainivead võivad viia teid sammu tagasi ja lõpuks kogute virtuaalset tolmu.

Eakaaslased näevad UX-i üldiselt liidese ja visuaalse disainina, kuid nad ei tea, et UX on sügavalt juurdunud uurimistöösse ja testimisse. Samuti on UX-i ja selle kohta, kuidas see mobiilirakenduse arendusprotsessiga sobib, eksiarvamus. Paljud inimesed arendavad äritegevuse suurendamiseks mobiilirakendust, kuid mis siis, kui teie suur investeeringusumma ei anna teile korralikku ROI-d. Selleks peate olema teadlik mõnest levinumast disainiveast, mida enne mobiilirakenduse arendamist vältida.

Sukeldume analüüsimaks disainivigu, mis võivad teie mobiilirakenduse hävitada.

1 Nõudeuuringut ei tee

Enne pliiatsi paberile panemist saate oma toodet täiustada, lisades sellele parima kujunduse. Enne kasutajaliidese kujundusega töötamist peaksite teadma järgmist nõuet.

• Miks te selle mobiilirakenduse loote?
• Kas see aitab kasutajatel nende ootusi täita?
• Kas teie rakenduse kujundus meelitab palju vaatajaskonda?
• Kas olete loonud iga toote spetsiaalselt selleks, et aidata kasutajal paremini aru saada?

2 Kehv sisseelamismulje

Kui teie esmamulje tundub kasutajale kehv, muutub ta kiiresti eemale vaatamast huvitatud. Sel juhul peate lisama õiged funktsioonid, mis märgitakse kõigi mobiilidisaini parimate tavade katuspunktiks.

Ärge lisage pikka sisseelamisprotsessi, mis kasutajaid tüütab, kuid ilma korralike liitumispunktideta ajab teie rakendus kasutajad intuitiivses etapis segadusse. Pidage meeles, et kui kasutaja logib teie mobiilirakendusse sisse, ei leia ta ühtegi teekonnapunkti, näiteks „Kuidas teie rakendus töötab”, „mida te neile pakute”, kuna see ärritab teda. Lisaks saate osaleda beetatestimise protsessis, mis võimaldab disaineritel õppida, kuidas rakendust algusest peale tajuda. Vaadake allolevat näidet:

Siin näib ilmselge pakkuda parimat liitumisprotsessi, mis köidab kasutajaid kõige paremini ja annab õrna tasakaalu.

3 Infoarhitektuuri täitmata jätmine

See on etapp, mida disainerid ei tohiks vahele jätta ja mille suhtes olla ettevaatlik. See on rakenduse UX-i arhitektuuri läbimõeldud planeerimine, mis tuleks läbi viia enne projekteerimistöödega alustamist. Disainer peaks kaardistama rakenduse kasutajavoo ja struktuuri enne raamimise etappi asumist. Seda juhtub mitu korda, kui disainerid on väga põnevil, et minna rakenduse üksikasjadesse ja töötada disainiosa kallal.

Disainerid ei suuda kasutajate voogu optimeerida, seega peate aeglustama. Esiteks lõpetage muretsemine peenemate üksikasjade pärast. Lihtsalt visandage põhivool ja see, kuidas protsess sealt edasi saab. Pidage meeles pilti ja jätkake kujunduse sisemiste detailidega ning mõelge, kui hästi saate esile kutsuda ja tugevdada parimat disainikontseptsiooni.

4 Konkurendi ülevaatamise mitte tegemine

Konkurentsivõimelist mobiilirakenduste turgu peavad tunnustama kõik turul olevad disainimeeskonnad. See aitab neil teha kõike, mis võimalik, et eristada pakkumist teistest tuhandetest kosmoses saadaolevatest rakendustest. Vaadake, kuidas see, mida mobiilirakendus loodab saavutada, milliseid disainiprotsesse ja -tavasid järgib, hõlmab kasutajate tagasisidet. Parim viis selleks on läbida UX konkurentide analüüs koos reeglite mõistmisega, et säilitada võrdlev mõtteviis.

• Tuvastage vajadus
• Tuvastage tõelised konkurendid
• Võrrelge kriteeriumide ja mitte eelistuste kaudu
• Analüüsige ja tehke kokkuvõte
• Esitage oma UX-i konkurendi analüüs
• Uurige tavalisi kasutajakogemuse uurimise lõkse

Peate lihtsalt läbi viima keskendunud UX-i konkurentide analüüsi, mis aitab teil saada väärtuslikku teavet ja abi mitmel viisil. Lisaks otsesele ja kaudsele konkurendile silma peal hoidmisele peate andma oma disainis eelise.

5 Mitte raamimine ja itereerimine

See on levinud viga, mida enamik disainereid mobiilirakenduse loomisel teevad. Rakenduse loomine ilma traatraamita hävitab teie mobiilirakenduse, kuna see on algusest peale oluline ülesanne. Vaatame, kuidas see töötab.

Mis on traatraamimine?

Projekteerimisprotsess on iga disaineri jaoks oluline komponent. Wireframing võimaldab kujundajal mõelda teele, mida kasutaja järgib. See hõlbustab kasutajatel teie mobiilirakendusse sisenemist ja otsitava õige teabe hankimist. Lühidalt öeldes on Wireframe rakenduse luukere makett, mida tavaliselt kasutatakse kasutajaliidese, sisu ja funktsionaalsuse kujundamiseks.

Seadke kasutaja vajadus esikohale.

Wireframing võimaldab disaineritel alustada nullist funktsionaalsusest ja enne, kui kasutaja soovib visuaalset kujundust. See parandab järk-järgult teabe ja andmete hajutamist ning kasutajakogemust. Spetsiaalse traatraamimise tööriista kasutamine aitab disaineritel kasutada eelnevalt valmistatud traatraami komponente. See vähendab kasutajaliidese komponentide nullist kujundamisel tehtavaid jõupingutusi ja vabastab mõtlema optimaalsele kasutajakogemusele.

Miks on traatraamimine vajalik?

See on esialgne visandid või storyboard, mis annab disaineritele kontseptsiooni selge visualiseerimise, et planeerida navigeerimisstruktuuri keerukust. See on kasutajavoo iga ekraani struktuuri, paigutuse ja funktsionaalsete nõuete plaan. Võime öelda, et see võib toimida plaanina, pakkudes selgeid juhiseid disaini üksikasjalikumate aspektide lahendamiseks. Turul on saadaval mitmesuguseid traatraami tööriistu, mis on jagatud kolme põhikategooriasse:

• Madal täpsus: see on kasulik kiireks visualiseerimiseks ja loob mõtteviisi, et ideed on nii lõputud kui ka ühekordselt kasutatavad. Näide: kasutajaliidese šabloonid, InVision
• Kõrge täpsus: seda kasutatakse kujunduse lõplike versioonide jaoks, kus ekraanikujunduse pilkamine tehakse taskukohase hinnaga. Näide: InVision Studio, Sketch
• Pühendatud: looge selle spetsiaalse tööriista abil kiirem kaader, kuna see on nii madala kui ka kõrge täpsusega traatraamide kombinatsioon.

6 Mitte prototüüpimine

Prototüüpimata jätmine viib teid valele teele, kuna märkamatute vigade avaldamisel tekib raskusi. Saate teada, miks prototüüpimine on oluline.

Prototüüpimine on umbes nagu üleminek kasutajaliidese (UI) disainilt kasutajakogemusele (UX). Selle loovad kasutajad rakenduse kasutamiseks ja toimingute tegemiseks. Lisaks aitab see kasutajatel mõista, kuidas rakenduse funktsioonid töötavad. Selles projekteerimisetapis kogeb kasutaja, kuidas süsteem töötab ja kuidas kasutaja klõpsab nuppe, sisestab andmeid ja kontrollib töövoogu.

See võimaldab kasutajatel rakendust testida, teades projekteerimisvoo lünki. Sellised tööriistad nagu Mockplus ja FluidUI on kasulikud kasutajaliidese/UX-i disaineritele, tarkvarainseneridele, arendajatele ja teistele, et visualiseerida mobiilirakenduse loomise ideed. Seetõttu peavad kõik disainerid oma mobiilirakendusi prototüüpima.

7 Funktsioonide loend ei ole lõpule viidud

Kui olete raamimist ja prototüüpimist kontrollinud, võib see etapp tunduda tuttav, kuna see aitab teha vahet vajalikul ja liigsel funktsionaalsusel. Parim viis, mida saate teha, on selgitada disainerile, milliseid funktsioone täpselt oma rakenduses uurite ja kuidas see visuaale aitab.

Pidage meeles, et ärge lisage liiga palju funktsioone, kuna see suurendab projekteerimise ja arendamise kulusid ja aega. Hoolitse eelarve eest, sest mitu funktsiooni maksavad teile rohkem kui lihtne rakendus. Samuti muudab see teie rakenduse aeglaseks ja ülekoormatuks, mõjutades teie rakenduse üldist jõudlust. On tõenäoline, et kasutajal võib tekkida probleeme, nagu keerukus ja aeglane laadimisliides. Seega võib vähemate funktsioonide kasutamine säästa teie lisakulusid. Veenduge, et teie peamine moto on kasutajate usalduse võitmine ja hiljem saate lisada uusi funktsioone koos tulevaste värskendustega.

8 Ei otsusta arendustehnoloogiat

See on aga üks suurimaid mobiilirakenduse disainivigu, mille mõned neist mobiilirakendust arendades vahele jätavad. Selle jaoks peaksid kujundaja ja arendaja tuvastama platvormi, mida kasutaja soovib kaaluda. Olenemata sellest, kas see on iOS, Android või Windows, tuleb vaadata selle plusse ja miinuseid ning teada selle tegureid, mis sobivad teie rakendusega kõige paremini.

Pidage meeles funktsioone, mitte lisage ülekoormavaid andmeid, kuna see on kallim. Tarbetute ülesannete ja funktsioonide vähendamiseks rakendust drastiliselt täiustades. Selle asemel lisage tipptasemel funktsioone, mis on kasutajatele väga kasulikud.

Kui valite Androidi või iOS-i, peate meeles pidama, millise kujundusega millisel platvormil sünkroonite. Võtke arvesse kogu liidest ja mõelge parimale ikoonile ja kujundusele, mis sobib teie disainivajadustega hõlpsalt.

9 Ei proovi originaalset kasutajaliidest ja navigeerimisvalikuid

Andke kasutajatele teie rakenduse kasutamise jätkamiseks õige ja selge eesmärk. Andke oma kasutajale ärimudeli plaan, et saaksite seda raha teenida. Lisaks kõigele sellele peaks teie kujundaja andma kasutajaliidese õige navigeerimise, vastasel juhul ei suuda kasutaja teie rakenduses orienteeruda ja eksib. Sellise halva navigeerimiskujunduse tõttu langeb kasutaja konversioonilehtri kaudu välja.

Kasutajaliidese ja UX-sõbraliku navigeerimise alustamiseks kaardistamisega punktist A punkti B. Kujunduse navigeerimismenüü annab kasutajale võimaluse, pakkudes algusest peale õiget visualiseerimist ja kujundust reaalajas.

10 Force Fitting disainijuhist Androidi ja iOS-i jaoks

Android ja iOS on mõlemad erinevad platvormid ja vajavad erinevat kujundust. See on disainerite tavaline viga, kuna nad rakendavad nii platvormide kui ka rakenduse liidese jaoks sama kujundust. Tänapäeval saab kasutada platvormidevahelist strateegiat, kasutades täiustatud mobiilirakenduste arendustööriistu, kus arendajad peavad rakenduse arendamiseks kasutama ühte koodibaasi.

Kui teil on piiratud eelarve, vältige seda tüüpi vigu. Saate turgu testida ja otsustada, kas jääda hübriidrakenduse juurde või valida omarakendus.

11 Ei sisalda mikrointeraktsioone

Mikrointeraktsioon edastaks süsteemi olekut, toetaks vigade vältimist ja teavitaks kaubamärki. Võime öelda, et mikrointeraktsioon on suurepärase kujunduse saladus, kuna see aitab hoida disainile õige välimuse andmisega rohkem kaasat.

Elemente visuaalselt kujundades peate hoolitsema mõne asja eest.

• Hoidke keel lihtsana
• Andke iga mikrointeraktsiooni jaoks inimhääl
• Loo visuaalne harmoonia teiste elementidega
• Ärge mõelge üle lihtsate tekstisõnumite teavitamise peale
• Hoolitse iga suhtluse ja detailide eest hoolikalt
• Pange tähele kohandusi ja seda, kuidas hilisem mikrointeraktsioon toimib

Võtame näite selle kohta, kuidas mikrointeraktsioon toimib.

Apple’i nutikell on seade, mis võimaldab teil palju suhelda, kuna see seade on mõeldud paljude märguannete jaoks. Peale selle on igal rakendusel oma funktsioonid, mis on loodud ekraanil teabe edastamiseks.

12 Ei tee kvaliteedikontrolli ja kasutatavuse analüüsi

Disainerid peaksid töötama ja analüüsima oma rakenduste kasutamist, võttes tagasisidet, et teada saada, mis seal töötab ja mis mitte. Süvenege rakenduse mustandisse muljetavaldava värske pilgu ja beetatestide abil. Enne avalikustamist saatke beetatestijale reklaam välja ja töötage oma vaatajaskonnas. Kahtlemata võib beetatestimine olla aeganõudev, kuna see hõlmab kõiki redigeerimisfunktsioone ja selgitab välja, mis teie rakenduses puudu on.

13 Vaikeseadeid ei seadistata

Interaktiivsete elementide puhul võib kaaluda vaikeväärtusi, mis võivad kasutajatele suureks abiks olla. Tuleb kaaluda väikesemahulisi visuaalseid juhiseid, mis muudavad asjad kasutajatele lihtsamaks. Näidake kasutajatele, kuidas rakendust kasutada, pakkuge kasutajatele ja ebakindlatele kasutajatele erinevaid võimalusi, kiirendades puutumatut suhtlemist. Vaikimisi on hea tagasiside jaoks, mis aitab vähendada vigade arvu, ja nullvalikuga, mis annab kohe teada, kas kasutaja on otsuse teinud või mitte.

Mõned ekspertide nõuanded

Jätkake õppimist ja mobiilirakenduse kasutajaliidese täiustamist vastavalt oma kasutajanõuetele. Selle artikli kokkuvõtmiseks tutvustame parimaid kasutajaliidese disaini inspireerivaid saite, nagu Behance, Dribble, Awwwards, UI Movement, Flickr, Site inspire ja pinterest, mis on näidanud, kui rahuldav peaks kujundus olema.

Eksperdid soovitavad:

• Andke oma sisule hingamisruumi, lisades kasutajatele sobivaid kujundusi, nuppe ja alasid.
• Lisage veerisid, mustreid ja sobivaid fonte, et olla igal ekraanil ühtlasem.
• Kasutage vajaduse korral õigete mõõtmete ja mõõtkavaga kasutajaliidese elemente.

Takeaway mõtted

Nüüd on aeg oma suurepärane idee teoks teha. Ülaltoodud punkte võite pidada kontroll-loendiks, mis aitab teil läbida kõik kvaliteediprotsessid ja ületada kõik mobiilirakenduse kujundamise vead, tagades, et teie rakendus on visuaalselt ja kasutatavuse poolest hea. Võib esineda palju rohkem hullumeelseid disainivigu, mis võivad jääda meile või kasutajatele märkamatuks. Kõik on vaja need vead tuvastada ja tavalisi nähtamatuid vigu vältida, pakkudes nutikaimaid lahendusi, mille eest saate kiita.