SR

Month: October 2022


Mikrointerakcije – kako kompjuteri, telefoni i drugi uređaji komuniciraju sa nama

Verovatno ste ubeđeni da ne znate šta označava pojam „mikrointerakcije“. Ako vas asocira na kompjutere i druge uređaje, u pravu ste. Međutim, u kontaktu sa njima nisu samo programeri, nego i vi. Svaki korisnik računara, telefona i bilo kog pametnog uređaja sigurno je imao priliku da vidi ili čuje bar neku od njih. 

One značajno unapređuju korisnično iskustvo i omogućavaju isticanje od konkurencije. Stoga, poruka svim IT stučnjacima i dizajnerima jeste da ih obavezno uvrste u svoje softverske aplikacije.

Evo o čemu se radi.

Kada skidate (download) neki dokument sa interneta, obično vam se prikaže krug sa brojem procenata kao znak koliko još treba da čekate da biste ga imali na svom računatu. Zatim, ako kucate novu lozinku za Gmail nalog, sistem će vam dati povratnu informaciju da li je ona slaba ili jaka ili da li vam nedostaje broj kako bi bila validna. Kada uključujete računar ili telefon koji je bio ugušen, obično čujete kratku melodiju. I ima još mnogo primera.

To su sve miktrointerakcije.

 

Mikrointerakcije pomažu da se razlikujete od konkurencije

Mikrointerakcije mogu da se definišu kao događaji koji imaju dva osnovna cilja u odosu na korisnika:

▪ Pružanje informacije o trenutnom stanju sistema

– Poboljšavaju navigaciju kroz sajt/aplikaciju

– Olakšavaju interakciju sa sadržajem sajta

– Daju informaciju o završetku neke radnje ili pokazuju da je njeno izvršenje u toku 

– Daju savete korisnicima

– Ohrabruju deljenje, lajkovanje i komentarisanje sadržaja

– Usmeravaju pažnju korisnika

▪ Omogućavanje jedinstvenog iskustva tokom korišćenja nekog uređaja

– Sajt ili aplikacija sa mikrointerakcijama je zabavnija za korišćenje

– Mikrointerakcije izazivaju emocije 

Dobro dizajnirane mikrointerakcije su pokazatelj posvećenosti korisničkom iskustvu. One su „jagodica na šlagu“ bez koje je, u današnje vreme, nemoguće istaći se od konkurencije. Često upravo mikrointerakcije doprinose izgradnji brenda jer korisnici pre svega zapamte zvuk i sliku.

I pored ovih važnih funkcija, neki programeri i dizajneri ne uključuju miktrointerakcije u svoje programe, ne shvatajući da to može negativno da utiče na trenutne i buduće klijente. Pogotovo u eri sve veće konkurencije kada detalji prave razliku između običnog i naprednog web sajta ili aplikacije.

Miktorinterakcije obično se sastoje iz nekoliko elemenata:

1. Okidači (trigeri) – pokreću mikrointerakciju. Mogu biti inicirani od strane korisnika ili sistema.

2. Pravila – određuju šta se dešava nakon što se mikrointerakcija pokrene.

3. Povratna informacija (feedback) – obaveštava korisnika o stanju sistema. Može biti tekstualna ili zvučna.

4. Režimi rada – šta se dešava sa mikrointerakcijom kada se uslovi promene.

 

Mikrointerakcije – primeri 

Kada smo na početku teksta istakli da se svi korisnici pametnih uređaja svakodnevno susreću sa njima, upravo smo to i mislili. Sada ćemo to dokazati kroz primere.

 

Prevlačenje (swipe)

Upotreba telefona, tableta ili nekog sličnog uređaja, nezamisliva je bez tzv. prevlačenja. Ono omogućava lagano i glatko kretanje kroz sadržaj, istovremeno pružajući prijatan osećaj za korisnika. To je radnja koju često obavljamo bez razmišljanja, jer ne zahteva napor, nego upravo suprotno – zabavna je.

Mikrointerakcije
freepik.com

 

Pokazatelj unosa podataka

Pravite nalog na nekoj aplikaciji? Želite da se pretplatite na Netflix? Obavezno je unošenje ličnih podatak i šifre. Zamislite da ste sve podatke uneli i da vam sistem tek nakon potvrđivanja „kaže“ da nešto nedostaje ili da nije dobro? Da ne bi do toga dolazilo, postoje mikrointerakcije koje vam odmah govore da li je šifra dovoljna jaka, da li nedostaje veliko slovo ili broj, koliko cifara je potrebno uneti. 

 

Animacije

Sve što se kreće i ima jarke boje kreira dinamiku u sistemu i pruža bolje korisničko iskustvo. Na primer, nakon što pređete nivo u igrici ili uradite neki zadatak, sistem može da prikaže animaciju koja vam čestita na uspešnosti. Da li je to jednorog koji skakuće, pljeskanje dlanovima ili neki zvuk –mikrointerakcija komunicira poruku i obezbeđuje izazivanje emocije kod korisnika.

 

Pokazatelji trenutnog stanja sistema 

Kao što smo naveli, mikrointerakcije pokazuju u kojoj fazi je sprovođenje neke akcije koju je korisnik preuzeo. Ako dodajete neki dokument (upload) u inbox na Fejsbuku ili u poruci na imejlu (email), sistem vam pokazuje koliko treba da sačekate dok dokument ne bude spreman za slanje. 

 

Vraćanje na prethodno stanje 

Koliko vas je puta do sada „spasila“ undo opcija? Nešto se slučajno kliknuli? Uneli pogrešan podatak? Samo se vratite na prethodno stanje klikom na undo. Kako to izgleda kada je uključenja mikrointerakcija? Na primer, ako ste greškom „lajkovali“ sliku na Instagramu, ovu aktivnost možete opozvati identičnim klikom na „srce“ koje će se tom prilikom uvećati i neznatno „zatresti“.

Mikrointerakcije
freepik.com

 

Poziv na akciju

Mikrointerakcije podstiču korisnika da preduzme neku akciju. Na primer, ako želite da promenite fotografiju na nekoj aplikaciji, sistem će vam ponuditi opciju da je dodate iz galerije uređaja ili da fotografišete novu. Ovo se svrstava u domen miktointerakcija jer te opcije mogu da se prikažu uz pokret ili zvuk.

 

Kako dizajnirati mikrointerakcije

Mikrointerakcije mogu biti izazovne i uzbudljive za dizajnere budući da uvek tragaju za novim, kreativnim rešenjem koje će oduševiti njihove korisnike. Ali da ne bi bilo grešaka i kontraefekta, evo na šta treba obratiti pažnju:

▪ Stavite se u cipele korisnika i prilikom izrade mikrointerakcije imajte na umu gde, kada i zašto neko koristi vašu aplikaciju.

▪ Zabavite korisnike i izazovite emociju – kako se korisnik oseća prilikom korišćenja aplikacije, ono je što ga vraća na ponovnu upotrebu. Da li ćete upotrebi dinamičnu muziku, jarke boje ili nešto treće – zavisi od emocije koju želite da probudite.

▪ Bez preterivanja – ne bi trebalo preći granicu dobrog ukusa ili preterati u pokušaju da animirate korisnika jer ćete ga tako iznervirati. Ako treba da čeka dugo da bi se mikrointerakcija završila ili ako je ponavljate nekoliko puta, budite sigurni da ćete izazvati kontraefekat.

▪ Koristite ljudski, a ne tehnički jezik – cilj je da vas korisnici razumeju. Ako je tekstualna poruka deo vaše mikrointerakcije, neka bude na jeziku koji je razumljiv svim korisnicima.

 

Alati za dizajniranje mikrointerakcija 

Postoji mnogo alata za dizajniranje mikrointeracija. Ovde ćemo navesti koji su najbolji za određene oblasti.

Ako ste upoznati sa kodiranjem:

Mobilni: Xcode, Android studio

Mobilni ili veb: Framer

Veb: CSS animacija

Ako želite da napravite detaljnije interakcije:

Adobe CC, Origami Studio i Protopie

Ako želite da kreirate detaljne interakcije + animaciju:

Adobe After Effects

 

Ključne napomene

▪ Mikrointerakcije su rezličita dizajnerska rešenja koja uključuju vizuelne i auditivne elemente kojima neki pametan uređaj ili aplikacija komuniciraju sa korisnikom.

▪ Mikrointerakcije komuniciraju sa korisnikom ukazujući mu na to koja je njegova sledeća akcija, ali poboljšavaju i celo njegovo iskustvo sa aplikacijom.

▪ Primeri mikrointerakciju su: prevlačenje (swipe), pokazatelji unosa podataka, vraćanje na prethodno stanje, animacije, pokazatelji trenutnog stanja sistema, pozivi na akciju.

▪ Utiču i na pozicioniranje brenda jer upravo mikrointerakcije mogu biti „jagodica na šlagu“ koja će doprineti razlikovanje od konkurencije.

 

Kako istražiti i rešiti problem na WordPress sajtu?

Da li i vi imate WordPress sajt? Onda vam se sigurno bar jednom dogodilo da vam sajt ne radi i izbacuje grešku. To može biti jako frustrirajuće, naručito ako niste baš sigurni u čemu je problem.  Međutim za sve postoji rešenje!

WordPress ima dosta ugrađenih funkcija koje vam mogu pomoći da otkrijete i rešite probleme. Funkcije se aktiviraju dodavanjem u wp-config.php fajl.

Nastavite sa čitanjem ukoliko želite da saznate najlakši način za dijagnostikovanje problema na vašem WordPress sajtu.

 

Kako uključiti WP_DEBUG

WP_DEBUG je jedna od najkorisnijih funkcija za istraživanje WordPress grešaka, podrazumevano je isključena kako se greške ne bi prikazivale posetiocima sajta, već je uključite po potrebi i po završetku obavezno isključite.

Da biste uključili WP_DEBUG otvorite wp-config.php fajl i promenite vrednost define ( ‘WP_DEBUG’, false ); na define ( ‘WP_DEBUG’, true );

define( 'WP_DEBUG', true );

WordPress

Nakon što uključite WP_DEBUG greške će se prikazivati direktno na strani na kojoj nastanu.


Kako isključiti javno prikazivanje grešaka

Ukoliko ne želite da vaši posetioci vide ove greške, možete isključiti njihovo javno prikazivanje i umesto toga ih upisivati u fajl.

Da biste isključili prikazivanje grešaka unutar wp-config.php fajla dodajte:

define( 'WP_DEBUG_DISPLAY', false );

WordPress sajt


Kako upisivati greške u fajl

Sa WP_DEBUG_DISPLAY isključujete javno prikazivanje grešaka, dok sa WP_DEBUG_LOG navodite da se greške upisuju u fajl.

Unutar wp-config.php fajla dodajte sledeću funkciju:

define( 'WP_DEBUG_LOG', true );

WordPress sajt

Možete takođe i navesti naziv fajla u koji želite da se upisuju sve greške:

define( 'WP_DEBUG_LOG', '/tmp/site-errors.log' );

Kako prikazati fatalne greške

Počev od WordPress 5.2 verzije fatalne greške se ne prikazuju već se prikazuje opšta poruka:

WordPress

Ovo je uvedeno iz razloga što greške mogu sadržati osetljive podatke, kao što je na primer aktivna PHP verzija na sajtu ili cPanel username.

Kako biste ovo isključili i prikazivali fatalne greške direktno na strani na kojoj nastaju možete dodati sledeću funkciju unutar wp-config.php fajla:

define( 'WP_DISABLE_FATAL_ERROR_HANDLER', true );


Kako prikazati Querije

Još jedna korisna funkcija za istraživanje problema je SAVEQUERIES koja čuva sve querije ka bazi unutar liste (array) te se može prikazivati ili upisivati u fajl.

Kako biste uključili upisivanje query dodajte sledeće unutar wp-config.php

define( 'SAVEQUERIES', true );

Ovo će sačuvati sve querije u globalnu varijablu $wpdb->queries

Kako biste prikazali ove querije na svakoj stranici možete dodati sledeći kod unutar footer.php fajla teme:

<?php
if ( current_user_can( 'administrator' ) ) {
    global $wpdb;
    echo "<pre>";
    print_r( $wpdb->queries );
    echo "</pre>";
}
?>

Nakon toga u donjem delu sajta na svakoj strani možete videti querije:

Imajte na umu da će ovo dodatno uticati na performanse i brzinu WordPress sajta, te nakon završetka radova obavezno isključite gore navedene funkcije.

Ukoliko vam je tekst bio koristan, podelite ga sa svojim prijateljima! Hajde da širimo znanje!

I pište nam dole u komentarima koje još WordPress teme želite da pokrijemo.

 

Želite da stupite u kontakt sa nama?

KONTAKTIRAJTE NAS
+381 11 428 08 08
[email protected]
Pokreni odmah