9 sjajnih dizajna korisničkog sučelja

U web dizajnu, izvrsno korisničko sučelje ili dizajn korisničkog sučelja sastoji se od pomaganja korisniku da izvrši zadani zadatak što jednostavnije i učinkovitije. Iako su izgled i dojam nesporno važni, u osnovi velikog korisničkog sučelja je funkcija: u smislu navigacije, trebala bi biti intuitivna do te mjere da bude nevidljiva. Čim se korisnik izgubi ili ne može smisliti kamo ići, korisničko sučelje ne radi svoj posao, a postoji i mnoštvo primjera bolno korisničko sučelje ne uspije kako biste pokazali što ne biste trebali raditi.

Ovaj popis web stranica i aplikacija može imati različita načela dizajna i različite funkcije, ali zajedničko im je jedno - učinkovit dizajn korisničkog sučelja koji zadovoljava sve gore navedeno i više. Čitajte dalje da biste saznali zašto su toliko uspješni.



01. Montreux Jazz Festival

UI dizajn: Montreux Jazz Festival



Evo fantastičnog načina da napravite vlastiti festivalski program po mjeri s nekoliko poteza(Slika pripisana: Montreux Jazz Festival)

Ne postoji ništa poput boravka na festivalu da biste svoje FOMO razine provukli kroz krov; sigurno, možda uživate u činu koji vidite sada, ali možda se negdje drugdje dogodi još jedan još bolji za koji vi ni ne znate. Bez obzira koliko puta pročešljali dugački popis izvođača, sigurno će vam nedostajati nekoliko apsolutnih dragulja. Ali ovaj sjajni dio korisničkog sučelja za Montreux Jazz Festival želi vam pomoći da osigurate da na najbolji način iskoristite svoje vrijeme tamo.

Stvari održavaju na jednostavan način, pružajući vam šest binarnih izbora koje možete pomicati ulijevo ili udesno kako biste stvorili dojam o svojim glazbenim preferencijama - na primjer, više volite DJ-e nego bendove? - i nakon što završite, predstavit će vam vaš vlastiti personalizirani program zasnovan na onome što misli da ćete uživati, zajedno s vezama za kupnju ulaznica.



Dizajn korisničkog sučelja: Montreux Jazz Festival

Lizzo! Kako su znali?(Slika pripisana: Montreux Jazz Festival)

Jednostavan je i intuitivan i, iako ćete bez sumnje svejedno htjeti još jednom provjeriti cijeli program kako biste bili sigurni da sigurno ništa niste propustili, to je sjajan način koji će vam pomoći da brzo provrtate mnoštvo informacija kako biste pronašli rezultate.

02. Nagibna četka

Što se tiče korisničkog sučelja i korisničkog interfejsa, virtualna je stvarnost pogranični teritorij. Dizajneri i programeri moraju izmišljati stvari kako idu, s prirodno pomiješanim rezultatima. Ono što radi na ravnom zaslonu ne mora raditi tako dobro u VR-u, a izrada učinkovite i korisne VR aplikacije koju možete koristiti satima bez da dobijete bolest kretanja može biti popriličan izazov.



Stoga je sjajno vidjeti VR proizvod poput Googleova Nagibna četka - koji vam omogućuje izradu 3D slika u virtualnom okruženju - koje ne samo da djeluju, već su toliko intuitivne za upotrebu i s tako sjajnim rezultatima da ih umjetnici već uključuju u svoje kreativne tijekove rada. Krenite ovuda potražite izvrsne profesionalne savjete za početak rada s ovom kreativnom aplikacijom koja mijenja igru.

03. Uzorkovanje

Dizajn korisničkog sučelja: Uzorkovanje

Kružni, minimalni pristup uzorka olakšava okretanje ritmova [Slika: Olympia Noise Co]

IOS bubnjar tvrtke Olympia Noise Co, Uzorkovanje , za razliku od svih koje ste prije vidjeli, i to s dobrim razlogom. Umjesto da svoj ritam slijedite na mrežu poput svake druge glazbene aplikacije, Patterning koristi kružno sučelje za osnovno poslovanje postavljanja vaših ritmova, s bubnjevima u boji tako da možete lako vidjeti što je što.

A osim osnova, pametno, ali minimalno korisničko sučelje Patterninga čini kompliciraniji posao sljedovanja dužih pjesama iz pojedinačnih uzoraka puno manje izazovnim, omogućujući vam da lako napravite varijacije uzoraka, a zatim uklopite sve zajedno. Potreban je sličan izravni pristup da i sve zvuči bolje; i njegova miješalica i FX sučelje promišljeno su postavljeni podebljanim vizualnim znakovima koji vam pomažu da dobijete zvuk koji želite, a da ne upadnete u nesagledive kontrole.

04. MailChimp

Dizajn korisničkog sučelja: MailChimp

Dizajn MailChimpa je čist, ravan i uglavnom je tipografski [Slika: MailChimp]

Stvaranje i upravljanje biltenima možda nije najuzbudljiviji zadatak na svijetu, ali lijepo dizajniran, intuitivan dizajn korisničkog sučelja MailChimp čini ga toliko ukusnijim. Od nedavnog redizajna, web korisničko sučelje je čisto, ravno i prvenstveno tipografsko.

Kada se vaš račun prvi put postavi, problem s klasičnim 'praznim računom' prije nego što se prva kampanja pokrene uravnotežen je pomoću korisnih, vizualno ugodnih korisničkih vodiča. Puno je praznog prostora, a jasni pozivi na akciju provode nove korisnike kroz svaki korak postupka - u nekim slučajevima čak uključuju i suptilno animirani pokazivač koji pokazuje gdje treba kliknuti.

Dizajn korisničkog sučelja: MailChimp

Korisni pozivi na akciju sprečavaju da se izgubite u programu MailChimp [Slika: MailChimp]

05. Papir za iPad

Dizajn korisničkog sučelja: Papir za iPad

Papir je dizajniran da bude intuitivan za upotrebu [Slika: FiftyThree]

Višestruko nagrađivana aplikacija osmišljena kako bi pomogla korisnicima da budu kreativniji na intuitivniji, prirodniji način, Papir omogućuje vam crtanje vrhovima prstiju s iznenađujućom razinom detalja - iako djeluje i olovkom ako je potrebna veća preciznost.

Dizajniran isključivo za dodir, UI dizajn papira nema gumba ili postavki zbog kojih biste trebali brinuti - samo niz specijaliziranih alata. Svestrani alat za crtanje u obliku nalivpera besplatan je, dok Sketch (meka olovka), Outline (podebljani marker), Write (olovka s tintom), Color (kist za akvarel) i Mixer (blender u boji) dolaze kao kupnja u aplikaciji.

Dizajn korisničkog sučelja: Papir za iPad

Umjesto gumba, papir ima set specijaliziranih alata [Slika: FiftyThree]

06. Stvari

Dostupno za Mac i iOS, Stvari je popularna aplikacija za upravljanje zadacima nagrađivanog dizajna koji je intuitivan i lak za preuzimanje, a zasnovan je na poznatom konceptu popisa obaveza. Kao što ističu njegovi tvorci Kulturni kod, ideja je ipak da vam olakšaju život.

Uglađeni, čisti dizajn korisničkog sučelja unaprijed je podijeljen na popise kako bi vam pomogao da kategorizirate svoje zadatke: hitne stvari idu u 'Danas', nešto manje hitne mogu pričekati do 'Dalje', dok 'Raspored' planira dalje. Svaki unos u jednom trenutku bilježi važne informacije - naslov, bilješke i datum dospijeća, kao i oznake ako su potrebne za kategorizaciju svega. Najbolje od svega je što je prozoru Quick Entry dostupan s bilo kojeg mjesta pomoću jednostavne tipkovne prečice - a sve se automatski sinkronizira na radnoj površini, iPhoneu i iPadu.

07. Monitor kampanje: Svjetonazor

Dizajn korisničkog sučelja: Campaign Monitor Worldview

Worldview iznosi složene podatke na pristupačan način(Slika pripisana: Campaign Monitor)

Izvrsno originalna ideja koja privlači preokret u podacima pretplate na e-poštu, Monitor kampanje: Svjetonazor prekriva podatke o pojedincima koji u stvarnom vremenu otvaraju, klikaju i dijele vaše komunikacije na Google Mapu kako za geografski tako i za osobni uvid.

Odredišna stranica predstavlja koncept na neposredan vizualni način, s primjerima pribadača koje padaju na kartu svijeta - a samo sučelje aplikacije osvježavajuće je čisto, vrti se oko karte i nekoliko osnovnih izbornika za kontrolu postavki. Sjajan primjer dizajna korisničkog sučelja, jednostavnom ikonografijom i kodiranjem u boji koji na prvi pogled identificiraju različite kategorije angažmana korisnika.

08. Slika

Dizajn korisničkog sučelja: slika

Slika je dizajnirana da vam pomogne da izbacite melodije u pokretu [Slika: Propellerhead]

Još jedan primjer ravnog dizajna koji čini potencijalno vrlo komplicirani dizajn korisničkog sučelja vrlo čistim i intuitivnim, Lik je sintisajzer i bubanj za iOS od švedskog programera Propellerhead, koji je također iza softvera za proizvodnju desktop glazbe Reason.

kako koristiti alat za zamjenu boja u

Možete dodirnuti pločice dodirnog zaslona, ​​držati prst prema dolje i pomicati ritmičke kotačiće za niz različitih zvukova ili prijeći prstom preko zaslona za reprodukciju različitih nota u ljestvici. Tu su i kotačići za upravljanje rasponom nota s kojima morate raditi, brojem nota u melodijama i bas linijama, te raznim karticama za ugađanje zvuka na razne načine.

09. Kennedy

Dizajn korisničkog sučelja: Kennedy

Kennedy dodaje kontekst vašim sjećanjima [Slika: Brendan Dawes]

Nema ničega poput prolaska kroz hrpu vaših starih Twitter ažuriranja i razmišljanja o čemu ste, dovraga, mislili kad ste to objavili prije šest mjeseci. Nedostatak konteksta često može značiti da se nešto što je u tom trenutku imalo savršenog smisla može učiniti mjesecima ili godinama besmislenim.

Kennedy , dnevnik dnevnika iz uvijek izvrsne Brendan Dawes , dizajniran je da doda kontekst vašim sjećanjima. Pomoću njega možete stvarati tekstualne bilješke o onome što namjeravate, baš kao što biste možda upisali na Facebook ili Twitter, a možda i dodajte fotografije bilješkama dok ste za tim. Pametni dodir je ipak u tome što Kennedy tada dodaje dodatni sloj konteksta dodajući vaše mjesto, datum i vrijeme, trenutne vremenske prilike, naslov vijesti i, ako u to vrijeme slušate glazbu na telefonu, naziv pjesme koju slušate.

Dizajn korisničkog sučelja: Kennedy

Kennedyjevi dodani detalji čine bogatu alternativu suhim notama [Slika: Brendan Dawes]

Rezultat je taj da umjesto suhe note koja zapravo neće puno značiti, hvatate određeni trenutak s punijim kontekstom, zajedno s mnoštvom uputa koje vam mogu pomoći da vratite uspomenu u mnogo detalja. A Dawesov čisti dizajn i pametno korisničko sučelje održavaju sve jednostavno i lijepog izgleda.

Povezani članci: