5 innovatiivista esimerkkiä käyttöliittymäsuunnittelusta

Nykyään intuitiiviset kosketusnäytöt ja älykkäät iPhone-sovellukset , yleisösi ei aio tehdä työtä tuotteen, sovelluksen tai käyttöjärjestelmän käyttämiseen - he odottavat sen olevan ilmeistä. Kukaan ei aio lukea pitkää, yksityiskohtaista käyttöohjetta; sen sijaan UI-suunnittelu pitäisi ohjata asiakasta saavuttamaan tavoitteensa - tekemään kaikki kovat työt, jotta käyttäjän ei tarvitse.

Tähtien sota: viimeinen jedi-fontti

Innoittamaan sinua olemme koonneet yhteen joitain viimeaikaisia ​​esimerkkejä käyttöliittymistä, jotka tekevät sen oikein; jotka pitävät sen yksinkertaisena (toisin kuin jotkut ikonisimmista käyttöliittymät elokuvahistoriassa ...) ja älä häiritse toimintoa.

Joten lue ja löydä uusimmat ja hyvin harkitut tuotteet, sovellukset ja käyttöjärjestelmät, joissa keskitytään luomaan upea käyttökokemus suunnittelun avulla ...



01. iOS

Omena

Applen mullistama käyttöliittymä sekä työpöydälle että mobiililaitteille

Apple on saattanut joutua tuleen viime aikoina esimerkiksi vika Mapsin yli , ja jatkuvaa keskustelua sen käytöstä skeumorfismi . Mutta joskus on hyvä olla taaksepäin ja katsoa kokonaisuutta: kuinka Apple mullisti tietokoneen käyttöliittymän tavalla, joka on vaikuttanut ja muokannut kaikkea, mitä on tapahtunut sen jälkeen.

Yhtiö oli edelläkävijä graafisen käyttöliittymän (GUI) käytössä ottamalla käyttöön Lisa-tietokoneen vuonna 1983, ja myöhemmin siitä tuli valtavirran julkaisemalla Macintosh vuonna 1984. Sitten, kun se esitteli iPhonen vuonna 2009, se toi ainutlaatuisen ja käyttäjäystävällinen kokemus matkapuhelinmarkkinoille.

Vuosien ajan matkapuhelimen käyttäjät olivat selviytyneet vain vierityspyörillä tai nuolinäppäimillä navigoidakseen puhelimessaan. IPhonen kosketusliittymä ja sovelluskuvakkeet muuttivat peliä, koska se toimi ja sitä oli helppo käyttää.

Pieni asia on muuttunut iOS-alustan ydintoiminnoissa vuodesta 2009 lähtien. Toistetaan vanha sanonta: 'Jos se ei ole rikki, älä korjaa sitä'. Sillä välin Apple on jatkanut tuotevalikoimansa laajentamista mukauttamalla iOS: n iPadiin ja iTouchiin.

02. Windows 8 Mobile

Will Microsoft

Muotoileeko Microsoftin uusi lähestymistapa mobiilikäyttöliittymään markkinoita?

Microsoft on pelannut älypuhelimien markkinoita, koska Apple ja Google nousivat keskipisteeseen muutama vuosi sitten. Vuonna 2012 Microsoft esitteli viimeisimmän matkapuhelinkäyttöjärjestelmänsä, Windows 8, samankaltaisen työpöydän version kanssa. Windows 8 mobiililaitteille sisältää elävien interaktiivisten ruutujen käytön. Tämä tarkoittaa sitä, että kun katsot puhelimesi aloitusnäyttöä, näet useita sovelluksia, jotka päivittävät jatkuvasti tietojasi.

Näet viimeisimmät twiitit tai tekstiviestit yhdellä silmäyksellä ja kaikki yhdessä paikassa. Puhumattakaan siitä, että laattojen järjestely ja merkitys ovat täysin muokattavissa.

Yleinen ilme eroaa selvästi iOS: stä, joka keskittyy staattisten kuvakkeiden käyttöön navigoimiseen ja ponnahdusikkunoiden kaltaisiin ilmoituksiin saapuvien tietojen saamiseksi. Ikkunan 8 mobiilikäyttöliittymä erottuu joukosta, koska se ajattelee uudelleen, miten näemme nyt lähes jatkuvan tietovirran.

03. Nest-termostaatti

Paras käyttöliittymä yksinkertaistaa prosessia - Nest-termostaatti on esimerkki tästä

Paras käyttöliittymä yksinkertaistaa prosessia - Nest-termostaatti on esimerkki tästä

Usein et edes ymmärrä, kuinka huono perinteisen tuotteen käyttökokemus on, ennen kuin joku tulee mukaan ja parantaa sitä. Esimerkiksi kotitalouksien termostaatti.

Liikkuminen digitaaliseen reunaan ei ole paljoa parantanut kodin termostaattia. Itse asiassa uusia digitaalisia termostaatteja on yleensä paljon vaikeampaa ohjelmoida, sillä niiden hämmentävät useat valikkojärjestelmät ja monimutkaiset näytöt. Joten Nest-termostaatin suunnittelijat ovat yksinkertaistaneet prosessia puolestasi.

Käännä se ylös, kun haluat sen kuumemmaksi, ja käännä se alas, kun haluat sen kylmemmäksi. Termostaatti tekee loput oppimalla joka kerta, kun teet säädöt, ja rakennat lämmitys- ja jäähdytysohjelman muutosten perusteella. Voit hallita sitä jopa älypuhelimestasi Wi-Fi-yhteyden kautta.

Katso tämä! Nest-termostaatti:

04. Nintendon historia Mario Kartista

Nintendo

Nintendon sivusto käyttää uutta lähestymistapaa sisällön kautta etenemiseen

Yksi suurista trendit verkkosivujen suunnittelussa tällä hetkellä on parallaksi vieritys . Pohjimmiltaan tämä tarkoittaa, että käyttämällä hiiren vierityspyörää voit edetä verkkosivuston läpi siten, että sivusto näyttää olevan kolmiulotteinen.

Tämä 3D-tehoste luodaan käyttämällä hienoja HTML5- ja CSS3-koodauksia, jotka saavat verkkosivustojen taustan liikkumaan hitaammin kuin etualalle asetetut objektit.

Tämä luo ainutlaatuisen käyttöliittymän, joka on visuaalisesti mielenkiintoisempi kuin perinteinen, tasainen kaksiulotteinen ylös ja alas vieritys, joka löytyy useimmista verkkosivustoista. Sivusto on loistava esimerkki parallaksirullauksesta ja siitä, miten se luo ainutlaatuisen käyttökokemuksen.

05. Maailman villieläinrahaston iPad-sovellus

WWF

WWF: n tyylikkään sovellusliittymän avulla voit löytää sisältöä innovatiivisilla tavoilla

Kuluttajatuotteet ja verkkosivustot eivät ole ainoita paikkoja, joissa näet käyttöliittymäsuunnittelun edistystä. iPad-sovelluskehittäjät kokeilevat jatkuvasti uusia tapoja antaa käyttäjien olla vuorovaikutuksessa iPadinsa kanssa vain pyyhkäisemällä sormea ​​sivun vaihtamiseksi.

Maailman villieläinrahasto on julkaissut uuden ilmaisen iPad-sovelluksen nimeltä WWF Together, joka on upea esimerkki siitä, mitä voit tehdä elepohjaisilla vuorovaikutuksilla.

Voit liikuttaa jäävuoria sormellasi tai pyyhkiä kuvan paljastaaksesi tärkeitä tietoja maailman villieläimistä. Kaikki tämä on kääritty tyylikkäästi yksinkertaiseen käyttöliittymään, jota on helppo seurata ja informatiivinen.

paras graffiti maailmassa

Katso tämä! WWF-sovellus toiminnassa:

Sanat : Ben Whitesell

Ben Whitesell on mediasuunnittelija, joka on erikoistunut monenlaisiin erityyppisiin sisällöntuotantotapoihin, mukaan lukien perinteinen painettu sivu, julistesuunnittelu ja kuvitus.

Piditkö tästä? Lue nämä!

  • Selvitä mitä seuraavaksi Lisätty todellisuus
  • Upea iOS-kuvakkeet
  • Suosikkimme verkkofontit - ja ne eivät maksa penniäkään