Istraživanje sučelja: dubina i boja

Kako hardver počinje izblijediti i softverska iskustva dolaze u prvi plan, ključno je usredotočiti se na način dizajniranja sučelja s kojima će korisnici vidjeti i komunicirati.

Tijekom posljednjeg desetljeća dizajn sučelja doživio je preokret od repliciranja fizičkog / materijalnog (koji se naziva skeuomorfizam) u mnogo ravniju, apstraktnu estetiku. Iako se ovaj novi vizualni stil čini privlačnijim, osjetio sam da se izgubilo osjećaj intuicije i pristupačnosti odbacivanjem nekih skeuomorfnih karakteristika. Kako bih dalje istražio ta zapažanja, nastojao sam vizualizirati buduće sučelje koje pronalazi ravnotežu između minimalizma i fizičkog konteksta, za budućnost koja će ljudima omogućiti interakciju s bešavnim staklenim pločama i simuliranje taktilnih gumba.

Moji ciljevi ove istrage bili su iskoristiti suvremeno sučelje s tri osnovne promjene:

  • Sjena - štedljiva, ali dosljedna upotreba sjene može dati dvodimenzionalnu dimenziju, pa čak i naznačiti na koje se elemente sučelja može djelovati. Još hladniji slučaj je da sjena može reagirati na pritisak koji osoba vrši na objekt sučelja i kako će objekti djelovati na temelju različitog pritiska.
  • Translucencija - može biti teško sjetiti se koliko složeni ovi digitalni sustavi mogu postati. Razumna upotreba prozirnosti unutar sučelja može omogućiti čovjeku da razumije kako različiti slojevi surađuju, pa čak i da se koristi za pružanje prostorne hijerarhije uz sjene.
  • Vizualna konzistentnost - Previše vizualne konzistencije može brzo postati loša stvar; svako područje sučelja moglo bi izgledati isto i postati zbunjujuće za korisnika. Međutim, sličnost izgleda i interakcije može biti nevjerojatno korisna za izgradnju samopouzdanja dok se koriste ta sučelja i očekuju da će objekti odgovoriti na pouzdan, prirodan način.

Kroz kombinaciju ova tri koncepta, kao i dodatne pametne prednosti / promjene trenutnog dizajna sučelja, nadam se da ću pokazati kako dizajneri mogu početi ponovno upotrebljavati prirodnije aspekte dizajna u digitalnom krajoliku.

Sve nove dubine

Iako prvi aspekt ovog sučelja koji sam redizajnirao nije komponenta Messages, mislim da ova aplikacija definitivno pokazuje potencijal koji upotreba sjene može dovesti do sučelja.

Možda je bilo očiglednije da je svaka poruka na popisu odvojena linijama i zatim označena kao nepročitana pomoću oznake. Sve sam to izbacila i više se fokusirala na pojednostavljenje. Odvažnost svake fotografije i imena zapovjeduje vlastiti prostor, omogućavajući brzo crtanje prema popisu. Čista bijela pozadina i zamagljena sjena na nekim stavkama jasno daje do znanja koje su poruke na prvi pogled nejasne, a također poziva osobu da samo dodirne ove izražene vjeverice i zaroni u razgovor.

Slično tome, sjene pružaju odličnu priliku za smanjenje vizualne nerede koja prati prikazivanje skupova popisa. Mnogi mogu naglasiti da trenutna aplikacija Podsjetnici provodi neki skeuomorfni dizajn sa svojim kartografskim prikazom i zrnastim efektom papira; Kako sam se upoznao s ovom aplikacijom za upravljanje svakodnevnim zadacima tijekom semestra, smatrao sam da su ova dva izbora dizajna manje korisna i više ometaju sa stajališta vizualnog dizajna. Ako se svakom popisu podsjetnika dodjeljuje vlastiti obojeni blok pruža identitet koji se lako može vidjeti. Dodatni bonus: dodirivanje na jedan od tih popisa (kao što smo toliko željeli zbog efekta sjene) vodi neprimjetno u drugi prikaz koji prikazuje sve odgovarajuće podsjetnike. Na ovom zaslonu su prikazane vrlo jasne upute o načinu interakcije sučelja kroz simbol "+" i strelicu dolje.

Ovaj revidirani izgled svakom prostoru omogućuje disanju, a onima koji slabovidnim osobama trebaju olakšati navigaciju. Možete potrošiti više vremena na pisanju svojih ideja, a manje vremena gledajući u svoj ekran pokušavajući sakupiti svoje misli.

Kristalno čisto

Gornji primjeri predstavljaju sjajne slučajeve na koji se smisao i dubina mogu smisleno i čisto unijeti u sučelje. Na isti način, oni također suptilno uvode ideju prozirnosti za dodatni kontekst i neku osobnost. Pogledajmo bliže.

S lijeve krajnje strane možete vidjeti kako bi izgledao početni zaslon osobe. Pozadina koja se viđa i mijenja često postaje izvor udobnosti i poznavanja čitavog sučelja. Moja prijava banaka prozirnosti na ovo poznavanje i daje naznaku ove pozadine u pozadini svake aplikacije. Možete vidjeti onaj plavi gradijent prisutan na mliječno bijelom platnu poruka i podsjetnika, kao i ostale aplikacije u ovom istraživanju. Ovaj koncept prozirnosti ima najviše smisla kada se radi o pogledu više zadataka. Tijekom procesa razvoja, mnoge su varijacije ovog koncepta donijele platnu veću razinu prozirnosti (85% ili čak 90% u odnosu na trenutnu neprozirnost od 95%), ali su boje pozadine počele ometati vidljivost sadržaja aplikacija u tim slučajevima.

Odličan osjećaj koji proizlazi iz ove nove značajke je suptilan način na koji pozadina mijenja cjelokupni izgled sučelja, dajući svakom zaslonu osobnost koja je više ti. Pogledajte:

Primijetite suptilnu sjenu i zakrivljenost gumba koje kliza glasnoću prema gore i dolje, kao i obrnutu sjenu na ikoni AirPlay. Ta obrnuta sjena označava da je AirPlay već aktiviran i može se vidjeti u Control Centeru.

To je vrlo mala promjena, ali efekt proizveden može stvoriti vrlo različite osjećaje i izbore nego što bi to obično bijelo sučelje.

Konstantno. Dosljedan.

Kao što sam spomenuo u gore navedenom popisu zadataka, dosljednost i na vizualnom i na interakcijskom frontu bila je prioritet. Kao što ćete vidjeti, „stranica za prskanje“ svake aplikacije ima sličan izgled, s velikim naslovom i razdjelnom trakom koji prethodi sadržaju u nastavku. Ono što stoji izvan stranice prskanja ostaje istinito za sadržaj svake aplikacije; Zamislite format stranice za prskanje kao ugodno stajalište pred novom zemljom koja je pred nama.

Ne postoji pogrešna aplikacija za drugu, ali oblikovanje je poznato i kada osoba nauči kako jedan skup interakcija funkcionira, može biti sigurna da će raditi slično u svim ostalim aplikacijama. Na primjer, uzmite uobičajenu radnju pretraživanja. S ovim dizajnom traka za pretraživanje ostaje gotovo skrivena sve dok je ne prizove poznata gesta za pomicanje prema dolje, a zatim se razvodna traka transformira u traku za pretraživanje.

Najbolji dio? Ova će gesta raditi sa svakom aplikacijom koja prikazuje razdjelnu traku.

Kroz ovaj mali eksperiment, imao sam priliku skrenuti iz svoje zone komfora dodajući još mračne značajke poput dubine i boje mojoj obično minimalnoj paleti. Iskustvo sam stekao i s odličnim novim alatom za dizajn, Figma. Ove kratke studije omogućile su mi da razmislim o sučeljima koja će polako postati prevladavajuća u našem životu i kako mogu biti još jednostavnija i ugodnija za upotrebu.

Uz put, moram dodati male značajke koje bih želio vrlo brzo vidjeti u našim sučeljima, uključujući tematsku noćnu temelje koja bi smanjila naprezanje očiju u mračnijim satima i obavijesti utemeljene na AI-u koje bi se predstavile u većini korisnoj osobi. Novi Control Center također lijepo kombinira ideju sjene i prozirnosti pokazujući koji su preklopnici aktivni i neaktivni te čine da se klizači osjećaju kao male cijevi ispunjene organskom tekućinom koja reagira na dodir.

Hvala na čitanju! Slobodno komentirajte, posegnite i pogledajte više na Instagramu i Twitteru. - KS