Tietäen, että me kaikki tuomme kirjan omalla kannellaan, älykkäät suunnittelijat luovat tarttuvia ja käytännöllisiä rajapintoja. Potentiaaliset käyttäjät voivat olla koukussa, mutta miten heität heidät kokonaan sisään?

Yritettäessä vastata tähän kysymykseen kaikki tiet johtavat ihmiskeskeiseen suunnitteluun , jossa käyttäjä on keskeinen painopiste. Ole inhimillinen: hakemuksesi pitäisi puhua samaa kieltä, jota käytämme joka päivä, mukaan lukien tunteet, puheenvuorot, ja houkutteleva "tulemme". Rajapinnan pitäisi olla sinun hyvä ystäväsi, valmis antamaan neuvoja, jotka pyrkivät parantamaan kokemustasi ja tekemään teistä naureskellen.

Verhot ylös, osuvat valoihin: mikro-vuorovaikutukset tulevat esiin. Tarkemmin sanottuna kyse on vuorovaikutteisista animaatioista, jotka tulevat liitännän mukana, jotta se olisi houkuttelevampi. Hyvä animaatio voi:

  • Ilmoita tilasta ja anna palautetta
  • Paranna suoraa manipulaatiota
  • Auta ihmisiä näkemään toiminnan tuloksia

UX: ssä on tärkeätä, kuinka voit käsitellä käyttäjiä ja miten he tuntevat käyttäessään tuotetta. Pienetkin yksityiskohdat ansaitsevat tarkan huomion. Mikro-vuorovaikutukset tarjoavat käyttäjille tarvittavan palautteen ja ymmärtämyksen meneillään olevista prosesseista, mikä tekee käyttöliittymästä lähestyttävän riippumatta siitä, kuinka monimutkainen logiikka voi olla.

1) Näytä järjestelmän tila

Ensimmäinen usability heuristinen periaate Jakob Nielsen sanoo: pidä käyttäjääsi ajan tasalla siitä, mitä tapahtuu. Käyttäjät odottavat vastausten saamista välittömästi, mutta tilanteissa, joissa sivusto tarvitsee jonkin aikaa ennen kuin toimi on valmis, on olemassa tilanteita.

Joten käyttöliittymän avulla käyttäjän tulisi valaistua siitä, mitä tapahtuu näyttämällä taustalla olevaa grafiikkaa, mittaamalla bittinopeutta tai äänen toistamalla. Sama periaate koskee tiedostojen siirtoa: älä anna käyttäjänsä kyllästyä; näytä heille edistystä. Jopa ei-niin-miellyttävä ilmoitus, kuten siirto epäonnistui, olisi toimitettava söpellä tavalla. Tee käyttäjänne hymy!

2) Korosta muutokset

Usein, jotta säästää tilaa, sovellus yksinkertaisesti vaihtaa yhden painikkeen toiseen, kun sitä tarvitaan. Joskus meidän on näytettävä ilmoituksia varmistaaksemme, että käyttäjä näkee sen. Animaatio herättää huomionsa, eikä anna käyttäjien unohtaa, mitä mieltä olette tärkeitä.

3) Pidä asiayhteys

Aikakaudella älypuhelimilla ja älykkäillä kelloilla pienillä näytöillä voi olla vaikeaa saada paljon tietoa yhdelle näytölle. Yksi tapa käsitellä sitä on pitää selkeä navigointi eri sivujen välillä; joten käyttäjä ymmärtää, mistä ilmestyy, mistä, ja pystyy helposti selata takaisin. Tätä varten on monia vaihtoehtoja:

4) Epätyypillinen asettelu

Jatkamalla aikaisempien esimerkkien kanssa mikro-vuorovaikutukset auttavat käyttäjiä ymmärtämään, miten vuorovaikutuksessa epätavallisten asettelujen kanssa ilman tarpeetonta sekaannusta. Valokuvakehys eteenpäin, vierityskäyrät ja pyörivät merkit ovat kaikki hienoja vaihtoehtoja:

5) kehottaa toimia

Mikro-vuorovaikutusten lisäksi käyttäjän on autettava käyttäjiä tehokkaasti vuorovaikutuksessa muiden käyttäjien kanssa: pitää selata, pitää tai jakaa sisältöä vain siksi, että se on houkutteleva ja he eivät halua lähteä:

6) Tarkastele syöttöä

Tietojen syöttäminen on yksi sovelluksen tärkeimmistä elementeistä. Käyttäjien tulosten laatu riippuu tietojen syöttämisestä. Yleensä se on melko tylsää, mutta mikro-vuorovaikutus muuttaa tämän prosessin erityiseksi:

7) Tee oppitunnit eloon

Tietenkin animaatiot voivat auttaa käyttäjiä kouluttamaan sovelluksen käynnistämisen jälkeen korostamalla perusominaisuuksia ja hallintalaitteita, joita tarvitaan jatkossa ilman vetoa.

johtopäätökset

Joten, jos arvostat käyttökokemustasi, kiillota käyttöliittymäsi A: sta Z: hun, miksaamalla mikro-vuorovaikutusta ja animaatioita. Se hengittää elämäsi projektiin.

Huomiota jokaiselle yksityiskohdalle on avain menestykseen, jolloin ihmisen ja tietokoneen välinen vuorovaikutus on helppokäyttöinen.