12 huonoa käyttöliittymän/käyttöliittymän virhettä, joita ei saa tehdä sovellussuunnittelussa

7

Teksti on liian pieni luettavaksi.

Pieni vaalea fonttisisältö valkoisella taustalla.

Käyttäjät eivät näe tärkeitä ominaisuuksia, jotka sijaitsevat tiukasti jossain käyttöliittymässä.

Nämä ovat joitain yleisiä ongelmia sovellusten UX/UI-suunnittelussa, ja monien tällaisten virheiden tekeminen maksaisi sinulle kalliisti. Ohjelmistoprojektia suunniteltaessa tällaiset virheet tulee tunnistaa jo suunnitteluvaiheessa, sillä tavoitteena on luoda intuitiivinen ja nopea käyttöliittymä, joka tarjoaa saumattoman käyttökokemuksen.

Tässä on joitain tappavia virheitä, jotka voivat johtaa sovelluksen tuhoon, ja kuinka voit lopulta välttää ne.

1 Käyttäjän odotuksista poikkeaminen

Mielenkiintoista on, että käyttäjillä on joitain odotuksia näiden perusgraafisten graafisten widgetien (valintanapit, valintaruudut, vierityspalkit, komentolinkit/painikkeet jne.) käyttämisen suhteen. Vallankumouksellisen muutoksen yrittäminen noissa painikkeissa ei välttämättä ole hyvin vastaanotettu.

Harkitse tätä yksinkertaista esimerkkiä: Olet kuunnellut BBC:n uutisia koko elämäsi. Yhtäkkiä joku perheestäsi päättää kuunnella sen sijaan CNN:ää, ja saat ”kala vedestä” tunteen. Juuri tämän tuntevat myös käyttäjät, kun teet suuria muutoksia GUI-widgetteihin.

Suurin osa suosituista GUI-widgeteistä on kehitetty ja kokeiltu vuosia peräkkäin, ja on olemassa syy, miksi käyttäjät pitävät niistä. Sitä helppouden ja mukavuuden tunnetta ei ole helppo muuttaa yhdessä yössä. Tämä johtuu siitä, että käyttäjien on käytettävä paljon energiaa ja aivovoimaa tehdäkseen jotain uutta; ja he eivät ehkä ole vastaanottavaisia ​​siihen.

Älä siis tee rajuja muutoksia sovelluksesi GUI-widgetien ulkoasuun. Käyttäjäsi haluavat vaivatonta navigointia sovelluksessa, joten on parempi, jos säilytät graafisen käyttöliittymän alkuperäisen ulkoasun.

2 En tiedä mitä käyttäjä todella tarvitsee

Kun yritykset eivät ymmärrä käyttäjän todellisia tarpeita ja keksivät jotain, joka ei vastaa heidän tarpeisiinsa, se johtaa suureen virheeseen. Tällaisissa tapauksissa et voi lisätä myyntiä ja sovelluksesi epäonnistuu.

On tärkeää tutkia ja saada syvällisiä näkemyksiä käyttäjien kiinnostuksen kohteista ennen kuin päätät sisällytettävistä ominaisuuksista. Tee tätä varten perusteellinen käyttäjä- ja markkinatutkimus.

Ymmärrä, mitä kohdekäyttäjäsi odottavat sovelluksesi suunnittelulta – välitön vasteaika, sujuva navigointi säätimien välillä, helppo luettavuus ja niin edelleen – lyhyesti sanottuna intuitiivinen käyttökokemus.

Tee myös kriittinen analyysi kilpailijoistasi – tiedä heidän sovellustensa käytettävyystekijät; mitä kaikkia ominaisuuksia he sisältävät sovelluksiinsa, kuinka interaktiivisia heidän käyttöliittymänsä ovat jne.

Ja ensimmäistä kertaa kehittäjät varokaa: älä ylikuormita sovellukseen liikaa ominaisuuksia. Sovelluksen päätarkoitus on yksinkertaistaa käyttäjien toimintoja.

Siksi ei ole suositeltavaa mennä liioittelematta ominaisuuksien kanssa, koska tämä johtaisi toiminnan räjähdysmäiseen toimintaan, joka muuttaisi sen välittömästi keskinkertaiseksi sovellukseksi. Vähemmän ominaisuuksia (tietysti ensisijaisia) tekisi tempun.

3 Huono kosketuskohde

Käyttäjät ovat varustettu erikokoisilla sormilla. Joten kosketus on konfiguroitava palvelemaan kaikkien kohdesegmentin ihmisten sormia. Aikuisen etusormen keskimääräinen leveys on 1,6-2 cm. Muista siis tämä, kun suunnittelet kosketuspohjaisia ​​mobiilisovelluksia.

Jos käyttäjien on vaikea koskettaa ja aktivoida sovelluksen ominaisuuksia, he saattavat lopettaa sovelluksen käytön kokonaan, mikä olisi todella traagista. Ja tämä koskee jälleen käytettävissä olevien ominaisuuksien määrää. Mitä enemmän ominaisuuksia sinulla on, sitä pienempiä napautusalueita sovelluksessa on. Toisaalta muutaman tärkeimmän ominaisuuden sisällyttäminen johtaisi suurempiin hana-alueisiin.

4 Scroll Horror

Aikakauslehtien ja sanomalehtien toimittajat ja mainostajat elivät kerran ”kerhon” ikuisessa kauhussa. Mobiilisovellusten yleistyessä ”taittokauhu” helpotti hieman, koska sisältö näkyi helposti vieritettävällä näytöllä.

Mutta tämä oli vain osittain totta, koska oli entistä tärkeämpää luoda reagoiva ja pidempi verkkoasettelu, jossa päätoiminnot eivät saisi mennä sivun alapuolelle tai pikemminkin päihittää paikan, josta ihmiset voivat helposti vierittää ja löytää sen.

Tulokset lisääntyvät vain, kun asiaankuuluvat painikkeet sijoitetaan ”sivun yläpuolelle” tai kun käyttäjien ei tarvitse vierittää. Selkeän toimintakehotuksen sijoittaminen näkyvään paikkaan toisi enemmän tuloksia.

5 painiketta, jotka jäljittelevät GUI-ohjauspainikkeiden ulkoasua

Aivan kuten liian monta käyttöliittymän ohjausta voi olla kauhea virhe, tämän vastakohta voi myös olla tappava. Alleviivatut tekstit ja otsikot luovat tunteen, että ne ovat linkkejä, jotka vievät käyttäjät uudelle sivulle.

He napsauttavat sitä, mutta kun he eivät pääse sivulle, he olettavat linkin olevan rikki ja poistuvat sovelluksesta. Käyttäjät ovat usein hämmentyneitä ja joskus ärsyyntyneitä tämän farssin takia, eivätkä he välttämättä palaa takaisin.

Näytä valintanapit siellä, missä ne ovat ehdottoman välttämättömiä, mutta älä anna väärää käsitystä valintanapeista siellä, missä niitä ei ole.

6 Epäjohdonmukaiset GUI-ohjaimet

GUI-ohjaimien tulee olla johdonmukaisia. Jos käytät tiettyjä sanoja toimintakehotuksiin ja vastaaviin toimiin, käytä samoja sanoja koko sovelluksessa. Eri sanojen käyttäminen samalle toiminnalle voi aiheuttaa sekaannusta.

Joskus toiminnot, jotka kehittäjät olettavat olevan yksinkertaisia ​​käyttäjille, tekevät juuri päinvastoin. Jos noudatat tiettyä kaavaa sovelluksessasi, noudata sitä johdonmukaisesti koko ajan. Varmista, että painikkeet ja sivut näkyvät siellä, missä käyttäjät odottavat niiden tulevan.

7 Vuokaavioiden ohittaminen ja suunnittelun aloittaminen

Kehittäjät eivät säästä aikaa ohittamalla vuokaaviot ja sukeltamalla suoraan sovelluksen suunnitteluosaan. On erittäin tärkeää rakentaa vuokaavio käyttäjiä ajatellen, ja monet kehittäjät luovat nämä kaaviot käyttäjähenkilöiden kanssa, jotta heillä on aina loppukäyttäjä mielessä.

Tämä auttaisi myös määrittämään, mistä käyttäjät tulevat, mitkä ovat heidän etunsa ja missä he valehtelevat. Siksi vuokaavioita suunniteltaessa on välttämätöntä päättää käyttäjän ja liiketoiminnan tavoitteista ja siitä, saavutetaanko se lopussa vai ei. Luomalla vuokaavion voit käydä läpi erilaisia ​​sivunkulkuvaihtoehtoja ja päättää niistä parhaan.

8 Ei ota huomioon ”miettyjä etuja”

Maallikon termein affordance tarkoittaa kaikkia toimintoja, jotka ovat fyysisesti mahdollisia kohteen/ympäristön ominaisuuksista riippuen. Portaiden avulla voit nousta tai laskea, pullon korkilla voit ruuvata tai irrottaa.

Vastaavasti verkkosivulla liukusäädin suorittaa ylös ja alas liikkumisen, valintaruudun avulla voit valita tai poistaa valinnan ja hyperlinkkiteksti vie sinut toiselle sivulle. Affordance antaa käyttäjälle mahdollisuuden tehdä jotain, jonka he ymmärtävät helposti.

Näkemys näistä eduista perustuu käyttäjän tietoon verkkosivusta, kokemuksista, uskomuksista ja tavoitteista. Käyttöliittymiä suunniteltaessa on tärkeää, että suunnittelija antaa oikeat vihjeet tai se voi johtaa sekaannukseen ja siten huonoon käyttökokemukseen.

Suunnittelijoiden on käytettävä oikeita visuaalisia merkkejä, joiden avulla käyttäjät voivat havaita, kuinka he tarkkailevat näitä käyttöliittymäelementtejä ja ovat vuorovaikutuksessa niiden kanssa. On myös tärkeää muistaa, että kaikkia käyttäjiä ei ole luotu tasa-arvoisiksi; Tästä syystä kaikki eivät välttämättä ymmärrä tai tulkitse kaikkia mahdollisuuksia samalla tavalla. Joten palauta kaikki visuaaliset vihjeet oikeilla tarroilla ja ohjeilla.

9 Oikeantyyppisten valintaikkunoiden puuttuminen

Verkkosovelluksen dialogikäytettävyydessä on pakollista ilmoittaa käyttäjille järjestelmän nykyinen tila ja kuinka heidän komentojaan on tulkittu. Dialogien tarkoituksena on kertoa käyttäjille heidän toimintojensa kehittymisestä ilman, että heitä viedään pois nykyisestä näytöstä.

Hiljaisuus voi saada käyttäjät arvailemaan. Varmista siis verkkosovellusta luodessasi, että valintaikkuna ei peitä tietoja käyttäjiltä. Käytä sitä kuitenkin säästeliäästi, koska jatkuvat viestit voivat häiritä.

Kun käyttäjä esimerkiksi päättää poistua tietystä sivusta tietojen kirjoittamisen jälkeen, valintaikkunaan voi tulla vahvistusruutu, jossa lukee ”Hylkää luonnos? Peruuta tai hylkää”.

Niiden pommittaminen tilausvalintaikkunoilla (esimerkiksi ”Tilaa päivittäinen uutiskirjeemme kirjoittamalla sähköpostiosoitteesi”) voi kuitenkin olla todella ärsyttävää.

10 Yleisten virheiden tekeminen virheilmoituksilla

Käyttäjät käyttävät aikaa ja vaivaa lomakkeiden täyttämiseen, ja jos niissä on virhe, on pakollista ilmoittaa heille, mikä meni pieleen ja missä. Jos salasanan luomiseen on erityisiä sääntöjä, ilmoita siitä käyttäjille etukäteen, jotta heidän ei tarvitse tehdä samaa asiaa kahdesti.

Tai jos kampanjakoodi on käytössä, ilmoita heille etukäteen, millaisia ​​tarjouksia sovelletaan ja miksi. Jos heille ei ilmoiteta ajoissa, käyttäjä voi aiheuttaa ahdistusta ja turhautumista. Muista olla tekemättä näitä virheitä luodessasi virheilmoituksia:

  1. Epäselvyydet – Käyttäjän tekemän virheen epäselvyys.
  2. Käyttäjän syyttäminen – On parempi olla nöyrä, vaikka käyttäjä tekisi virheen. Osoita virhe varovasti, jotta heitä kehotetaan yrittämään uudelleen.
  3. Virheilmoitusten huono sijoittelu – Virheitä ei kannata laittaa luettelomerkkiluetteloon, koska se todella sammuttaa ne. Sijoita virheilmoitukset suoraan virheiden päälle, jotta käyttäjät näkevät heti, mikä on vialla.
  4. Mikrokopiointia ei käytetä virheiden estämiseksi – Pienet selittävän tekstin palat välilyöntien lähellä voivat itse asiassa antaa käyttäjälle ohjeet täytettäväksi, jotta he voivat saada sen ensimmäisellä kerralla.
11 Älykkäiden oletusasetusten puuttuminen

Ylimääräinen kenttä sovelluksesi lomakkeen täyttösivulla voi olla pelote. Joten jos tämä ylimääräinen kenttä on ehdottoman välttämätön, varmista, että laitat oletusarvot lomakkeen syöttökenttiin. Ihmiset skannaavat lomakkeet nopeasti tarkistaakseen, kuinka kauan lomakkeen täyttämiseen kuluu aikaa, ja jos lomakkeessa on jo oletusarvo, he todennäköisesti jatkavat täyttämään muut.

Älykkäiden oletusasetusten puuttuminen voi tehdä siitä aikaa vievää ja turhauttavaa käyttäjälle, ja se on vakava virhe. On myös suositeltavaa olla asettamatta oletusasetuksia syöttökentille, jotka vaativat käyttäjän huomiota. Älä oleta, mitä käyttäjä aikoo napsauttaa, ja vaikka se olisikin hyvin tutkittu oletus, käyttäjät saattavat haluta jotain muuta.

12 Toimintakehotuspainikkeiden korostusvärien huomioimatta jättäminen

On erittäin tärkeää käyttää hyviä korostusvärejä kiinnittääksesi huomion painikkeisiin, kuten ”Osta nyt”, ”Aloita ilmainen opetusohjelma”, ”Rekisteröidy nyt” jne. Käytä eri väriä painikkeissa, jotta ne erottuvat toisistaan, erityisesti niille, jotka ovat erittäin tärkeitä. tärkeitä toimintakehotuspainikkeita.

Korostusvärin on oltava tarpeeksi kirkas herättääkseen huomion, mutta ei ärsyttävä tai häiritsevä. Varmista, että korostusväri sopii yhteen sovelluksen muun väriteeman kanssa. Varaa myös tietty väri toimintakehotukselle äläkä käytä sitä muualla sivulla.

Johtopäätös

Nämä ovat joitain yleisimpiä virheitä UI/UX-suunnittelussa. Ja muista, että aina kun teet suunnittelumuutoksia, muista testata se huolellisesti nähdäksesi, kuinka tehokas se olisi.

Sovellusten suunnittelu erottuu menestyksestä, ja tuhansia sovelluksia julkaistaan ​​joka päivä, joten vain kourallinen niistä saa hyväksynnän. Huonot käytännöt voivat johtaa tappaviin virheisiin UX/UI-suunnittelussa, ja niin monien ihmisten kaikki ponnistelut menevät hukkaan.

Viimeinen muistutus:

Kun suunnittelet sovellustasi, muista suunnitella useita alustoja, ellet kohdista tiettyyn alustaan. Näin saat vähintään kannattavan tuotteen (MVP) suoraan kauppaan.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja