Hvað er micro-interaction og af hverju skiptir hún máli í vefhönnun?

Birgir

Í síðasta mánuði
Hvað er micro-interaction og af hverju skiptir hún máli í vefhönnun?

Micro-interaction er lítil, oft ómerkjanleg hreyfing eða viðbrögð á vefsíðu sem gefur notandanum til kynna að aðgerð hans hafi skilað sér, eins og þegar hnappur breytir lit þegar honum er smellt á, eða þegar hleðslutáknmynd birtist meðan gögn eru að vistast. Þessar smáu hreyfingar gera vefinn skiljanlegri og traustari án þess að notandinn taki endilega beint eftir þeim.

Dæmi um algengar micro-interactions

Þegar hnappur skiptir lítillega um lit eða stækkar örlítið þegar músarbendill fer yfir hann, er það micro-interaction sem staðfestir að hnappurinn sé virkur og smellanlegur. Þegar eyðublað sýnir grænan hak við réttilega útfylltan reit, eða rauða viðvörun við rangan reit, eru það líka micro-interactions sem hjálpa notandanum að skilja stöðuna án þess að lesa langan texta.

Hleðslutáknmyndir, mjúkar umbreytingar milli síðna og lítil hljóð eða titringur í öppum eru önnur dæmi um sömu hugmynd: gefa notandanum strax endurgjöf um að eitthvað sé að gerast.

Af hverju þessi smáatriði skipta máli

Án micro-interactions líður notandanum oft óviss um hvort aðgerð hans hafi í raun skilað sér. Ef hnappur breytist ekki neitt þegar smellt er á hann, gæti notandinn smellt aftur og aftur, óviss um hvort fyrsta smellið hafi virkað, sem getur í versta falli leitt til tvíteknar aðgerðir, eins og tvöfaldrar pöntunar.

Vel útfærðar micro-interactions draga líka úr því að vefurinn virki kaldur eða vélrænn. Lítil, mjúk hreyfing við hverja aðgerð gefur tilfinningu fyrir gæðum og athygli á smáatriðum, jafnvel þótt notandinn geti ekki bent nákvæmlega á hvað veldur þeirri tilfinningu.

Hvenær micro-interactions verða vandamál

Ef hreyfingar eru of hægar, of tíðar eða of áberandi geta þær orðið truflandi frekar en gagnlegar. Notandi sem þarf að bíða eftir langri hreyfimynd í hvert sinn sem hann framkvæmir einfalda aðgerð upplifir vefinn sem hægan og pirrandi, jafnvel þótt tæknilegi hleðslutíminn sjálfur sé stuttur.

Micro-interactions eiga að vera til staðar til að styðja við notandann, ekki til að sýna hönnunarkunnáttu á kostnað notagildis. Ef hreyfing dregur athygli frá aðalverkefni notandans er hún líklega of mikil.

Hvernig á að ákveða hvar á að nota micro-interactions

Byrjaðu á mikilvægustu snertipunktunum: staðfestingu eftir að form er sent inn, viðbrögð við að smella á hnapp, og villuboð þegar eitthvað fer úrskeiðis. Þessir staðir hafa mest áhrif á hvort notandinn skilur stöðu sína á vefnum.

Forðastu að bæta hreyfingum við hvert einasta smáatriði bara vegna þess að hægt er að gera það. Hófstilling skiptir jafn miklu máli og útfærslan sjálf.

Micro-interactions og aðgengi

Sumir notendur eru viðkvæmir fyrir hreyfingum á skjá, sérstaklega fólk með ákveðnar tegundir mígrenis eða jafnvægisröskunar. Vefir ættu að virða stillingu sem kallast „reduced motion" í stýrikerfum, sem gerir notendum kleift að slökkva á óþarfa hreyfingum án þess að missa af mikilvægum upplýsingum sem hreyfingin miðlaði.

Hvernig Flóra vinnur með micro-interactions í verkefnum

Í verkefnum Flóru eru micro-interactions notaðar markvisst á lykilstöðum, eins og staðfestingu forma og hnappa, frekar en sem skraut um allan vefinn. Þetta tryggir að vefurinn upplifist bæði nútímalegur og skýr, án þess að hreyfingar trufli notandann frá aðalverkefni sínu.

Algengar spurningar

Þarf hvert fyrirtæki að hafa micro-interactions á vefnum sínum?

Ekki nauðsynlegt, en vel útfærðar micro-interactions bæta oft notendaupplifun umtalsvert fyrir tiltölulega litla vinnu í samanburði við ávinninginn.

Getur of mikið af micro-interactions skaðað vefinn?

Já, of margar eða of áberandi hreyfingar geta truflað notandann og jafnvel hægt á upplifuðum hraða vefsins, þrátt fyrir að tæknilegur hleðslutími sé stuttur.

Hafa micro-interactions áhrif á hleðslutíma vefsins?

Vel útfærðar micro-interactions hafa yfirleitt lítil sem engin áhrif á hleðslutíma, en illa útfærðar hreyfimyndir með þungum skrám geta hægt á vefnum ef ekki er gætt að fínstillingu.

Er hægt að bæta micro-interactions við núverandi vef án að endurhanna hann?

Já, oft er hægt að bæta slíkum smáatriðum við núverandi vef sem minni háttar uppfærslu, án þess að þurfa fulla endurhönnun.

Ef þú vilt sjá hvernig micro-interactions gætu bætt þinn vef, fáðu tilboð eða skoðaðu þjónustu Flóru fyrir nánari upplýsingar.