5 innovative eksempler på design av brukergrensesnitt

I disse dager med intuitive berøringsskjermer og intelligent iPhone-apper , publikum kommer ikke til å legge ned noe arbeid i å bruke produktet, appen eller operativsystemet - de forventer at det vil være åpenbart. Ingen kommer til å lese en lang, detaljert bruksanvisning; i stedet for UI-design skal veilede kunden din til å nå sine mål - gjøre alt det harde arbeidet slik at brukeren ikke trenger å.

det er uvanlig at webutviklere bruker bilder for å rette oppmerksomheten mot en webside.

For å inspirere deg har vi samlet noen nylige eksempler på brukergrensesnitt som gjør det riktig; som holder det enkelt (i motsetning til noen av de mest ikoniske brukergrensesnitt i filmhistorikken ...) og ikke distrahere funksjonen.

Så les videre og oppdag banebrytende og gjennomtenkte produkter, apper og operativsystemer som fokuserer på å skape en god brukeropplevelse gjennom design ...



01. iOS

eple

Apples revolusjonerte brukergrensesnittet for både stasjonær og mobil databehandling

Apple kan ha blitt under skudd nylig, for ting som debacle over Maps , og den pågående debatten om bruken av skeumorfisme . Men noen ganger er det bra å stå tilbake og se på det store bildet: hvordan Apple revolusjonerte datagrensesnittet på en måte som har påvirket og formet alt som har blitt til siden.

Selskapet var banebrytende for bruken av GUI (grafisk brukergrensesnitt) med introduksjonen av Lisa-datamaskinen i 1983 og ble senere mainstream med utgivelsen av Macintosh i 1984. Da den introduserte iPhone i 2009, ga den en unik og brukervennlig opplevelse for mobiltelefonmarkedet.

I mange år hadde mobiltelefonbrukere klart å bla gjennom hjulene eller pilknappene for å navigere gjennom telefonene sine. IPhones berøringsgrensesnitt og applikasjonsikoner endret spillet fordi det fungerte og det var enkelt å bruke.

Lite har endret seg når det gjelder kjernefunksjonaliteten til iOS-plattformen siden 2009, og spilte til det gamle ordtaket: 'Hvis det ikke er ødelagt, ikke fikse det'. I mellomtiden har Apple fortsatt å utvide sitt produkttilbud, og tilpasse iOS til iPad og iTouch.

02. Windows 8 Mobile

Vil Microsoft

Vil Microsofts nye tilnærming til det mobile brukergrensesnittet omforme markedet?

Microsoft har spilt innhenting i smarttelefonmarkedet siden Apple og Google inntok midtpunktet for noen år siden. I 2012 introduserte Microsoft sitt nyeste operativsystem for mobiltelefoner, Windows 8, sammen med en lignende stasjonær versjon. Windows 8 for mobil har bruk av interaktive live-fliser. Dette betyr at når du ser på telefonens startskjerm, ser du flere applikasjonsfliser som kontinuerlig oppdaterer deg med informasjon.

Se dine siste tweets eller tekstmeldinger med bare et blikk og alt på ett sted. For ikke å nevne at arrangementet og betydningen av flisene er helt tilpassbare.

Det generelle utseendet er forskjellig fra iOS, som fokuserer på bruk av statiske ikoner for å navigere og dukke opp som varsler for å fange innkommende data. Window's 8 mobilgrensesnitt skiller seg ut fra mengden på grunn av omtenking av hvordan vi ser på nå nesten konstant datastrøm.

03. Nest-termostaten

Den beste typen brukergrensesnitt forenkler prosessen - Nest-termostaten er et eksempel

Den beste typen brukergrensesnitt forenkler prosessen - Nest-termostaten er et eksempel

Ofte skjønner du ikke engang hvor dårlig brukeropplevelsen til et tradisjonelt produkt er før noen kommer og forbedrer det. Eksempel på husholdningstermostaten.

Bevegelsen inn i den digitale kanten har ikke gjort mye for å forbedre hjemmets termostat. Faktisk har nye digitale termostater en tendens til å være mye vanskeligere å programmere, med sine forvirrende flere menysystemer og kompliserte skjermer. Så designerne av Nest-termostaten har forenklet prosessen for deg.

Skru den opp når du vil ha den varmere, og skru den ned når du vil ha den kaldere. Termostaten gjør resten ved å lære hver gang du foretar en justering og bygge en oppvarmings- og kjøleplan basert på endringene dine. Du kan til og med kontrollere den fra smarttelefonen din via Wi-Fi.

Se dette! Nest-termostat:

04. Nintendos History of Mario Kart

Nintendo

hvordan man tegner en dynamisk positur
Nintendos nettsted tar en ny tilnærming til å komme videre gjennom innhold

En av de store trender innen nettsteddesign for øyeblikket er bruken av parallaks rulling . I hovedsak betyr dette at ved å bruke musens rullehjul, kan du gå videre gjennom et nettsted på en slik måte at nettstedet ser ut til å være tredimensjonalt.

Denne 3D-effekten er opprettet ved å bruke litt fancy HTML5- og CSS3-koding som gjør at nettstedsbakgrunnen beveger seg langsommere enn objektene er satt i forgrunnen.

Dette skaper et unikt brukergrensesnitt som er visuelt mer interessant enn den tradisjonelle, flate todimensjonale opp- og nedrullingen som finnes på de fleste nettsteder. Nettstedet er et godt eksempel på parallaksrulling og hvordan det skaper en unik brukeropplevelse.

05. World Wildlife Funds iPad-app

WWF

WWFs elegante appgrensesnitt lar deg oppdage innhold på innovative måter

Forbrukerprodukter og nettsteder er ikke de eneste stedene du vil se fremskritt innen design av brukergrensesnitt. iPad-apputviklere eksperimenterer kontinuerlig med nye måter å tillate brukere å samhandle med sin iPad utover å bare sveipe fingeren for å bytte side.

World Wildlife Fund har gitt ut en gratis ny iPad-app kalt WWF Together, som er et fantastisk eksempel på hva du kan gjøre med gestbaserte interaksjoner.

Du kan bruke fingeren til å flytte isfjell eller slette et bilde for å avsløre viktig informasjon om verdens dyreliv. Alt dette pakket inn i et elegant enkelt grensesnitt som er enkelt å følge og informativt.

Se dette! WWF-appen i aksjon:

Ord : Ben Whitesell

Ben Whitesell er en mediedesigner som spesialiserer seg i en rekke forskjellige typer innholdsoppretting, inkludert tradisjonell sideoppsett, plakatdesign og illustrasjon.

Likte dette? Les disse!

  • Oppdag hva som er neste for Utvidet virkelighet
  • Slående iOS-ikoner
  • Vår favoritt nettfonter - og de koster ikke en krone