5 UX-mallia, joiden avulla käyttäjät voivat navigoida

Ehkä tärkein asia, joka pitää mielessä mobiilisovelluksen suunnittelussa, on varmistaa, että se on sekä hyödyllinen että intuitiivinen. Jos sovellus ei ole hyödyllinen, sillä ei ole lisäarvoa, eikä kukaan ole syytä käyttää sitä. Jos se on hyödyllinen, mutta siihen liittyy jyrkkä oppimiskäyrä, ihmiset eivät vaivaudu oppimaan sen käyttöä. Hyvä käyttöliittymäsuunnittelu ratkaisee nämä molemmat suunnitteluongelmat, viralliset parhaat käytännöt yleisten suunnitteluongelmien ratkaisemiseksi tunnetaan suunnittelumallina. Nykypäivän uusimpien ja trendikkäimpien suunnittelumallien ymmärtäminen ja tunnistaminen voivat antaa sinulle valtavan askeleen mobiilisovellusten suunnitteluteollisuudessa, joten seuraava sovelluksesi on tuore ja kilpailukykyinen.

Tämä viesti keskittyy mobiilisovelluksen navigointiin käytettyihin suunnittelumalleihin. Riippumatta siitä, millaista sovellusta suunnittelet, sinun on käytettävä käyttäjiä navigoimaan sovelluksen eri ominaisuuksissa tehokkaasti ja toimivasti - kuinka käyttäjät liikkuvat sovelluksesi läpi, voi päättää, pitävätkö he siitä tarpeeksi pitämään sitä edelleen.

Esimerkkejä siitä, kuinka erilaiset sovellukset toteuttavat esittelyt

1. Ohjeet ja valmentajamerkit

Hyödyllisyys on avain onnistuneeseen sovellukseen. Joskus tämä tarkoittaa kuitenkin melko monimutkaista sovellusta monen tyyppisillä työkaluilla ja sisällöllä. Hyvä tapa ratkaista tämä ongelma on aloittamalla esittely tai opas, joka osoittaa kunkin toiminnon toiminnan. Secret ja Youtube korostavat tärkeitä käyttöliittymän osia valmentajamerkeillä, jotka selittävät heidän tekemänsä, kun taas Carousel ja Duolingo näyttävät diaesityksen käyttäjien käyttämisestä tyypillisen käyttökokemuksen kautta. Tätä suunnittelumallia voidaan käyttää myös keräämään lisätietoja käyttäjältä, mikä mahdollistaa alkuperäisen rekisteröinnin / rekisteröinnin helpomman ja intuitiivisemman integroinnin sovellukseen.
Jos sovelluksesi eri ominaisuudet eivät ole välittömästi käyttäjän kannalta ilmeisiä, esittelyt ja valmennusmerkit ovat hienoja suunnittelumalleja, jotka yksinkertaistavat käyttökokemusta ja sovelluksen monimutkaisuutta.

2. Sisältöpohjainen navigointi

Riippumatta siitä, millaista sisältöä haluat sisällyttää sovelluksesi suunnitteluun, haluat aina tehdä käyttäjäkokemuksesta ja sisällön virtauksesta mahdollisimman sujuvaa. Sisältöpohjainen navigointi on suunnittelumalli, jota käytetään yhdistämään saumattomat siirtymät yleiskatsauksen ja yksityiskohtaisten tilojen välillä. Tinder tarjoaa loistavan esimerkin tästä kuviosta: Voit siirtyä käyttäjän profiilin kahden tilan välillä - pääkatsauksen tila, joka on pääosin kuva, joka täyttää suurimman osan näytöstä, ja yksityiskohtaisen näkymän, joka tekee kuvan vain hieman pienemmäksi ja sisältää joitain tosiasiatiedot. Voit siirtyä jommankumman tilan välillä napsauttamalla näyttöä jommassakummassa näkymässä ja selaamalla valokuvien välillä valitsemasi tilan mukaan.

3. Liukusäätimet

Uberissa voit nähdä, että ajelupalveluja on neljä tyyppiä, ja sen sijaan, että vaaditaan neljä erillistä näyttöä tarvittavan tiedon toimittamiseksi, Uber käyttää liukusäätimen mallikuvaa, jotta se on helppo vaihtaa jokaisen ajopalvelun välillä. Tämä luo saumattoman vaihtoehdon vaihtoehdoista sormella, jolloin näiden ominaisuuksien näyttö on käyttäjän kannalta erittäin intuitiivinen.

4. Ponnahdusikkunat

Joskus ilmoitukset tai lisätiedot sovelluksen käytön keskellä voivat auttaa käyttäjiä olemaan paremmassa vuorovaikutuksessa sovelluksen kanssa. Tässä tapauksessa käyttäjät saattavat haluta tarkastella merkityksellisiä tietoja menettämättä nykyistä sijaansa käyttöliittymässä. Popover-malli voi ratkaista tämän ongelman monin tavoin:
 Ponnahdusikkunat ”ponnahdusikkuna”, kun käyttäjä suorittaa tietyn toiminnon tai pääsee tiettyyn paikkaan sovelluksessa ja näyttää kyseiseen toimintoon / paikkaan liittyvät asiaankuuluvat tiedot / hallintalaitteet käyttöliittymässä.

Sovelluksen alkuperäinen sisältö tai paikka on edelleen näkyvissä taustalla, mutta ponnahdusikkuna antaa sinulle mahdollisuuden mukauttaa tiettyjä asioita tai oppia seuraavaksi. Ponnahdusikkuna kiinnittää käyttäjän huomion ja antaa tärkeitä ilmoituksia tarvittaessa. Samanaikaisesti käyttäjät voivat kuitenkin helposti hylätä ponnahdusikkunan ja palata takaisin mihin he olivat alun perin tehneet napauttamalla tai pyyhkäisemällä näyttöä

Esimerkki ponnahdusikkunoista löytyy virallisesta TED-sovelluksesta, jossa on popover-toistosäädin, joka häivyttää taustan ja antaa käyttäjien olla vuorovaikutuksessa tämän ohjaimen kanssa menettämättä paikkaa sisällönselaimessa. Salainen ja Parvi käyttävät ponnahdusikkunoita selittääkseen mitä tapahtuu seuraavaksi, jos käyttäjät jatkavat tiettyä toimintoa.

5. Liukukiskot, sivupalkit ja laatikot

Verrattuna tietokoneisiin ja televisioihin matkapuhelimissa on suhteellisen pienet näytöt, mikä tarkoittaa, että yksi mobiilisuunnittelun haasteista on sopia paljon tietoa pienelle käyttöliittymälle. Välttääksesi suuren määrän tiedon sekaantumista yhdellä näytöllä kerralla, voit liikkua sovelluksen eri osien välillä liukusäätimillä, sivupalkeilla ja laatikoilla. Nämä kuviot ovat sovelluksen toissijaisia ​​osia, kuten karttoja, chatteja, käyttäjäprofiileja jne., Jotka on sijoitettu kokoontaitettaviin ”hampurilavalikoihin”, liukuvia nuolipainikkeita tai sivulaatikoihin. Tällä tavalla käyttäjät voivat olla vuorovaikutuksessa kunkin näytön tärkeimpien tietojen kanssa valitsemalla tarkennusosan näistä piilotetut paneelit.

Oletko käyttänyt jotakin yllä mainitsemista malleista ja ovatko ne auttaneet lisäämään päivittäistä aktiivisten käyttäjien määrää? Kerro meille.

Voit seurata meitä Facebookissa / LinkedIn / Twitter

Alun perin julkaistu monsoonfish.com.

Tämä tarina on julkaistu Mediumin suurimmassa yrittäjyysjulkaisussa The Startup, jota seuraavat 277 994+ ihmistä.

Tilaa saadaksesi parhaita tarinoitamme täältä.