Web-navigacija bez gubitaka sa stazama

Od ranih 2000-ih, metafora pregledavanja kartica prevladava u načinu na koji se krećemo webom. Sa Browser.html, Mozilla Research projektom koji ima za cilj izgradnju korisničkog sučelja preglednika ugrađenog u HTML za noćne izrade Serva, eksperimentiramo s razvojem standardnog preglednika s karticama prema modelu temeljenom na stazama.

Cilj staza je izgraditi ne samo prozor u web sadržaj, već i narativ korisničke aktivnosti. Nadamo se da bi naš rad mogao pomoći da se stanje pretraživanja približi idealu alata koji poboljšava naš kognitivni proces, a ne povećava naše kognitivno opterećenje.

Da bismo ilustrirali kakav scenarij razmišljamo, upoznat ćemo vas s našom prijateljicom Nalom.

Potraga za savršenom pizzom

Nala izviđa zglobove pice. U svom tradicionalnom pregledniku s karticama kreće u pretraživanje (1) koje vodi na stranicu rezultata pretraživanja (2).

Ona slijedi vezu do popisa restorana na Yelpu (3) i provjerava obećavajući pizza joint (4).

Vanjske veze na Yelpu otvaraju se u zasebnim karticama, pa kad Nala klikne na vezu do web-mjesta restorana, pokreće novu karticu (5).

Nova kartica nema povijest niti je povezana s prvom karticom. Izgubljena je cijela povijest o tome kako je Nala stigla na web mjesto restorana!

Sadržaj amnezije preglednika pregledava dodatne mogućnosti: prebacivanje na prvu karticu (6) i vraćanje na rezultate Yelp (7), traži drugi restoran.

Kada odabere novi restoran (8), izgubio se i dio navigacijske povijesti trenutne kartice:

Klikom na vanjsku vezu na web mjesto sljedećeg restorana ponovo se otvara nova kartica (9) i ponovno se povezuje s poviješću koja joj je prethodila.

Da biste ponovo pogledali rezultate svojih početnih rezultata pretraživanja, Nala se vraća nekoliko koraka u povijest prve kartice i otvara još jedno mjesto za pizzu izravno od tamo (10).

U ovom primjeru uobičajenog scenarija pretraživanja izgubi se više od trećine povijesti!

Naravno, preglednici obično nude alate poput prikaza povijesti i izbornika "nedavnih kartica", ali nijedan od njih ne predstavlja narativ koji odgovara stvarnom putu kojeg je Nala slijedila.

Od kartica do staza

Pomoću Browser.html prototipiramo korisničko sučelje koje govori ne samo fragmente Nalaine povijesti koji sačuva preglednik s karticama (Verzija 1), već i sve (Verzija 2):

Ali ta se stabla lako mogu zamršiti. Ono što mislimo da je najvažnije nije mjesto na kojem se svako istraživanje razdvajalo, već cjeloviti put koji vodi do rezultata. To je ono što korisniku prikazujemo (Verzija 3):

Svaki red predstavlja trag od korijena stabla navigacije do rezultata. Prednost je u tome što jedan trag govori o samostalnoj priči s lijeva na desno. S druge strane, duplikati dovode do mnogo ometajućeg vizualnog šuma. Srećom, to se može ukloniti fokusiranjem na jednu stazu, dok presavijanje ostalih.

To je Nala zapravo vidjela:

Kartice i staze: isti, ali različiti.

Ako zanemarite staze koje vode do svake istražene teme, staze se ne razlikuju od uobičajenih kartica. Ovo je namjerno: naš je cilj poboljšati postojeće korisničko iskustvo, a ne zamijeniti ih. Korisnici mogu nastaviti koristiti preglednike kao i uvijek. A ipak je svaka navigacijska staza kartica koja govori o cjelovitoj priči od početka do kraja. To nam pruža mogućnosti da istražimo daljnja poboljšanja korisničkog iskustva. Evo nekoliko u obzir:

  • Dijeljenje ne samo URL-ova, već i čitavih staza.
  • Izblijedjuće staze postaju nevažne i na kraju ih premještate s mreže.
  • Trajne staze u obliku koji je bio tijekom posjeta, tako da se mogu pregledati (izvan mreže).
  • Dopuštanje napomena napomena kako bi korisnici mogli zabilježiti svoje misli dok istražuju temu.
  • Kolaborativno istraživanje tema.
  • Po želji otvaranje stranica u novom tragu.

Staza

Ideja vizualizacije korisnikovog putovanja putem weba stazom nikako nije nova. Čak i prije sedamdeset godina, u svom eseju "We We May Think" koji je popularizirao ideju hipervezanih podataka, Vannevar Bush opisao je "memex stroj." trag kroz naš istraživački proces.

Od tada je bilo nekoliko pokušaja stvaranja takvog alata, počevši od Trailmeme by Xerox Trails. Ovaj koncept Trailblazer je nastavio MacWarriors 2004. godine, a trenutačno slijedi Trailblazer.io. Nadamo se da ćemo povezivanjem ideja staza s poznatim idiomima s karticama izgraditi na postojećim radnim tokovima i učiniti ideju općenito privlačnom. A Browser.html služi kao sjajan testni ležaj za ove ideje.

Spacijalni model

Radim na prostornom modelu kroz različite interakcije korisnika i animacije. To bi trebalo pomoći korisnicima da bolje razumiju što se događa i kako najučinkovitije pregledavati Internet.

Više o tome možete pročitati ovdje.

Pridruži nam se!

Trenutno radimo na izgradnji prvog radnog prototipa. Ako vam ovo zvuči zabavno, potražite projekt Browser.html! Na našem popisu otvorenih izdanja možete pronaći na GitHub-u ili na našem Slacku dođite razgovarati s nama.