Touch umesto miša
Interfejs mora da radi prirodno prstom. Touch targeti, razmaci i reakcija na pritisak postaju mnogo važniji nego kod klasičnog desktop sajta.
← Projekti
Touch kiosk · Physical UX · Interactive software
Kako web aplikacija postaje softver za fizički touch kiosk?
DAVO Technology zahteva drugačije razmišljanje od klasičnog sajta: korisnik stoji ispred fizičkog uređaja, koristi aplikaciju prstom i očekuje da svaki sledeći korak bude odmah razumljiv.
Next.js · Touch UX · Multilingual · Product discovery
Kontekst
Browser je tehnologija. Kiosk je iskustvo.
Aplikacija može tehnički da radi u browseru, a da ipak bude loš kiosk softver.
Touch uređaj menja način na koji korisnik čita ekran, pritiska kontrole i donosi odluke. Dugme koje je potpuno normalno mišem može biti premalo ili nejasno kada se koristi prstom.
Zato DAVO nije samo responsive web stranica prikazana na velikom ekranu, već interfejs projektovan za konkretan fizički način korišćenja.
UX izazovi
Svaki element mora da odgovori na drugačiji način korišćenja.
Korisnik stoji ispred uređaja
Nema vremena za komplikovanu navigaciju. Sledeći korak mora da bude jasan bez objašnjavanja i bez učenja sistema.
Više jezika
Kiosk podržava SRB, ENG i RUS, a izbor jezika mora da prati korisnika kroz ceo tok.
Različiti tipovi korisnika
Neko želi samo da razgleda, neko se prijavljuje, neko registruje nalog, a neko želi da mu informacije o proizvodu stignu direktno na e-mail.
Kompleksna ponuda
Korisniku treba pomoći da iz većeg broja proizvoda pronađe uređaj koji odgovara njegovoj situaciji.
Fizički kontekst
Softver nije sam sebi svrha. Mora da funkcioniše zajedno sa fizičkim kioskom, ekranom i prostorom u kome se uređaj koristi.
Prvi kontakt
Korisnik ne mora odmah da napravi nalog.
Početni ekran daje jasne puteve: registracija, prijava ili pregled proizvoda bez naloga.
Prijavljeni korisnik može da dobije informacije o proizvodima direktno na svoj e-mail, ali browsing ne mora da počne dugom formom.
Product discovery
Kiosk treba da pomogne korisniku da izabere, ne samo da pokaže katalog.
Kada ponuda postane veća, beskonačno listanje proizvoda nije dovoljno. Sistem dobija alate koji korisnika vode do relevantnijeg izbora.
Savings Calculator
Proizvod postaje razumljiviji kada korisnik vidi svoju računicu.
Kalkulator uštede pretvara tehničku ponudu u pitanje koje je korisniku mnogo konkretnije: kakav efekat proizvod može da ima u njegovoj situaciji?
Kiosk workflow
Iza nekoliko velikih dugmadi postoji ceo korisnički tok.
01
Početni izbor: registracija, prijava ili pregled bez naloga
02
Multilingual routing i sadržaj SRB / ENG / RUS
03
Pregled i izbor water-device proizvoda
04
Device Finder za vođeni izbor odgovarajućeg uređaja
05
Poređenje uređaja
06
Savings Calculator
07
Savetodavni tokovi za kućna i poslovna rešenja
08
Kontakt / slanje zahteva DAVO timu
Touch feedback
Korisnik mora da oseti da je dodir registrovan.
Na fizičkom uređaju nema hover stanja miša koje unapred najavljuje interakciju.
Aktivne kontrole zato dobijaju kratku touch reakciju koja potvrđuje pritisak bez agresivne animacije i bez usporavanja toka.
Šta projekat pokazuje
TOUCH
Isto web znanje. Potpuno drugačiji kontekst korišćenja.
DAVO je dobar primer zašto development nije samo pitanje frameworka. Aplikacija mora da razume uređaj, prostor, ponašanje korisnika i poslovni cilj samog kioska.
Upravo fizički kontekst menja prioritete UX-a i način na koji se čak i najjednostavnija kontrola projektuje i testira.
Sledeći case study
Od fizičkog kioska prelazimo na data proizvod.
Developer Role Finder rešava potpuno drugi problem: kako veliku količinu developerskih prilika organizovati tako da korisnik pronađe ono što mu zaista odgovara.
Developer Role Finder →