Popravljanje naslijeđenog UX-a: Heuristička perspektiva redizajna Njuškalo kataloga

Popravljanje naslijeđenog UX-a: Heuristička perspektiva redizajna Njuškalo kataloga

Što ako je vaš sljedeći veliki UX izazov ujedno i vaša najveća prilika?

Redizajniranje dugogodišnje aplikacije nije samo popravak onoga što je pokvareno - radi se o ponovnom promišljanju kako bi mogla biti još bolja.

U Njuškalu smo vidjeli upravo tu priliku pred sobom s Njuškalo katalozima, mobilnom aplikacijom koja pomaže korisnicima da pregledavaju kataloge trgovina i otkrivaju trenutne ponude u blizini. Aplikacija je godinama služila svojoj svrsi, ali nije pratila promjenjiva očekivanja mobilnih korisnika. Bilo je vrijeme za novi početak - onaj koji bi modernizirao iskustvo, pojednostavio sučelje i ponovno uveo vrijednost svakodnevnim korisnicima.

Ali kada imate takav zadatak, gdje uopće početi - korisničko sučelje, logika, iskustvo? Lako se osjećati preopterećeno.

Umjesto da se odmah upustim u piksele i prototipove, napravio sam korak unatrag. Koristeći Jakob Nielsenovih 10 heuristika upotrebljivosti, proveo sam strukturiranu UX evaluaciju kako bih uočio najveće probleme - ne nagađajući, već primjenjujući provjerene principe. Ovaj pristup mi je pomogao da raspetljam kaos, identificiram obrasce trenja i postavim temelje za redizajn koji se činio namjernim, a ne improviziranim.

U ovom postu, provest ću vas kroz to kako je primjena samo tri osnovne UX heuristike pomogla u oblikovanju čišće, intuitivnije verzije Njuškalo kataloga - i kako čak i nekoliko osnovnih principa može potaknuti značajna poboljšanja dizajna.

Heuristika: Vidljivost statusa sustava

„Dizajn bi uvijek trebao obavještavati korisnike o tome što se događa, putem odgovarajućih povratnih informacija u razumnom roku.“
— Jakob Nielsen

Problem (stara verzija)

Aplikacija je korisnicima omogućila pretplatu na četiri različite vrste obavijesti: nove ponude iz trgovine, izdanja kataloga, ponude temeljene na kategorijama i spremljena pretraživanja. Međutim, sučelje je prikazivalo sve ove opcije pomoću potpuno istog gumba s pozivom na akciju označenog kao "Omogući/Onemogući" s obližnjom oznakom "Primajte obavijesti o ponudama".

Ova ponovljena, nespecifična fraza nije korisnicima pružila jasne povratne informacije o prirodi radnje ili njezinim posljedicama. Unatoč vizualnoj identičnosti, svaka je instanca pokrenula drugačiju vrstu obavijesti. Zbog toga sučelje nije komuniciralo stanje sustava ili rezultat korisnikove radnje, kršeći heuristiku da korisnici uvijek trebaju biti obaviješteni o tome što se događa i što mogu očekivati.

Zasloni iz stare verzije aplikacije koji prikazuju različite vrste obavijesti

Posljedica

Bez jasnih kontekstualnih povratnih informacija, korisnici su imali poteškoća s razlikovanjem vrsta obavijesti - priliku koju smo prepoznali za stvaranje transparentnijeg i predvidljivijeg modela interakcije. Rješavanje ovog problema pomoglo je u razjašnjavanju korisničkih radnji, smanjenju nesigurnosti i poboljšanju predvidljivosti ponašanja sustava.

Rješenje (Nova verzija)

Komponenta pretplate redizajnirana je kako bi pružila jasne, kontekstualne povratne informacije o tome koje određene obavijesti korisnik može aktivirati. Ažurirana verzija uključuje ikonu zvona koja predstavlja status obavijesti (aktivno/neaktivno), opisne oznake i zasebne prekidače za različite vrste obavijesti. Na primjer:

• „Primajte obavijesti za [Naziv trgovine]“
  • Prebacivanje: Novi katalozi (uključeno/isključeno)
  • Prebacivanje: Nove ponude (uključeno/isključeno)
  • Opis: „Primat ćete ažuriranja o novim katalozima i/ili ponudama iz ove trgovine.“

Ista komponenta se dosljedno koristi i na zaslonima kataloga i trgovine, usklađujući vizualne povratne informacije s logikom sustava.

Slika prikazuje usporedbu komponente pretplate na obavijesti u detaljnom prikazu trgovine

Zašto je ovo važno

Kao što heuristika statusa sustava vidljivosti navodi, sustav bi uvijek trebao obavještavati korisnike o tome što se događa, koristeći odgovarajuće i pravovremene povratne informacije. Starom sučelju nedostajala je ta jasnoća, što je otežavalo razumijevanje posljedica interakcije. Novi dizajn to rješava pružanjem boljeg UX teksta i relevantnih povratnih informacija, čineći sučelje transparentnijim i smanjujući kognitivni napor. Ova promjena ne samo da je poboljšala jasnoću, već je i približila iskustvo obavještavanja onome što korisnici očekuju - odražavajući Njuškalovu predanost praktičnim poboljšanjima usmjerenim na korisnika.

Heuristika: Konzistentnost i standardi

Jakobov zakon kaže da korisnici većinu vremena provode na drugim digitalnim proizvodima, koji oblikuju njihova očekivanja. Kada vaša aplikacija krši konzistentnost ili uobičajene standarde, to povećava kognitivno opterećenje korisnika jer moraju naučiti nova, neočekivana ponašanja. Korisnici ne bi trebali nagađati znače li različite riječi, ikone ili radnje istu stvar. Važno je slijediti konvencije platforme i industrije kako bi iskustvo bilo intuitivno.

Posljedica

Ove nedosljednosti narušavaju korisničko iskustvo čineći ga manje predvidljivim i težim za učenje. Korisnici mogu oklijevati, griješiti ili se osjećati frustrirano jer se aplikacija ne ponaša kao druge aplikacije na koje su navikli.

Usporedba starih i novih dizajnerskih uzoraka na početnom zaslonu i popisu trgovine

Rješenje (nova verzija)

Redizajn se usredotočio na standardizaciju ikona, gumba, navigacije i interakcija kako bi se uskladio s uobičajenim konvencijama platforme i očekivanjima korisnika. Na primjer:

• Zamjena gumba za povratak s logotipom standardnom strelicom za povratak u gornjoj navigaciji
• Korištenje dosljedne ikonografije u cijeloj donjoj navigacijskoj traci
• Potpuna vidljivost popisa ponuda bez skrivenog pomicanja
• Korištenje standardiziranog ponašanja pretraživanja
• Pojašnjenje hijerarhije gumba s dosljednim stilovima za primarne i sekundarne radnje
• Postavljanje filtara kontekstualno unutar relevantnog odjeljka umjesto na cijeli početni zaslon
• Premještanje informativnih stranica poput "O nama" i "Uvjeti" na stranicu postavki

Usporedba starih i novih dizajnerskih obrazaca u prikazu detalja trgovine i ponude

Zašto je ovo važno

Poboljšanjem dosljednosti i pridržavanjem najboljih praksi, aplikacija smanjuje kognitivno opterećenje, olakšavajući i ubrzavajući korisnicima razumijevanje i korištenje aplikacije. To stvara glatkije, intuitivnije iskustvo koje je usklađeno s poznatim ponašanjem digitalnih proizvoda - i odražava Njuškalovu predanost izgradnji jasnih, pouzdanih i korisnički usmjerenih iskustava koja pružaju svakodnevnu vrijednost.

Usporedba starih i novih dizajnerskih obrazaca značajke pretraživanja

Heuristika: Estetski i minimalistički dizajn

„Sučelja ne bi trebala sadržavati informacije koje su nebitne ili rijetko potrebne. Svaka dodatna jedinica informacija u sučelju natječe se s relevantnim jedinicama informacija i smanjuje njihovu relativnu vidljivost.“
— Jakob Nielsen

Problem (stara verzija)

Kako se aplikacija razvijala i s vremenom dobivala više značajki, njezin vizualni raspored postajao je sve gušći, što je navigaciju činilo zahtjevnijom za korisnike. Ovaj rezultat rasta signalizirao je da je pravi trenutak za poboljšanje i pojednostavljenje.

Mnogi su zasloni prikazivali previše informacija odjednom, često bez jasnog određivanja prioriteta ili strukture. To je pružilo priliku za ponovno razmatranje vizualne hijerarhije i usklađivanje sučelja s principima estetskog i minimalističkog dizajna - prikazivanje samo onoga što je potrebno u pravo vrijeme.

Jedan od najvećih UX izazova bio je dizajn prikaza detalja trgovine i prikaza detalja ponude. Ovi su zasloni prikazivali raspršeni sadržaj bez jasnog grupiranja ili fokusa. Elementi koji se mogu koristiti vizualno nisu se razlikovali od pasivnih elemenata, a raspored nije usmjeravao korisničku pažnju prema najvažnijim elementima ili informacijama.

Vizualno, dizajn je ignorirao temeljne Gestalt principe - poput blizine, zajedničkog područja i dijeljenja - koji pomažu korisnicima da brzo interpretiraju i navigiraju sadržajem. Kao rezultat toga, ključne informacije bile su fragmentirane po sučelju, povećavajući kognitivno opterećenje i otežavajući korisnicima razumijevanje strukture sadržaja. To je u suprotnosti sa samim ciljem jednostavnog dizajna: smanjiti mentalni napor prikazivanjem samo onoga što je potrebno.

Raščlamba informacija u prikazu detalja trgovine

Raščlamba informacija na prikazu detalja ponude

Rješenje (nova verzija)

Redizajn stranica Trgovina i prikaz detalja ponude zahtijevao je blisku suradnju sa zainteresiranim stranama. Koristeći usporedbe, pregledali smo koje su značajke još uvijek relevantne, a koje se mogu ukloniti. Ovaj je proces pomogao u pojednostavljenju iskustva i osigurao da se u novu verziju unesu samo vrijedne informacije.

Ažurirani dizajn uvodi jasnu vizualnu hijerarhiju, grupira povezani sadržaj i postavlja radnje tamo gdje ih korisnici očekuju. Usredotočili smo se na pojednostavljenje svakog zaslona kako bismo prikazali upravo pravu količinu detalja - dovoljno da bude korisno, ali ne i preopterećujuće. Dosljedni obrasci korisničkog sučelja korišteni su na svim zaslonima kako bi se podržalo prepoznavanje i smanjio nepotreban mentalni napor.

Usporedba starog i novog prikaza detalja trgovine

Usporedba starog i novog prikaza detalja ponude

Zašto je ovo važno

Pojednostavljenje dizajna ne znači samo imati manje elemenata - već prikazivati one prave. Kada nedostaje vizualna hijerarhija, korisnici se teško snalaze u razumijevanju što je važno i što sljedeće učiniti. Raspremanjem korisničkog sučelja, uklanjanjem zastarjelih ili nebitnih značajki i primjenom Gestalt principa, novi dizajn korisnicima olakšava pronalaženje onoga što im treba - ne samo da ga čini privlačnijim. Pojačava filozofiju proizvoda koja jasnoću, korisnost i svakodnevnu relevantnost stavlja u središte korisničkog iskustva.

Zaključak

Redizajniranje zastarjele aplikacije može se činiti preopterećujućim - kao pokušaj da se sve odjednom popravi. Heuristika mi je dala način da se usredotočim na ono što je zaista važno. Oslanjajući se na bezvremenske UX principe utemeljene na ljudskom ponašanju, uspio sam uočiti slabe točke, pojednostaviti odluke i ostati usredotočen bez potrebe za nagađanjem ili testiranjem svakog detalja.

Ovo nije bilo formalno izvješće ili nešto što sam koristio da uvjerim druge. Svi su već prepoznali da se potencijal aplikacije može otključati boljim UX-om. Ovo mi je bilo potrebno kako bih napravio red iz kaosa - razbio veliki redizajn na manje, rješive probleme.

Na kraju, za mene je primjena heuristike manje bila vezana uz označavanje kućica, a više uz izgradnju samopouzdanja. Nismo samo popravljali prošlost - gradili smo jače temelje za ono što slijedi. Heuristika mi je dala samopouzdanje da su poboljšanja doista važna - i da pritom ne gubim iz vida osnove korisničkog iskustva.