Hyvä muotoilu on hyvä muotoilu, eikö? Totta, mutta on olemassa erityisiä näkökohtia, jotka tulevat esiin riippuen kyseisen mallin väliaineesta. Suunnitteluperiaatteet sellaiselle sovellukselle, joka on tehty toimimaan pöytätietokoneella, eroavat yleensä hiukan tehokkaimmista mobiilikäyttöjärjestelmän suunnittelun käytännöistä.

Jopa sateenvarjoluokassa, kuten 'mobile UX design', sovelluksen suunnittelussa ja mobiilisivuston suunnittelussa on eroja. Kun käyttäjät lataavat sovelluksen, he eivät halua vain verkkosivuston mobiiliversiota. He haluavat ainutlaatuisen kokemuksen, joka oikeuttaa sovelluksen lataamiseen kuluneen ajan (samoin kuin tilan, jonka se vie puhelimellaan). Käyttäjillä ei ole mitään epäilyjä sovelluksen poistamisesta, jota he eivät pidä kannattavana - 75% sovelluksista lataukset avataan vain kerran.

Mobiilisuunnittelua ei yleensä voida sivuuttaa. Maailmanlaajuisesti useammat ihmiset käyttävät Internetiä mobiili- tai tablet-laitteillaan kuin pöytätietokoneilta. Näiden käyttäjien huomiotta jättäminen ei ole enää jotain UX-suunnittelijat voi perustella. Se on tärkeää mobiilisuunnittelijat harkita mobiilikäyttöliittymän parhaita käytäntöjä suunnitteluprosessin jokaisessa vaiheessa.

Aseta käyttäjä ensin

Tämän pitäisi olla sanomattakin selvää, mutta kaikissa suunnitteluprojekteissa käyttäjän tulisi aina olla etusijalla, ja käyttäjien tarpeet ovat entistä tärkeämpiä (ja tarkempia) mobiililaitteissa. Jos suunnittelijat eivät vastaa mobiilikäyttäjien tarpeisiin, kyseiset käyttäjät siirtyvät nopeasti muihin verkkosivustoihin, sovelluksiin tai häiriötekijöihin.

Seuraavassa on muutamia asioita, joita suunnittelijat voivat tehdä vastaamaan matkapuhelimen käyttäjien erityistarpeisiin.

Tee navigoinnista intuitiivinen

Mobiilisivustoissa ja -sovelluksissa liikkumisen on oltava intuitiivisempaa kuin työpöytäsivustoissa. Käyttäjien on pystyttävä tunnistamaan välittömästi, miten he voivat kiertää mobiilisovellusta tai verkkosivustoa. Tämä voidaan saavuttaa tunnistettavilla suunnittelumalleilla (kuten hampurilaisvalikoilla) sekä tunnistettavissa olevilla kuvakkeilla (aloitusnäytön 'koti' -kuvake, chat-kuplan viestejä varten jne.).

Jos käyttäjien on ajateltava navigointia, he todennäköisesti poistuvat verkkosivustolta tai sulkevat sovelluksen ja etsivät yksinkertaisempaa ratkaisua.

Luo saumaton kokemus laitteiden välillä

Riippumatta siitä, käyttääkö käyttäjä sovelluksen, mobiilisivuston tai työpöydän verkkosivuston sisältöä, siirtymisen niiden käytön välillä on oltava saumatonta. Suunnitteluelementtien tulisi peilata toisiaan (suunnittelijoiden ei tulisi käyttää esimerkiksi sinistä sovelluksessa ja punaista verkkosivustossa).

Saumaton kokemus paitsi helpottaa asioita verkkosivustoa tai sovellusta käyttäville ihmisille, mutta se myös lisää luottamusta brändiin.

Keskity käyttäjän tavoitteisiin

Henkilön mobiilisovelluksessa tai verkkosivustolla tavoitteet ovat todennäköisesti erilaiset kuin koko työpöydän sivustolla. Esimerkiksi ravintolasovelluksessa kävijä haluaa todennäköisesti tehdä vain muutamia asioita: tarkastella valikkoa, tehdä varauksen tai saada reittiohjeet. Useimmissa tapauksissa he eivät etsi yrityksen koko historiaa matkapuhelimestaan ​​- tällainen sisältö voidaan piilottaa valikoissa tai alivalikoissa.

Mieti, mitä käyttäjä todella haluaa tehdä mobiilisovelluksella. Yksi tärkeä asia, jonka suunnittelijat usein unohtaa, on sisäänkirjautumisen vaatiminen perustehtävissä. Esimerkiksi pankkisovellukset pyytävät usein sisäänkirjautumista voidakseen tehdä mitään sovelluksessa. Mutta tehtävät, kuten lähimmän pankkiautomaatin sijainnin löytäminen, eivät todellakaan vaadi käyttäjää kirjautumaan sisään. Näiden ominaisuuksien tekeminen helppokäyttöiseksi on hieno tapa parantaa käyttöjärjestelmää.

Salli mukauttaminen

Mobiilisovelluksissa personointi on avain käyttökokemuksen parantamiseen. Mukauttaminen voi myös auttaa saavuttamaan markkinointitavoitteita. Se on win-win kaikille sidosryhmille.

Mukauttamisen tulisi ajaa käyttäjiä kohti etsimääsä sisältöä ja pois heille merkityksettömästä sisällöstä. Se voi myös poistaa häiriötekijät sivustolta, virtaviivaistaa komponentteja, kuten ostoprosessia, ja varmistaa, että markkinointiviestit ovat synkronoituja sen kanssa, mitä kävijä todella haluaa.

Liiallinen räätälöinti voi kuitenkin olla helppo ansa. Mukauttamisen tason on vastattava käyttäjän luottamusta sovellukseen ja yritykseen. Kuinka usein ihmiset tuntevat olonsa hämmentyneeksi tai oudoksi, kun verkkosivusto näyttää mainoksia mistä tahansa, mistä he ajattelivat (tai puhuivat), mutta eivät ole edes etsineet? Toki, se on vain kehittyneiden mainosalgoritmien ennakoiva luonne, mutta tämä personointitaso voi silti antaa kävijöille pelkoa.

Tee asioista aina helpompaa

Kun henkilö vierailee verkkosivustolla tai sovelluksessa mobiililaitteella, hän haluaa suorittaa käsillä olevan tehtävän mahdollisimman nopeasti. Suunnittelijan tehtävä on tehdä tarvittavien tehtävien suorittaminen mahdollisimman helpoksi. Kaiken poistaminen, mikä ei ole ehdottoman välttämätöntä jokaiselle tehtävälle, on hyvä paikka aloittaa. Tarvittavien tehtävien yksinkertaistaminen mobiililiittymässä on myös avainasemassa.

Esimerkiksi monet verkkokaupan sovellukset ja sivustot tarjoavat nyt kameravaihtoehdon luottokorttitietojen syöttämiseen. Sen sijaan, että kirjoittaisit kortin numeron, ostajat voivat kohdistaa kameransa luottokortilleen, ja sovellus lukee numeron automaattisesti.

Muita asioita, kuten lomakekenttien syötetyypin määrittäminen (jotta esimerkiksi kun sähköpostiosoite on odotettu syöte, @ -merkki ja “.com” ilmestyvät näppäimistön päänäyttöön).

Hyvät lennolle pääsyn käytännöt

Hyvä lennolle pääsy on välttämätöntä mobiilisovelluksille. Mutta 'hyvän' määritelmä vaihtelee suuresti erilaisten sovellusten välillä. Helppokäyttöiset sovellukset - kuten tehtäväluettelot tai verkkoselaimet - tarvitsevat vain vähän sisäänpääsyä. Useimmat käyttäjien on aloitettava muutama roiskunäyttö, jotka viittaavat ainutlaatuisiin ominaisuuksiin.

Mutta monimutkaisemmat sovellukset, kuten rahoituspalvelujen tai projektinhallinnan sovellukset, tarvitsevat kattavamman käyttöönoton.

Käytä vakiintuneita eleitä

Tämän pitäisi olla sanomattakin selvää, mutta mobiilisuunnittelijoiden on otettava huomioon vakiintuneet eleet, joita ihmiset ovat tottuneet käyttämään laitteissaan. Useimmista käyttäjistä on tullut intuitiivisia, kuten zoomauksen nipistäminen tai pyyhkäisy, ja niitä tulisi käyttää aina kun mahdollista.

Tapauksissa, joissa suunnittelija päättää poiketa vakiintuneesta eleestä, on tärkeää vihjata käyttäjät tähän poikkeamaan joko aloittamisen aikana tai kun käyttötapaus ilmestyy ensimmäisen kerran.

Mobile Layout Design

Mobiiliasetusten suunnittelu ei ole täysin erilaista kuin minkä tahansa muun asettelun suunnittelu, mutta suunnittelijoiden on otettava huomioon tietyt näkökohdat.

Yksi suurimmista huomioista on kosketusnäytön kohteiden koko. Vaikka hiiri tai ohjauslevy voi napsauttaa tarkasti, sormenpäät ovat paljon epätarkempia. Ihannetapauksessa kohteiden tulisi olla 7-10 mm mobiililaitteen näytöllä. Tämän avulla sormenpää voi napauttaa kohdetta ilman, että sinun on kohdistettava liian varovasti.

Asiaan liittyvä alue, joka on otettava huomioon, on käden asennon hallinta ja peukalon alue ”Mobiililaitteissa - puhelimen näytön alue, johon pääsee helposti peukalolla, kun henkilö pitää puhelinta yhdellä kädellä. Suurimman osan interaktiivisesta sisällöstä (ja erityisesti toimintakehotuksista) tälle vyöhykkeelle on elintärkeää positiivisen käyttäjäkokemuksen luomiseksi.

On tärkeää, että mobiilimallit leikkaavat mahdollisimman paljon sotkua. Minimalismi on suunnittelijan ystävä mobiilisovelluksissa. Yritä täyttää kaikki työpöydän käyttöliittymässä näyttö, joka on murto-osa koosta, joten muotoilu näyttää ahtaalta ja voi olla ylivoimainen.

Keskittyminen tavoitteisiin, navigointivaihtoehtojen minimointi (valikot ja alavalikot voivat auttaa tässä) ja yleensä poistamalla kaikki elementit, jotka eivät ole välttämättömiä käyttäjille, jotta he voivat tehdä mitä tarvitsee, luo virtaviivaisempi ja käyttäjäystävällisempi käyttöliittymä.

Leikkaamalla näytön häiriöitä suunnittelijoiden on oltava varma siitä, että he eivät unohda joitain keskeisiä suunnittelunäkökohtia. Yksi tällainen näkökohta on varmistaa, että eri muotoiluelementeillä on riittävä kontrasti. Ihmiset katsovat mobiililaitteitaan usein vähemmän kuin ihanteellisissa olosuhteissa. Kirkkaan auringonvalon kaltaiset asiat voivat tehdä ruudun elementeistä vaikeasti havaittavia, mutta suuri kontrasti auttaa tekemään elementeistä näkyvämmät.

Typografia on toinen keskeinen näkökohta. On tärkeää, että mobiilisuunnittelussa on selkeä typografinen hierarkia. Nimekkeiden ja otsikkojen tulee olla helposti havaittavissa, ja fonttien on yleensä oltava suurempia. Kukaan ei tykkää räikeästi ruudullaan yrittäessään lukea suuria tekstilohkoja puhelimellaan. Selkeät otsikot, luettelomerkit tai numerot ja lyhyet kappaleet tekevät mobiilitekstistä luettavamman.

Viimeinen käyttöliittymän huomio on siirtymien ja animaatioiden käyttö. Animaatio voi olla tärkeä signaali käyttäjälle siitä, että mikä tahansa heidän juuri tekemä toiminto teki jotain. Animaatiot ja selkeät siirtymät näyttöjen tai toimintojen välillä mobiilisovelluksessa ovat keskeisiä palautetta, jotka luovat tyydyttävämmän käyttökokemuksen.

Mobile UX: n parhaat käytännöt

Kaikki yllä olevat ovat tärkeitä huomioita suunniteltaessa mobiilisovelluksia ja verkkosivustoja. Mutta on muita mobiilikäyttöjärjestelmän parhaat käytännöt noudattaa parhaan mahdollisen käyttökokemuksen varmistamiseksi.

Keskity nopeuteen

Huolimatta laajasta 4G-tiedon saatavuudesta, matkaviestinverkot ovat yleensä hitaampia kuin wifi- tai laajakaistapalvelut. Ja monissa osissa maailmaa 4G: tä ei ole, ja mobiilikäyttäjät ovat jumissa joko 3G: n tai hitaamman datanopeuden kanssa.

Tämä tarkoittaa, että mobiilisivustojen ja erityisesti mobiilisovellusten on oltava nopeita. Sisällyttämällä sovellukseen sisältöä, jota ei tarvitse ladata joka kerta, kun sovellus latautuu, sovellus muuttuu nopeammaksi. Kuten vain sisällön lataaminen, kun se on tarpeen (vaikka ennakoimalla tarvittavaa sisältöä ja esilataamalla sen, sovellus voi näkyä käyttäjälle nopeammin).

Se on tasapainottava toimenpide sen välillä, että lataat käyttämättömän sisällön (ja hyödynnät dataa) ja luodaan nopeuskäsitys lataamalla esilataus sisältöä, jota käyttäjät todennäköisesti tarvitsevat seuraavaksi.

Yksi tapa luoda illuusio nopeudesta ja rauhoittaa kärsimättömiä käyttäjiä on käyttää paikkamerkkejä, kunnes sisältö latautuu. Facebookin mobiilisovellus tekee tämän, mikä näyttää käytännössä olevan kiillotetun lankakehyksen latautuvan heti, kun sovellus avautuu, ja sillä on tilaa ladattaville viesteille. Tämä siirtymänäyttö ilmoittaa käyttäjille, että jotain tapahtuu sisällön kanssa ennen kuin se todella latautuu.

Anna palautetta käyttäjille

Palautteen antaminen käyttäjille heidän suorittaessaan toimintoja mobiilisovelluksessa on tärkeä osa positiivista käyttökokemusta. Kuten aiemmin mainittiin, animaatiot ja siirtymät ovat yksi tapa antaa palautetta.

Taktiili- ja äänipalaute on mahdollista myös mobiililaitteilla. Kosketuspalautteen antaminen tiettyjen toimintojen suorittamisen yhteydessä on erityisen suosittua mobiilipelien ja myös virheilmoitusten kohdalla. Äänipalaute on suosittua kaikenlaisten sovellusten toimintojen kanssa. Suunnittelijoiden ei kuitenkaan pidä luottaa äänipalautteeseen, koska niin monet ihmiset pitävät puhelinta jatkuvasti hiljaisena.

Minimoi tietojen syöttö

Toinen keskeinen mobiilikäyttöliittymän paras käytäntö on minimoida tarvittavan datan määrä. Tähän puututtiin aiemmin, mutta mitä enemmän tietoja henkilön on syötettävä mobiilisovellukseen, sitä todennäköisemmin he luopuvat tehtävästä.

Lomakkeen täyttäminen neljällä tai viidellä kentällä ei ehkä ole iso juttu pöytätietokoneessa tai kannettavassa tietokoneessa, mutta mobiililaitteessa nämä neljä tai viisi kenttää saattavat riittää käyttäjän syrjäyttämiseen, varsinkin jos hän ei näe tarkoitus. Varmista, että jokainen mobiililaitteella täytettävän lomakkeen kenttä on välttämätön. Poista kaikki, jotka eivät ole.

Tämä on yksi alue, jossa antaa ihmisille mahdollisuus käyttää yhtä olemassa olevista tileistään (kuten Facebook-, Google- tai Twitter-tili) sen sijaan, että rekisteröidyisi alusta alkaen, voi parantaa tuloksia huomattavasti. Kun käyttäjän on vain napsautettava valtuuttaakseen pääsyn sen sijaan, että hän täyttäisi uuden rekisteröinnin lomakkeen, hän todennäköisesti tekee niin. Älä vain luota pelkästään näihin toissijaisiin sovelluksiin - jotkut käyttäjät ovat edelleen epäluuloisia tiliensä linkittämisessä ja vievät aikaa lomakkeen täyttämiseen.

Johtopäätös

Näiden vakiintuneiden UX-suunnitteluperiaatteiden noudattaminen luo paremman yleisen käyttökokemuksen ihmisille, jotka vierailevat mobiilisivustolla tai käyttävät mobiilisovellusta. Suunnittelijoilla on vain muutama sekunti aikaa kiinnittää ihmisten huomio, ennen kuin he hylkäävät sovelluksen tai sivuston käyttäjäystävällisemmän, intuitiivisemman tai virtaviivaisemman eduksi.

Suuri mobiilisuunnittelu on yleistymässä, ja rimaa on nostettu entisestään sen suhteen, mitä käyttäjät odottavat mobiilisovelluksiltaan. Suunnittelijat eivät voi enää katsoa mobiilisuunnittelua jälkikäteen, ja heidän on sen sijaan käytettävä niihin yhtä paljon aikaa, huomiota ja resursseja kuin muihin muotoihin suunnitellessaan.

• • •

Lue lisää ApeeScape Design Blogista:

• Mobile UX Design - parhaat käytännöt, rajoitteet ja yhteistyö kehittäjien kanssa
• Säilytä käyttäjät näiden mobiilisovellusten innoittamana
• Perusopas mobiilikäytettävyyteen
• Heuristiset periaatteet mobiililiittymille
• eCommerce UX mobiilikokemukseen

Perustietojen ymmärtäminen

Miksi tarvitsemme UX: n?

UX viittaa yksinkertaisesti käyttökokemukseen. Käyttäjäkokemus on olemassa riippumatta siitä, noudattavatko suunnittelijat aktiivisesti UX-periaatteita ja -malleja vai eivät. Mutta vakiintuneiden UX-suunnitteluprosessien ja mobiilien UX-suunnitteluperiaatteiden noudattaminen antaa suunnittelijoille mahdollisuuden luoda käyttökokemuksia, jotka antavat vierailijoilleen iloisen ja tyytyväisen.

Mitä eroa on käyttöliittymällä ja käyttöliittymällä?

UX viittaa käyttökokemukseen, kun taas UI tarkoittaa käyttöliittymää. Käyttöliittymän suunnittelulla on suora vaikutus käyttökokemukseen. Hyvät käyttöliittymäkäytännöt sisältävät käyttöliittymäsuunnittelun, käyttäjätutkimuksen, käytettävyyden, brändäyksen, toiminnallisuuden ja mobiilikäyttöliittymäsuunnittelun periaatteet muun suunnittelun näkökohtien joukossa.

Mikä on mobiili ensimmäinen lähestymistapa?

Mobile UX: n parhaat käytännöt edellyttävät ensin mobiililaitteille -menetelmää. Silloin UX-suunnittelija aloittaa verkkosivuston mobiiliversiolla ja luo sitten työpöydän version sen jatkeena päinvastoin. Useimmat mobiilikäyttöjärjestelmäkuviot toimivat hyvin työpöydän sivustoissa, mutta päinvastoin ei aina ole totta.

Mikä on UCD UX: ssä?

Käyttäjäkeskeinen suunnittelu (UCD) on ongelmanratkaisukehys suunnittelulle, joka keskittyy käyttäjien tarpeisiin suunnitteluprosessin kaikissa vaiheissa. Kaiken tuotteen tehtävistä ja työnkulusta käytettävyystavoitteisiin ja käyttäjän ominaisuuksiin otetaan huomioon joka vaiheessa. Se on erityisen hyödyllinen mobiileissa UX-projekteissa.

Miksi käyttäjäkeskeinen suunnittelu on tärkeää?

Käyttäjäkeskeinen suunnittelu on tärkeä kehys tehokkaan käyttäjäkokemuksen (UX) luomiseen. UCD mobiilikäyttäjien parhaissa käytännöissä keskittyy siihen, miten käyttäjät tosiasiallisesti käyttävät tuotetta (mukaan lukien mobiilisovellukset ja verkkosivustot), sen sijaan, että odottaisi käyttäjien mukauttavan käyttäytymistään tuotteen toimintatapaan.