Obnavljanje pare

Ovaj je članak popratni članak ove studije slučaja Behance. S tim ciljem želim donijeti još malo konteksta mojim odlukama u smislu pristupa i dizajna. Ako želite više vizuala, a manje ranjavanja, provjerite to!

Uvod

Ja sam dizajner. Dugo sam također korisnik Steam-a.

Moj prvi Steam račun nastao je kada je izašao Half Life 2. Bilo je potrebno postaviti ovu "Steam" stvar za preuzimanje, a zatim instalirati igru. U to se vrijeme širokopojasni pristup tek počeo stvarati u mojoj zemlji, pa mi pomisao na preuzimanje ogromnih komada igre koju sam upravo kupio, pogotovo kad sam držao CD u ruci, nije baš bila privlačna. Iskustvo se nije osjećalo nužno prikladno ... ne samo zbog pogrešaka, grešaka i drugih problema koji dolaze s novim tehnologijama, već i zbog gore navedenih ograničenja brzine za preuzimanje.

Sjećanja na ovaj zeleni prozor ispunjavaju me očajem do danas.

Sigurna sam da možete čitati slična iskustva na mreži - Steam je definitivno imao kamenite početke. Ipak, uspio je. S vremenom je postala održiva usluga. Tada je to postala norma.

Kako su se stvari promijenile. Igranje na Macu! Tko bi to prevario?

Danas, 14 godina kasnije, ono što je Valve započeo sa svojom platformom još uvijek je norma. Kad ljudi pomisle na igranje na PC-u, u jednom trenutku neizbježno će upasti u Steam. Ono što je u početku zamišljeno kao distribucijski alat za Valve-razvijene igre, polako se razvijalo u trgovinu i za AAA i za indie programere i izdavače. Na neki način, Steam je postao sinonim za PC igre.

Naravno, ovaj rast je na putu donio puno dodatnih značajki:

  • Poruke.
  • Korisničke recenzije.
  • Zajednice.
  • Programi kustosa koji daju preporuke.
  • Korisnički sadržaj koji se šalje po igri, kao što su vodiči, snimke zaslona, ​​videozapisi, modovi i tako dalje.
  • Tržište (imajte na umu da se ovo razlikuje od Trgovine), uglavnom za trgovanje artiklima iz igre.
  • Kartice za trgovanje na paru.
  • Big Picture Mode, TV doživljaj za Steam.
  • Streaming igre.
  • Video sadržaj (kao u filmovima, emisijama itd.).
  • Softver.
  • … A vjerojatno i više, a ima ih još.

Ukratko, od danas, Steam je ogroman.

Usred ove ekspanzije neizostavno bi se mobitelske aplikacije igrale. Tako se jednog dana i dogodilo.

Steam za Android

Huh. To izgleda poznato.

Web stranica Steam na Chromeu (lijevo), Steam za Android (desno)

Je li to…

Web stranica Steam na Chromeu (lijevo), Steam za Android (desno)

Da.

Web stranica Steam na Chromeu (lijevo), Steam za Android (desno)

Yup. To je definitivno web stranica. Mobilne aplikacije su web omoti!

Steam mobilne aplikacije - što je dogovor?

Kada razmišljate o Steamu kao platformi za kupnju igara, ideja o mobilnoj komponenti definitivno ima smisla. Ali kao što smo ranije raspravljali, Steam je porastao u toliko različitih smjerova da je malo teško suziti iskustvo na određenu vrstu korisnika:

  • Korisničko ime1 uvelike se ulaže u zajedničku grupu omiljenih igara i rasprave.
  • Username2 ulazi u streaming.
  • A onda imamo i korisničko ime3, koje se bavi ugradnjom Steam trading kartice i prodajom predmeta.
  • Username4 u međuvremenu, samo želi znati kada je sljedeća velika prodaja Steam-a.
  • Konačno, Username5 jednostavno prati svoje stavke popisa želja i instalira igre na daljinu.

Ako to zvuči kao da se istovremeno razgovara o raznim značajkama, to je to baš zato. Za dobro ili loše, zbog prirode "web omotača" ovih mobilnih aplikacija, korisnici imaju pristup svim tim značajkama u svojim telefonima. A također i hrpa drugih problema koji proizlaze iz toga. Kao što vjerojatno možete zamisliti, nije lako pronaći povratne informacije korisnika na mreži.

Ne zaboravimo da postoje i recenzije App Store i Google Play. Iako ocjene nisu toliko loše na Androidu (iako su komentari poprilično… podjele prirode), imajte na umu da, kao vrijeme pisanja ovog teksta, verzija za iOS nije ažurirana u gotovo 2 (dvije! ¡Dos!) ) godine. Iako znamo za sve to, i dalje je vrlo teško reći mogu li korisnici uspjeti uspješno obaviti sve ono što žele. U tu svrhu dodajte neke stavke koje ove aplikacije imaju, poput radnji miješanja i stranica u navigacijskoj ladici; ili se aplikacija ne sjeća vaše dobi osim ako ste prirodno mlađi od 18 godina; ili su općenito nedosljedni u pogledu vizualnog dizajna i obrazaca specifičnih za platformu. Male stvari koje gomilaju i štete iskustvu.

Valjda bi moglo nastaviti ... ali neću Umjesto toga, podijelit ću ono što sam smislio nakon što sam pomislio: "Što bih učinio ako bih imao priliku poboljšati neke od ovih točaka?"

Nakon riječi salata: usmjerenje prema točki

Što ima pet prethodno spomenutih korisnika? Pa, prvo, vrlo je vjerovatno da su u početku ušli u Steam, jer su željeli kupiti i igrati igrice. I drugo, također možemo zaključiti da imaju pristup računalu na kojem mogu igrati te igre. Jednostavan.

Ponavljajući ono što sam rekao prije ...

"Kada Steam razmišljamo kao platformu za kupnju igara, ideja da se kreće komponenta definitivno ima smisla."
- Ja, doslovno pet stavaka i jedan popis prije

U suštini, ova usluga ne može biti loša stvar na drugim uređajima, a ne na računalima? Ne mislim na to da ova mobilna komponenta mora doslovno zrcaliti iskustvo radne površine. Mislim da bi to trebalo biti više od popratne aplikacije.

Pa sam se nekoliko dana družio s idejom i to se dogodilo.

Detaljni pogled na koncept

Sve su to dobre igre.

Manja ažuriranja vizualnog identiteta

Iako ovo nije glavna poanta koncepta, to se vjerojatno najviše ističe, pa ću to izbaciti iz mode. Kao dodatni zadatak napravio sam nekoliko početnih istraživanja kako ažurirati izgled ili marku Steam-a. To nipošto nije drastična promjena, a pokušao sam održati izvorni duh marke uz ažuriranje boja i tipografije kako bih joj dao moderniji izgled. Bio sam inspiriran za to istražiti nakon što sam vidio što druge digitalne trgovine rade u pogledu dizajna: GOG, Fanatical, Humble Bundle, Origin ... i naravno, Sony, Nintendo i Microsoft, također su uložili puno truda u pogledu njihovog estetika i dizajn. Bilo bi sjajno vidjeti i Steam kako slijedi njihovim stopama.

Ažuriranje: Valve ipak ima novu web stranicu. I tako je osvježavajuće! Volim to.

Kapsula, prilično težak format za igranje na mobilnom uređaju zbog omjera slike. Također na slici: dobra igra.

Usredotočite se na izvedivost

Kad sam započeo raditi na ovom konceptu, glavni fokus je bio održati stvari izvedivim. Moglo bi mi biti lakše u potpunosti izmisliti vizualnu stranu prema svom ukusu, ali htio sam iskoristiti što više mogu iz postojećeg identiteta i preko toga izgraditi nešto novo. Kao takav,… prilično neobičan format kapsule živi u ovom redizajnu.

To sam shvatio kao izazov i vježbu praktičnosti - uzmite u obzir da je ovo scenarij iz stvarnog svijeta, izdavačima / programerima da Valveu trebaju pružiti nove vizualne materijale u različitim formatima ili rezolucijama. To se odnosi i na osvježavanje marke koje sam ranije spomenuo. Čini sve to u istom duhu.

Jezgre značajke

Iako je pristup koji sam uzeo dizajnirao radi skalabilnosti, želio bih da aplikacija bude što sažet i kompaktniji. Imajući to na umu ... znamo da korisnici Steama žele kupiti igre. Što bismo još mogli ponuditi?

  • Mogli su naučiti o novim prodajnim događajima dok nisu daleko od svojih računala. Posebno korisno kada postoje flash ponude!
  • Upravljajte svojim bibliotekama instaliranjem igara na njihova računala (što je usput već moguće učiniti).
  • Dodajte proizvode kupljene na drugim prodavaonicama u svoje knjižnice.
  • Imajte još jednostavniju i prijateljskiju dvofaktorsku provjeru autentičnosti.
  • Bolje potvrde na tržištu Zajednice. Iako je tržište same aplikacije malo pretjerano, iskorištavanje prateće aplikacije za potvrdu da uvrštenja mogu raditi, radi sigurnosti.
  • Uživajte u funkcionalnom sustavu za slanje poruka!

Ostale značajke na aplikaciji za radne površine mogu ostati tamo. Na kraju, oni su u osnovi samo dodatne značajke temeljne Steam mehanike. Što nas vodi do ...

Pospremanje! Ili, novo polazište svega.

Reorganizirana hijerarhija i navigacijski tijek

Prebacivanje koncepta na popratnu aplikaciju značilo je preispitivanje strukture i ravnanje kako bi je učinili jezgrovitijom, sužavanjem osnovnih funkcionalnosti koje sam spomenuo na 5 osnovnih prikaza vrha. Stvarne aplikacije Steam imaju velik broj prikaza na najvišoj razini koji neizbježno trebaju živjeti u navigacijskoj ladici.

Stvari za napraviti! Puno njih!

Ladice za navigaciju nisu sjajne stvari: ako je aplikaciji potrebna ladica, to vjerojatno znači da ima previše jedinstvenih zaslona najviše razine. I, pa, to vjerojatno znači da je aplikacija pomalo (ili možda nepotrebno?) Složena. Imajući to u vidu, odlučio sam smisliti strukturu koja nije izgubila glavnu točku aplikacije na gomilu dodanih značajki - jer zapamtite da u ovom slučaju radimo popratnu aplikaciju, a ne puno ogledalo iskustva na radnoj površini. I naravno, trešnja na vrhu je da na kraju sakrijemo vitalne podatke od korisnika skrivanjem tih veza u ladici.

I na kraju, dok je ladica poznati Androidov uzorak, Google je nedavno predstavio donju navigacijsku traku koja zrcale iOS trake na svoje smjernice o dizajnu materijala, što bi trebalo biti prilično znakovito.

Nativno iskustvo

Naravno, ne možemo se žaliti da nemamo izvorne aplikacije i nije nam usmjereno pružiti polirani doživljaj koji slijedi odgovarajuće konvencije platforme s kojima korisnici očekuju interakciju. Iako se podrazumijeva da su osnovne funkcionalnosti prirodno identične između aplikacija, tu bi definitivno postojale karakteristike platforme za poboljšanje općeg iskustva za svaku skupinu korisnika.

Velika slika

Da bih stekao osjećaj koliko bi ovaj novi vizualni smjer mogao biti fleksibilan, uzeo sam nekoliko sloboda da se poigram sa pojednostavljenim pristupom Big Picture modu, usredotočujući se više na sljedeće bolje prakse dizajniranja za TV. To je zbog toga što, iako upotrebljiva, trenutna verzija programa Big Picture puno pati od preopterećenja sadržaja i sindroma malog tipa ™. Doduše, ovo je nakon razmišljanja bilo više od prevelike ambicije.

Usput, radeći na posljednjim fazama ovih članaka i studiji slučaja, Valve je najavio dvije nove aplikacije za Steam - Link i Video koje će uskoro biti objavljene. Vjerojatno možete reći da se osobno slažem s idejom odvajanja ovih značajki na nove aplikacije, jer se one previše odstupaju od onoga što je Steam u svojoj srži. Dakle, možda je to znak predstojećih stvari?

Bilo kako bilo, radujem se što ću vidjeti smjer koji će Valve krenuti sa svojim novim aplikacijama. Evo za promjenu.

I uspio si ovo daleko. Dobar posao!

STRV je sveobuhvatna trgovina za razvoj mobilnih aplikacija koja radi s vrhunskim startapovima poput Y Combinatora i 500 Startupa, među ostalim. Trenutno ima urede u San Franciscu, Los Angelesu, New Yorku i Pragu.

Pratite STRV tim za dizajn na Dribbble ili Behance.