Instagram web aplikacija: Neke promjene

Analiza internetskog sučelja Instagrama zasnovana na dizajnu i moguće preporuke za njegovo poboljšanje.

NAPOMENA: Ova istraga dizajna provedena je prošle godine u sklopu projektne inicijative. Različite dane preporuke mogu se ažurirati u Instagram aplikaciji. Ovaj je članak nastao s namjerom da se istakne proces analitičkog dizajna.

Pregled

Instagram je fenomenalna društvena mreža koja korisnicima omogućuje međusobno dijeljenje fotografija kako bi stvorili izvanredno iskustvo. Riječ je o primamljivoj društvenoj platformi koja privlači sve vrste publike, od tinejdžera uobičajenih dana do fotografa do poznatih slavnih osoba, jer uvijek postoji trenutak za dijeljenje svih na mreži. Međutim, velik dio funkcionalnosti koja je dostupna u Instagram mobilnoj aplikaciji nije dostupan na web verziji. Nedostatak funkcionalnosti unutar web verzije uzrokovao je moj dizajnerski tim i ja da predložimo različite izmjene koje bi mogle pomoći da aplikacija postane više „Instagram“.

Razlog

Budući da je dio detaljnog tečaja dizajna koji nas je informirao o različitim ljudskim čimbenicima koji su istaknuti unutar dizajna (Načela dizajna zaslona, ​​konceptualni model, analiza opasnosti, analiza stabla grešaka, itd.) Nametnuo nam je da radimo na redizajniranju proizvoda za koji smo se smatrali zanimljivim i relevantno za naš svakodnevni život. Svi smo identificirali slična iskustva suočavanja s problemima na Instagram aplikaciji i prepoznali potrebu za redizajnom.

Ključni problemi

Mnogi problemi utvrđeni unutar web aplikacije su u skladu s Nielsenovom upotrebljivom heuristikom i Normanovim načelima upotrebljivosti za učinkovit dizajn. Pronađeni problemi razvrstani su u odgovarajuća područja s obzirom na njihovu ulogu u aplikaciji. Najistaknutija su pitanja koja se tiču ​​obilježja i sigurnosti.

NUH - Nielsenova heuristika upotrebljivosti NUP - Normanova načela upotrebljivosti

  • Postoje glavne temeljne funkcionalnosti na temelju korisnika koje nisu dostupne na web platformi, uključujući prijenos fotografija, izravnih poruka, stranicu za istraživanje i oznake pretraživanja relevantne za mobilnu aplikaciju. NUH: Konzistentnost i standardi
  • Videozapisi na platformi ne dopuštaju korisnicima da vole videozapise na platnu sličnim slikama što dovodi do nedostatka dosljednosti sadržaja i mogućnosti da mu se sviđa. NUH: Fleksibilnost i učinkovitost uporabe NUP: Konzistentnost
  • Sama aplikacija vrlo je minimalistična u smislu da je sadržaj premalen u odnosu na veličinu zaslona. (Raspored vezane)
  • Korisnički računi prema zadanim postavkama su javni i nisu dostupne postavke privatnosti na web aplikaciji (vezano za sigurnost) NUH: Kontrola korisnika i sloboda NUP: Ograničenja
  • Instagram-ov API javnosti nudi dostupne korisničke podatke koji bi mogli biti štetni u slučaju krađe identiteta, lažnog predstavljanja itd. Krajnje točke nisu sigurne i mogu dopustiti brisanje postojećih korisničkih podataka (u vezi sa sigurnošću)
  • Web-aplikacija ne podržavaju svi preglednici. Konkretno, korisnici na Internet Exploreru. (Kompatibilnost) NUH: Konzistentnost i standardi
  • U pogledu korisničkog sučelja, navigacijska traka nije fiksirana nakon pomicanja korisnika, što zahtijeva da se korisnik skroli natrag do vrha i po potrebi koristi navigacijsku traku. NUH: Fleksibilnost i učinkovitost uporabe NUP: Mapiranje
  • Korisnici nisu obaviješteni kada promijene sliku profila. Umjesto toga, postoji zaostajanje u reagiranju, a korisnici su dužni da osvježe stranicu kako bi vidjeli promjene svoje slike profila. NUH: Vidljivost statusa sustava NUP: Povratne informacije
  • Korisnici ne mogu uređivati ​​komentare koje postavljaju (u svezi s performansama) NUH: Kontrola korisnika i sloboda NUP: Ograničenja

Načela dizajna Usporedna analiza

Napravljena je komparativna analiza jedinstvenih tijekova zadataka unutar Instagram aplikacije i njegove 'usklađenosti s Normanovim i / ili Nielsenovim principima. Aplikacija se u početku procjenjuje, a zatim se ocjenjuje prolaz / neuspjeh radi usklađenosti što vodi do daljnjih komentara i ima li podudaranja ili sukoba s heuristikom i načelima.

# 1 Pravedna upotreba

Procjena: Govorite jezikom korisnika, više jezika. Prati trendove sa drugih stranica

Ukupno: proći

Komentari: Stalno ažuriranje i sinkronizacija s mobilnom aplikacijom

Utakmice: nudi više jezika. Slijedite konvencije iz stvarnog svijeta

# 2 Fleksibilnost u upotrebi

Procjena: Pruža izbor za prijavu, dopadanje fotografija i pruža širok raspon postavki

Ukupno: proći

Komentari: Dosljedna boja i podudaranje s njenim temeljnim proizvodom (mobilni Instagram)

Konflikti: heurističke procjene su mislile da sukladnost konvencijama s platformama nije istinita.

# 3 Jednostavno i intuitivno

Procjena: Je li dobar posao u interaktivnosti. Korisnici nisu obaviješteni o bilo kojim osnovnim problemima u borbi protiv vremena.

Ukupno: Neuspjeh

komentari:

  • Ne dopušta korisnicima da prenose fotografije
  • Ne dopušta korisnicima da dvostruko kliknu kako bi im se sviđali videozapisi.
  • Ne obavještava korisnika nakon što se promijeni slika profila.
  • Korištenje dizajna je jednostavno, ali nije u skladu s očekivanjima korisnika.

Podudarnosti: oba se principa slažu da aplikacija uklanja složenost, ali nije u skladu s mobilnom aplikacijom što dovodi do problema za korisnike koji intuitivno očekuju iste procese u web aplikaciji.

# 4 Uočljive informacije

Procjena: Ne koristi različite načine suvišnih informacija. Maksimizira čitljivost kritičnih informacija

Ukupno: Neuspjeh

Komentari: Ne daje mogućnost korisnicima s ograničenom vidljivošću

Sukobi: Korisnik ima poteškoća u pronalaženju jasno označenih sukoba

# 5 tolerancija za pogrešku

Procjena: Dizajn ne dopušta korisnicima poništavanje pogrešaka kroz intuitivne značajke na aplikaciji

Ukupno: Neuspjeh

Komentari: nema načina za uređivanje objavljenog komentara. Prisiljen da ga izbriše prije ponovnog postavljanja.

Sukob: ne pruža upozorenja ili opasnosti i pogreške

# 6 Mali fizički napor

Procjena: Web aplikacija ne zahtijeva od korisnika da ulažu mnogo fizičkog napora kako bi je dobro koristili

Ukupno: proći

Komentari: Malo korištenja bilo kakvog fizičkog napora u korištenju aplikacije

Podudaranje: samo zahtijevaju korisnici da koriste geste ruku (miš, trackpad)

# 7 Veličina i prostor za pristup i uporabu

Procjena: Veličina i prostor su više nego dovoljni za korisnike u širokom rasponu veličine ekrana. Web stranica ne reagira na različite veličine zaslona

Ukupno: Neuspjeh

Komentari: Umereno postavljeni Instagram feed pojednostavljen je i fokusiran

Podudaranje: Veličina i prostor ocijenjeni su na sličan način za obje minimalističke izvedbe evaluacije

HTA (Hijerarhijska analiza zadataka)

Nakon analize web stranice, HTA je proveden kako bi se prikazao pregled na visokoj razini različitih zadataka uključenih u pretpostavljenu upotrebu aplikacije. Nisu podržani različiti zadaci korištenja Instagram aplikacije koji su temeljni za mobilnu verziju, što dovodi do blokada unutar završetka zadatka. Ova metoda je korištena za pružanje čitateljima opći pregled različitih zadataka u Instagram aplikaciji i problema unutar domene. Rani ključni problemi koji su spomenuti gore mogu se smatrati ometanjem za određene zadatke koje korisnici izvršavaju. Kao takav, na cjelokupno korisničko iskustvo negativno utječu oni koji očekuju da web aplikacija održi dosljednost s mobilnom aplikacijom.

HTA dijagram kojim se analizira osnovna upotreba Instagram aplikacije i problemi koji blokiraju različite korisnike / zadatke (zeleno)

Predloženo rješenje

Kako bi se poboljšalo web iskustvo u Instagramu, funkcionalne modifikacije unutar korisničkog sučelja omogućile bi puno bolji smjer i zajedničku obradu asocijativnih zadataka korisnicima koji su upoznati s Instagram mobilnim uređajem.

Promjene u vezi sa sigurnošću

Za sigurnosna pitanja pronađena u aplikaciji, rješenja bi uključivala:

  • Pružanje postavke privatnosti pod vezom "Uredi profil" za "Informacije o privatnosti"
  • Za različita pitanja krađe koja se odnose na API i njegovu integraciju, bilo bi bolje ograničiti krajnju točku na pružanje ograničenih podataka radi očuvanja identiteta korisnika.

Promjene u vezi s značajkama

Za pronađene probleme u vezi s značajkama, predstavljene su različite nadogradnje dizajna za bolje iskustvo. Između različitih predloženih redizajna, evo nekih od njih:

  • Jedna opća promjena izvršena na svim ekranima je relativno dimenzioniranje sadržaja kako bi se iskoristio veći dio nezauzetog prostora na stranama postova, a da se pri tome ne oduzme minimalistički aspekt.

Ažuriranje slike profila:

Mogućnost promjene slike profila (PP) unutar Instagram aplikacije lagana je i ne teče pravilno. Unutar redizajna odlučili smo uključiti funkcionalnost promjene slike nakon nalaska PP-a unutar stranice profila.

Kada zadržite pokazivač miša, sličica pruža mogućnost ažuriranja slike. Ovo bi bilo mnogo pristupačnije i intuitivnije korisnicima naviknutima na dobro uspostavljenu metodu klika na slike da bi se pristupilo detaljnim prikazima.

Istražite / otkrijte ažuriranje stranice:

Prije: Stranica Istraživanje bila je minimalni redak raspored korisničkih računa na kojem se činilo da nema dokaza o nekom integriranom sustavu temeljenom na preporukama. Ovdje generalizirani izgled nije u skladu s onim što se vidi u mobilnoj aplikaciji i po njoj je prilično teško kretati se.

Nakon: Stranica Explore dobila je tradicionalni dizajn temeljen na pločicama kako bi se održala dosljednost s mobilnom aplikacijom. Nakon klika na pločice prikazat će se skočni prozor koji pruža veći prikaz posta s korisničkom vezom, lajkovima i komentarima. Uz to, korisnička ikona smještena na navigacijskoj traci dobila je mogućnost otvaranja padajućeg izbornika kad kliknete za mogućnost odjave. Stranica za istraživanje pružit će postove i videozapise preporučenih računa koji su povezani s korisničkim računom.

Rezultati pretraživanja / sviđa se padajućem izborniku

Prije: Padajući izbornik voli ne odgovaraju njegovoj duljini u skladu s veličinom zaslona. To dovodi do toga da korisnik beskrajno pomiče padajući izbornik kako bi pronašao određene aktivnosti lajkova na svom profilu.

Nakon: Povećala se duljina padajućeg zaslona kako bi se postigle proporcije veličine zaslona i korisnicima omogućilo gledanje aktivnosti u većem spremniku. Nedostatak ovog prijedloga je što padajući izbornik pokriva velik dio stranice, izrezujući postove u pozadini. Ako se duljina pada smanji na oko 70% svoje 'predložene veličine, omogućila bi se čitanje obavijesti bez ometanja prikaza pozadinskog sadržaja. Pored toga, padajući izbornik može se pomaknuti ulijevo kako bi se iskoristili prazni prostori koji okružuju sadržaj i učinili donji sadržaj vidljivijim.

Zaključak

Budući da je generalizirano istraživanje dizajna Instagramove web aplikacije, uspio sam učinkovito koristiti mnoge analitičke metode kako bih odredio različite značajke i probleme vezane uz sigurnost unutar sustava koji utječu na njegovu upotrebljivost. U budućnosti bih želio istražiti kvantitativne mjerne podatke na uzorcima korisnika i analizirati proizvode iz dublje, dobro zaokružene perspektive. Budući da se naša dizajnerska skupina sastojala od pet ljudi, bilo bi prilično izvedivo uzorkovati veći dio korisnika na web-aplikaciji i steći uvid u to koja pitanja nalaze u aplikaciji putem anketa ili razgovora putem osobe. Korištenjem A / B testiranja, male izmjene unutar aplikacije mogle bi se prikazati uzornim korisnicima, a mjerne vrijednosti mogu se vidjeti kako bi se vidjela učinkovitost korisnika u različitim zadacima na temelju brzina klikova i toplinskih karata klika / pokazivača.

Instagram Web Now

Bilo je vrlo cool vidjeti da su neka pitanja koja smo pronašli unutar sučelja sustava riješena u različitim ažuriranjima koje je Instagram napravio u web aplikaciji. Pitanja koja su utjecala na proces tijeka zadataka promijenjena su, što je dovelo do glatkih procesa. Najznačajnije promjene uključuju:

  • Fiksna navigacijska traka dok se krećete kroz sadržaj.
  • Prijenos slika profila izravno kroz sličicu na stranici "profila".
  • Stranica Explorera zadržavajući dosljednost s mobilnom aplikacijom, slijedeći izgled temeljen na pločicama. Sadržaj objavljen na stranici za ispitivanje sada je relevantan za korisnika putem nekakvog sustava preporuka.

krediti

Želio bih zahvaliti Nicholasu Ferdinandu Siji što mi je omogućio da izložim njegov Instagram račun i članovima dizajnerske skupine za zajednički napor koji smo uložili u analizu Instagram aplikacije.