Kuinka käyttää mikrointeraktioita UX-suunnittelussa

Mikrointeraktiot ovat pieniä hetkiä, joissa käyttäjän ja suunnittelijan vuorovaikutus on kesken. Kun mikro-vuorovaikutus on suunniteltu hyvin, se parantaa käyttäjän kokemusta suunnittelusta. Kun ne ovat huonosti suunniteltuja, ne vahingoittavat kokemusta.

mikrointeraktiot ovat yksi kuumimmista UX-suuntauksista tällä hetkellä.

Dan Saffer, kirjan Microinteractions ja Mayfield Roboticsin tuotejohtaja, määrittelee mikrointeraktiot “sisältäviksi tuotemomenteiksi, jotka pyörivät yhden käyttötavan ympärillä - heillä on yksi päätehtävä. Aina kun muutat asetusta, synkronoit tietoja tai laitteita, asetat hälytyksen, valitset salasanan, kirjaudut sisään, asetat tilaviestin tai suosikki- tai "pidät" jotain, olet tekemässä mikrointeraktiota. Niitä on kaikkialla: kantamissamme laitteissa, talomme laitteissa, puhelimiemme ja työpöytämme sovelluksissa, jopa upotettuina ympäristöihin, joissa elämme ja työskentelemme. Suurin osa laitteista ja jotkut sovellukset on rakennettu kokonaan yhden mikrointeraktiikan ympärille. "

Safferin mukaan mikrointeraktiot ovat hyviä:
suoritetaan vain yksi tehtävä ja vain yksi tehtävä
vuorovaikutuksessa yhden osan kanssa, kuten lämpötilan tai kappaleen luokituksen kanssa
hallita käynnissä olevaa prosessia, kuten kappaleen äänenvoimakkuutta Spotifydällä
pienen sisällön katseleminen tai luominen, kuten tila Facebookissa
ominaisuuden tai toiminnon kytkeminen päälle tai pois päältä

Mikrointeraktiot: Täysväripaino: Suunnittelu withDetailsin kanssa 1. painos

Voimme käyttää jotakin digitaalista elementtiä:

Digitaalinen elementti + syy

Vierityspalkki:
Käyttäjä laukaisi; visuaalinen palaute käyttäjän muuttavalle sijainnille sivulla
Digitaalinen hälytys:
Järjestelmä laukaistu; kuulo (ja visuaalinen) palaute aikaedellytysten täyttymisestä
Päivitä vetämällä -animaatio:
Käyttäjä laukaisi; visuaalinen palaute käyttäjän toiminnalle
sähköposti-ilmoitus:
Järjestelmä laukaistu; antaa käyttäjälle palautetta uuden viestin saapumisesta
Nykyinen järjestelmän tila:
Jos käyttäjille ei anneta tietoa, on todennäköistä, että he ärsyyntyvät ja sulkevat sivuston tai sovelluksen.
Animoitu painike:
Käyttäjä laukaisi; visuaalinen palaute käyttäjän toiminnalle
Kehotus toimintaan:
Mikrointeraktiot pakottavat käyttäjän olemaan vuorovaikutuksessa sovelluksen tai verkkosivuston kanssa.
Swipe:
Se auttaa käyttäjää nopeasti vaihtamaan välilehtien välillä ja hankkimaan lisätietoja tuotteesta.
Datan syöttö:
Tämä toiminta voi helposti nostaa hässäkkää. Vaikka ennakoivat ehdotukset salasanan vahvuudesta ja käytöstä helpottavat käyttäjän etenemistä eteenpäin, tietyt interaktiiviset vuorovaikutukset tietojen syöttöhetkellä pitävät käyttäjät myös kiinnostuneina prosessista ja auttavat tavoitteen saavuttamisessa.
Tee opetusohjelma kiinnostava:
Oppaat mikrointegraation avulla opastavat käyttäjiä sovelluksen toiminnassa yksinkertaistamalla ja korostamalla perusominaisuuksia ja tärkeitä hallintalaitteita helpon ymmärtämisen helpottamiseksi.

Miksi käytämme liipaisimia

Liipaisin käynnistää mikrointegraation. Säännöt määrittelevät, mitä tapahtuu, kun taas Palaute antaa ihmisille tietää, mitä tapahtuu. Silmukat ja moodit määrittävät mikrointeraation meta-säännöt. Jokainen osa kerrotaan yksityiskohtaisesti omassa luvussaan Mikrointeraktiot.

  • Rohkaiseminen sitoutumiseen
  • Järjestelmän tilan näyttäminen
  • Virheiden estämisen tarjoaminen
  • Kommunikointimerkki

säännöt

Liipaisin kytkee säännöt. Näin tapahtuu vuorovaikutuksen aikana, ja sen on oltava käyttäjän luonteva.

7 syytä, miksi mikrotulostus parantaa Ux: n suunnittelua?

1. Vastausaika

2. Toisto

3. Yksinkertaisuus

4. Joustava

5.Easy käyttää

6. Animaatio

7.Balance