9 upeaa käyttöliittymämallia

Verkkosuunnittelussa loistava käyttöliittymä tai käyttöliittymäsuunnittelu tarkoittaa käyttäjän auttamista suorittamaan tietty tehtävä mahdollisimman yksinkertaisesti ja tehokkaasti. Vaikka ulkoasu ja kielto ovat kiistatta tärkeitä, suuren käyttöliittymän ytimessä on toiminto: navigoinnin kannalta sen pitäisi olla intuitiivinen siihen nähden, että se on näkymätön. Heti kun käyttäjä eksyy tai ei pysty selvittämään minne mennä, käyttöliittymä ei tee työtä, ja on olemassa paljon esimerkkejä kivulias käyttöliittymä epäonnistuu osoittamaan, mitä sinun ei pitäisi tehdä.

Tällä verkkosivustojen ja sovellusten luettelolla voi olla erilaiset suunnitteluperiaatteet ja erilaiset toiminnot, mutta niillä on yksi yhteinen asia - tehokas käyttöliittymäsuunnittelu, joka täyttää kaikki edellä mainitut ja paljon muuta. Lue lisää, miksi he ovat niin menestyviä.

01. Montreux-jazzfestivaali

Käyttöliittymäsuunnittelu: Montreux Jazz Festival



Tässä on loistava tapa rakentaa oma räätälöity festivaaliohjelma muutamalla pyyhkäisyllä(Kuvan luotto: Montreux Jazz Festival)

Mikään ei ole kuin olisit festivaalilla saadaksesi FOMO-tasosi katon läpi; varmasti, saatat olla nauttimassa tekostasi, jota näet nyt, mutta ehkä muualla tapahtuu toinen vielä parempi, jota et edes tiedä. Riippumatta siitä, kuinka monta kertaa kampaat läpi pitkän esiintyjäluettelon, on varmasti muutama ehdoton helmi, jota kaipaat. Mutta tämä upea käyttöliittymäsuunnittelu Montreux Jazz Festivalille pyrkii auttamaan sinua varmistamaan, että saat kaiken irti siellä vietetystä ajastasi.

Se pitää asiat kauniisti yksinkertaisina, esittäen sinulle kuusi binäärivaihtoehtoa, jotka voit pyyhkäistä vasemmalle tai oikealle saadaksesi vaikutelman musiikillisesta mieltymyksestäsi - esimerkiksi pidätkö DJ: stä bändien sijaan? - ja kun olet valmis, se tarjoaa sinulle oman räätälöidyn ohjelmasi sen mukaan, mistä sen mielestä nautit, ja mukana linkit lippujen ostamiseen.

Käyttöliittymäsuunnittelu: Montreux Jazz Festival

Lizzo! Mistä he tiesivät?(Kuvan luotto: Montreux Jazz Festival)

Se on helppoa ja intuitiivista, ja vaikka epäilemättä haluatkin tarkistaa koko ohjelman joka tapauksessa varmistaaksesi, ettei missään ole jäänyt väliin, se on loistava tapa auttaa porata nopeasti läpi paljon tietoa tulosten löytämiseksi.

02. Kallista harjaa

Virtuaalitodellisuus on hyvin raja-alue käyttöliittymän ja käyttöliittymän osalta. Suunnittelijoiden ja kehittäjien on keksittävä tavaraa eteenpäin luonnollisesti ristiriitaisilla tuloksilla. Se, mikä toimii litteällä näytöllä, ei välttämättä toimi niin hyvin VR: ssä, ja tehokkaan ja hyödyllisen VR-sovelluksen rakentaminen, jota voit käyttää tuntikausia saamatta liikesairautta, voi olla suuri haaste.

on iphone 11 isompi kuin iphone 8 plus

Joten on hienoa nähdä VR-tuote, kuten Google Kallista harjaa - jonka avulla voit rakentaa 3D-maalauksia virtuaalisessa ympäristössä - joka ei vain toimi, mutta on niin intuitiivinen käyttää ja niin hyvillä tuloksilla, että taiteilijat sisällyttävät sen jo luoviin työnkulkuihinsa. Suuntaa tällä tavalla loistavia ammattivinkkejä tämän pelin muuttuvan luovan sovelluksen käytön aloittamiseen.

03. Kuviointi

Käyttöliittymän suunnittelu: kuviointi

Kuvion pyöreä, minimaalinen lähestymistapa helpottaa rytmien rullaamista [Kuva: Olympia Noise Co]

Olympia Noise Co: n iOS-rumpukone, Kuviointi , on toisin kuin kukaan, jonka olet nähnyt aiemmin, ja hyvästä syystä. Sen sijaan, että sekvenssisi rytmiäsi ruudukkoon, kuten kaikki muut musiikkisovellukset, Patterning käyttää pyöreää käyttöliittymää lyöntien asettamiseen perustuvalla liiketoiminnalla värikoodatuilla rummuilla, jotta voit helposti nähdä mikä on.

Ja perusasioiden lisäksi Patterningin älykäs, mutta minimaalinen käyttöliittymä tekee monimutkaisemmasta liiketoiminnasta järjestää pidemmät kappaleet yksittäisistä kuvioista paljon vähemmän haastavaksi, jolloin voit helposti luoda muunnelmia kuvioihin ja sovittaa sitten kaikki yhteen. Samoin suoraviivainen lähestymistapa saa kaiken kuulostamaan paremmalta; sekä sen mikseri että FX-käyttöliittymä on harkittu rohkeilla visuaalisilla vihjeillä, jotka auttavat sinua saamaan haluamasi äänen jäämättä uppoutumattomiin hallintalaitteisiin.

04. MailChimp

Käyttöliittymän suunnittelu: MailChimp

MailChimpin muotoilu on puhdas ja tasainen ja pääosin typografinen [Kuva: MailChimp]

Uutiskirjeiden luominen ja hallinta ei ehkä ole maailman kiehtovin tehtävä, mutta sen kauniisti suunniteltu, intuitiivinen käyttöliittymäsuunnittelu MailChimp tekee siitä paljon maukkaamman. Äskettäisen uudistuksensa jälkeen verkkokäyttöliittymä on puhdas, tasainen ja ensisijaisesti typografinen.

Kun tilisi asetetaan ensimmäisen kerran, klassinen tyhjä tili -ongelma ennen ensimmäisen kampanjasi aloittamista tasapainotetaan hyödyllisten, visuaalisesti miellyttävien käyttöoppaiden avulla. Siellä on paljon tyhjää tilaa, ja selkeät toimintakehotukset vievät uudet käyttäjät läpi prosessin jokaisen vaiheen - joissakin tapauksissa jopa sisällyttämällä hienovaraisesti animoidun osoittimen osoittamaan, missä napsauttaa.

Käyttöliittymäsuunnittelu: MailChimp

kuinka muuttaa kulmaa Photoshopissa
Hyödylliset toimintakehotukset estävät eksymästä MailChimpiin [Kuva: MailChimp]

05. Paperi iPadille

Käyttöliittymän suunnittelu: Paperi iPadille

Paperi on suunniteltu intuitiiviseksi käyttää [Kuva: FiftyThree]

Monipalkittu sovellus, joka on suunniteltu auttamaan käyttäjiä olemaan luovia intuitiivisemmalla, luonnollisemmalla tavalla, Paperi voit piirtää sormenpäillä yllättävän yksityiskohtaisesti - vaikka se toimii myös kynällä, jos tarvitaan tarkkuutta.

Suunniteltu yksinomaan kosketukseen, Paperin käyttöliittymäsuunnittelussa ei ole painikkeita tai asetuksia, joista pitäisi huolehtia - vain sarja erikoistuneita työkaluja. Monipuolinen mustekynätyylinen piirtotyökalu on ilmainen, kun taas Sketch (pehmeä kynä), Outline (lihavoitu merkki), Write (mustekynä), Color (vesiväri harja) ja Mixer (värisekoitin) tulevat sovelluksen sisäisinä ostoksina.

Käyttöliittymän suunnittelu: Paperi iPadille

Painikkeiden sijaan Paperilla on joukko erikoistyökaluja [Kuva: FiftyThree]

06. Asiat

Saatavana sekä Macille että iOS: lle, Asiat on suosittu tehtävienhallintasovellus, jossa on palkittu muotoilu, joka on intuitiivinen ja helppo ottaa mukaan tutun tehtäväluettelokonseptin ympärille. Kuten sen luojat Cultured Code huomauttavat, ajatuksena on helpottaa elämääsi.

Tyylikäs ja puhdas käyttöliittymäsuunnittelu on jaettu ennalta luetteloihin, joiden avulla voit luokitella tehtävät: kiireelliset asiat menevät Tänään, hieman vähemmän kiireelliset voivat odottaa seuraavaan, kun taas Aikataulu suunnittelee eteenpäin. Jokainen merkintä kerää tärkeät tiedot kerralla - otsikko, muistiinpanot ja eräpäivä sekä tunnisteet tarvittaessa kaiken luokittelemiseksi. Mikä parasta, pikanäppäinikkunaan pääsee mistä tahansa yksinkertaisen pikanäppäimen avulla - ja kaikki synkronoidaan automaattisesti työpöydän, iPhonen ja iPadin välillä.

07. Kampanjaseuranta: maailmankuva

Käyttöliittymän suunnittelu: Campaign Monitor Worldview

Maailmankatsomus asettaa monimutkaiset tiedot helposti saataville(Kuvahyvitys: Campaign Monitor)

Hienosti alkuperäinen idea, joka kiinnostaa sähköpostin tilaustietoja, Kampanjaseuranta: maailmankuva peittää tietoja henkilöistä, jotka avaavat, napsauttavat ja jakavat viestintääsi Google-kartalla reaaliajassa sekä maantieteellisten että henkilökohtaisten oivallusten vuoksi.

Laskeutumissivu esittelee konseptin välittömästi visuaalisesti, esimerkkinapeilla, jotka pudotetaan maailmankartalle - ja itse sovellusliittymä on virkistävän puhdas, kiertää kartan ja muutaman perusvalikon asetusten hallintaa varten. Erinomainen esimerkki käyttöliittymäsuunnittelusta, jossa on yksinkertainen ikonografia ja värikoodaus, jotka tunnistavat käyttäjän sitoutumisryhmät yhdellä silmäyksellä.

08. Kuva

Käyttöliittymän suunnittelu: Kuva

Kuvio on suunniteltu auttamaan sinua säveltämään kappaleita tien päällä [Kuva: Propellerhead]

Vielä yksi esimerkki tasomaisesta suunnittelusta, joka tekee potentiaalisesti hyvin monimutkaisesta käyttöliittymäsuunnittelusta näyttävän erittäin siistiltä ja intuitiiviselta, Kuva on ruotsalaisen kehittäjän Propellerheadin syntetisaattori ja rumpukone iOS: lle, joka on myös työpöydän musiikkituotanto-ohjelmiston Reason takana.

Voit napauttaa kosketusnäyttöalustoja, pitää sormeasi alas ja vierittää rytmipyöriä erilaisten äänien saamiseksi tai pyyhkäisemällä ruudun yli toistaaksesi erilaisia ​​nuotteja asteikolla. Siellä on myös pyörät, joiden avulla voit hallita työskentelemiesi nuottien aluetta, nuottien määrää melodioissa ja bassolinjoissa sekä erilaisia ​​välilehtiä äänen säätämiseksi monin eri tavoin.

09. Kennedy

Käyttöliittymän suunnittelu: Kennedy

Kennedy lisää kontekstin muistoihisi [Kuva: Brendan Dawes]

Mikään ei ole aivan kuin selata kuormaa vanhoja Twitter-päivityksiäsi ja miettiä, mitä helvettiä ajattelit, kun lähetit asian kuusi kuukautta sitten. Kontekstin puute voi usein tarkoittaa, että jotain, joka oli täysin järkevää tuolloin, voidaan tehdä merkityksettömäksi kuukausia tai vuosia.

Kennedy , päiväkirjaohjelma aina erinomaiselta Brendan Dawes , on suunniteltu lisäämään kontekstia muistoihisi. Voit käyttää sitä luomaan tekstejä siitä, mitä olet tekemässä, aivan kuten kirjoitat Facebookiin tai Twitteriin, ja ehkä lisätä valokuvia muistiinpanoihin, kun olet siinä. Älykäs kosketus on kuitenkin se, että Kennedy lisää sitten ylimääräisen kontekstikerroksen lisäämällä sijaintisi, päivämäärän ja kellonajan, nykyiset sääolosuhteet, uutisotsikon ja, jos kuuntelet musiikkia puhelimellasi, kuuntelemasi raidan nimi.

Käyttöliittymän suunnittelu: Kennedy

Kennedyn lisäämät yksityiskohdat muodostavat rikkaan vaihtoehdon kuiville nuotteille [Kuva: Brendan Dawes]

Tuloksena on, että kuivan muistiinpanon sijaan, joka ei oikeastaan ​​tarkoita paljon linjalla, sieppaat tietyn hetken täydellisemmässä kontekstissa, johon sisältyy runsaasti kehotteita, jotka voivat auttaa palauttamaan muistin paljon yksityiskohtaisemmin. Dawesin puhdas muotoilu ja älykäs käyttöliittymä pitävät kaiken yksinkertaisena ja hyvännäköisenä.

miten teen Facebook-valokuvani yksityisiksi

Aiheeseen liittyvät artikkelit: