UI/UX Mikro – mijiedarbības un mikro – animācijas

Lietotne var būt noderīga lietotājam, taču bez lieliska UX un lietotāja interfeisa dizaina lietotājs var to noraidīt. Tātad, kā piesaistīt lietotājus mūsu lietojumprogrammu lietošanai? Kā mēs varam padarīt mūsu lietotni pievilcīgu lietotājam un likt izcelties no pūļa? Viena no metodēm būtu iekļaut mikroanimācijas un mikromijiedarbības. Pastāv smalka atšķirība starp mikromijiedarbību un mikroanimāciju. Mikromijiedarbība sākas ar *trigeri un pāriet uz instrukciju kopu, kas vizuāli attēlota ar animāciju palīdzību. Mikromijiedarbības vizuālais rezultāts ir animācija.

Šīs mikroanimācijas ir atsevišķi produkta momenti, kas paredzēti viena uzdevuma veikšanai, vienlaikus uzlabojot dabisko produktu plūsmu. Mikroanimācijas ietver tādas lietas kā vilkšana uz augšu, lai atsvaidzinātu datus, satura atzīmēšana ar “patīk” un iestatījumu maiņa. Tās var ietvert arī vienkāršas lietotāja interfeisa animācijas, piemēram, kā izvēlne tiek ieslidināta, kad tai pieskaras, vai kartīte slīd no ekrāna, kad to pavelk ar pirkstu…

 

Mikromijiedarbība

Tālāk ir norādītas dažas no galvenajām priekšrocībām, ko sniedz mikromijiedarbības iekļaušana produktā.

  • Sniegt atsauksmes par darbības iznākumu,
  • Pabeigt nelielu uzdevumu,
  • Palielināt tiešas manipulācijas sajūtu,
  • Palīdziēt lietotājiem redzēt viņu darbību rezultātus un
  • Izvairīties no lietotāja kļūdām.

Mikromijiedarbības piemēri

Facebook poga Patīk

Šis ir labi zināms mikromijiedarbības piemērs. Turiet lietotnes pogu Patīk vai novietojiet peles kursoru virs tās, ja atrodaties darbvirsmā, lai redzētu visas reakcijas, pēc tam pieskarieties tai, kuru vēlaties publicēt.

Background image with Facebook's emoticons.

Hamburgera izvēlne

Lietotāji saista šo ikonu ar izvēlnes rādīšanu vai slēpšanu.

Hamburger menu with open menu items

Velciet, lai atsvaidzinātu

Vilkšanas un atsvaidzināšanas shēma ļauj lietotājam izmantot pieskārienu, lai izvilktu datu sarakstu, lai izgūtu vairāk datu.

Pull down to refresh indicated on mobile screen as well as "loading" screen.

Skaļuma kontrole

Mikromijiedarbība var palīdzēt dizainerim padarīt patīkamākus pat visvienkāršākos uzdevumus, piemēram, skaļuma regulēšanu.

Automātiskā pabeigšana

Iespējams, esat dzirdējuši par automātisko pabeigšanu. Šeit jūsu meklētājprogramma var mēģināt jums palīdzēt ar to, ko mēģināt rakstīt. Mikromijiedarbība, saskaņā ar grāmatas Micro-interactions autora Denu Saferu, norāda, ka projektēšanai ar detaļām ir četri galvenie komponenti:

1. Trigeri

  • Manuālie trigeri
  • Tās rodas, kad lietotājs mijiedarbojas ar sistēmu, piemēram, bīdot, lai atbloķētu tālruni.
  • Sistēmas trigeri
  • Tās rodas, ja sistēma automātiski izpilda nosacījumu, piemēram, saņem paziņojumu mobilajā tālrunī.

2. Noteikumi

  • Noteikumi norāda lietotnei, kā rīkoties pēc aktivizēšanas notikuma. Viņi kontrolē, kā tiek apstrādāta mikromijiedarbība
  • lietotne.

3. Atsauksmes

  • Šis komponents informē lietotāju par trigera reakciju. Divi faktori ietekmē atgriezenisko saiti:
  • Kāda informācija lietotājam ir nepieciešama?
  • Cik bieži tam ir jānotiek?

4. Režīmi un cilpas

Režīmi un cilpas ir mikromijiedarbības metanoteikumi. Tas nozīmē, ka tad, kad ir pieprasījums, tiek izmantoti režīmi,

tā kā cilpas nosaka, cik ilgi mikromijiedarbībai jāturpinās un vai tā ir jāatkārto.

Noklikšķiniet uz tālāk esošās saites, lai uzzinātu vairāk par mikromijiedarbību:

Mikromijiedarbības: projektēšana ar detaļām, autors Dens Safers

Mikroanimācijas

Animācija pastāv jau ilgu laiku. Tomēr, pilnveidojoties pārlūkprogrammām un mobilajiem procesoriem, arvien svarīgāka kļūst kāda laika pavadīšana interfeisu animācijām. Tie var uzlabot mijiedarbību un precizēt saskarnes.

Vienkāršas lietotāja saskarnes
Tā kā lietotājs var redzēt, kas notiek tieši, izmantojot mikroanimācijas, lietotājam rodas tiešas manipulācijas sajūta.

Konteksts un izmaiņas
Izstrādātājam ir grūti ievietot visu informāciju mazā ekrānā. Tāpēc daži elementi dažreiz tiek paslēpti. Mikroanimācijas var palīdzēt lietotājiem pārvietoties un skatīt visu informāciju ekrānā.

Lietotāja koncentrācija
Lietotājs var ātri novērst uzmanību, pārvietojot objektus ekrānā. Rezultātā, animējot pogu, lietotājs noklikšķinās uz pogas, lai lapā sāktu darbību. Pārāk daudz animācijas izmantošana izlīdzina hierarhiju un vājina ziņojumu, ko vēlaties nodot lietotājam.

Atlīdzības
Mikroanimācijas ir ļoti noderīgas, lai atalgotu lietotāju pēc darbības pabeigšanas, piemēram, veidlapas iesniegšanas. Ir ļoti svarīgi atcerēties izmantot nelielas animācijas, nevis veidot lielu karikatūru.

Pēdējās domas
Lai gan mikromijiedarbība var parādīties kā neliela informācija, tā var nozīmēt atšķirību starp tikai funkcionālu lietotni un tādu, kas lietotājiem patīk un šķiet intuitīva. Pat visneticamākie projekti paļaujas uz to mazāko sastāvdaļu panākumiem.

Mikroanimācijas uzlabo un bagātina lietotāja interfeisu. Mikroanimāciju izmantošana tikai palīdz dizainerim padarīt interfeisu lietotājam draudzīgāku. Mikroanimācijas palīdz lietotājam, sniedzot vizuālu atgriezenisko saiti un skaidrāk parādot izmaiņas. Daudz ko var izskaidrot, izmantojot mikroanimācijas bez viena vārda.

 

*Trigeris UI/UX dizainā ir notikums, kas sāk mikro-interakciju , jeb mikromijiedarbību. Trigeri var būt manuāli vai sistēmas. Manuālie trigeri notiek, kad lietotājs mijiedarbojas ar sistēmu, piemēram, slīdot, lai atbloķētu tālruni. Sistēmas trigeri notiek automātiski, kad sistēma sasniedz noteiktu nosacījumu, piemēram, saņemot paziņojumu viedtālrunī

Loading

Noderīgs raksts? Dalies ar citiem: