5 innovative eksempler på design af brugergrænseflader

I disse dage med intuitive berøringsskærme og intelligent iPhone-apps , dit publikum vil ikke lægge noget arbejde i at bruge dit produkt, din app eller dit operativsystem - de forventer, at det er indlysende. Ingen vil læse en lang, detaljeret instruktionsmanual; i stedet for UI-design skal guide din kunde til at nå deres mål - gør alt det hårde arbejde, så brugeren ikke behøver det.

hvordan man kommer i gang med animation

For at inspirere dig har vi samlet nogle nylige eksempler på brugergrænseflader, der gør det rigtigt; der holder det simpelt (i modsætning til nogle af de mest ikoniske brugergrænseflader i filmhistorik ...) og distraher ikke fra funktionen.



Så læs videre, og opdag banebrydende og gennemtænkte produkter, apps og operativsystemer, der fokuserer på at skabe en god brugeroplevelse gennem design ...



01. iOS

Æble

Apples revolutionerede brugergrænsefladen til både desktop og mobil computing

Apple er muligvis kommet under skud for nylig for ting som debacle over Maps og den fortsatte debat om brugen af skeumorfisme . Men nogle gange er det godt at stå tilbage og se på det store billede: hvordan Apple revolutionerede computergrænsefladen på en måde, der har påvirket og formet alt, hvad der er sket siden.



Virksomheden var banebrydende for brugen af ​​GUI (grafisk brugergrænseflade) med introduktionen af ​​Lisa-computeren i 1983 og blev senere mainstream med udgivelsen af ​​Macintosh i 1984. Derefter, da den introducerede iPhone i 2009, bragte den en unik og brugervenlig oplevelse til mobiltelefonmarkedet.

I årevis havde mobiltelefonbrugere administreret med bare rullehjul eller pileknapper for at navigere gennem deres telefoner. IPhone's touch-interface og applikationsikoner ændrede spillet, fordi det fungerede, og det var let at bruge.

Lidt har ændret sig med hensyn til iOS-platformens kernefunktionalitet siden 2009 og spillede med det gamle ordsprog: 'Hvis det ikke går i stykker, skal du ikke rette det'. I mellemtiden har Apple fortsat med at udvide sit produkttilbud og tilpasse iOS til iPad og iTouch.



02. Windows 8 Mobile

Vil Microsoft

Vil Microsofts nye tilgang til den mobile brugergrænseflade omforme markedet?

Microsoft har spillet indhentning på smartphonemarkedet, siden Apple og Google kom i centrum for et par år siden. I 2012 introducerede Microsoft deres seneste mobiltelefonoperativsystem, Windows 8 sammen med en lignende desktopversion. Windows 8 til mobil indeholder brug af interaktive live-fliser. Dette betyder, at når du ser på din telefons startskærm, ser du flere applikationsfliser, der konstant opdaterer dig med information.

Se dine seneste tweets eller sms'er med et blik og alt sammen på et sted. For ikke at nævne, at arrangementet og betydningen af ​​fliserne kan tilpasses fuldstændigt.

Det overordnede udseende adskiller sig markant fra iOS, som fokuserer på brugen af ​​statiske ikoner til at navigere og pop op som meddelelser for at fange indgående data. Window's 8 mobile interface skiller sig ud fra mængden på grund af sin nytænkning af, hvordan vi ser på nu næsten konstant datastrøm.

03. Nest-termostaten

Den bedste slags brugergrænseflade forenkler processen - Nest-termostaten er et eksempel

Den bedste slags brugergrænseflade forenkler processen - Nest-termostaten er et eksempel

Ofte ved du ikke engang, hvor dårlig brugeroplevelsen af ​​et traditionelt produkt er, før nogen kommer og forbedrer det. Eksempel på husholdningstermostaten.

Bevægelsen ind i den digitale kant har ikke gjort meget for at forbedre dit hjem termostat. Faktisk har nye digitale termostater tendens til at være meget sværere at programmere med deres forvirrende flere menusystemer og komplicerede skærme. Så designerne af Nest-termostaten har forenklet processen for dig.

Skru det op, når du vil have det varmere, og skru det ned, når du vil have det koldere. Termostaten gør resten ved at lære hver gang du foretager en justering og opbygge en opvarmnings- og køleplan baseret på dine ændringer. Du kan endda styre det fra din smartphone via Wi-Fi.

Se dette! Nest-termostat:

04. Nintendos Mario Kart-historie

Nintendo

Nintendos websted tager en ny tilgang til at komme videre gennem indhold

En af de store tendenser inden for design af websteder i øjeblikket er brugen af parallaksrulning . I det væsentlige betyder det, at ved at bruge musens rullehjul, kan du komme videre gennem et websted på en sådan måde, at webstedet ser ud til at være tredimensionelt.

Denne 3D-effekt er skabt ved hjælp af en smule HTML5- og CSS3-kodning, der får hjemmesidens baggrund til at bevæge sig langsommere end objekter, der er sat i forgrunden.

Dette skaber en unik brugergrænseflade, der er visuelt mere interessant end den traditionelle, flade todimensionale op og ned-rulning, der findes på de fleste websteder. Webstedet er et godt eksempel på parallaksrulning, og hvordan det skaber en unik brugeroplevelse.

05. World Wildlife Funds iPad-app

WWF

sort fredag ​​gaming monitor tilbud 2018
WWFs elegante app-interface giver dig mulighed for at opdage indhold på innovative måder

Forbrugerprodukter og websteder er ikke de eneste steder, du vil se fremskridt inden for design af brugergrænseflader. iPad-app-udviklere eksperimenterer løbende med nye måder, der giver brugerne mulighed for at interagere med deres iPad ud over bare at stryge fingeren for at ændre en side.

World Wildlife Fund har udgivet en gratis ny iPad-app kaldet WWF Together, der er et fantastisk eksempel på, hvad du kan gøre med gestusbaserede interaktioner.

Du kan bruge din finger til at flytte isbjerge eller slette et billede for at afsløre vigtige oplysninger om verdens dyreliv. Alt dette pakket ind i en elegant enkel grænseflade, der er let at følge og informativ.

Se dette! WWF-app i aktion:

Ord : Ben Whitesell

Ben Whitesell er en mediedesigner, der specialiserer sig i en række forskellige typer oprettelse af indhold, herunder traditionelt sidelayout, plakatdesign og illustration.

Kan du lide dette? Læs disse!

  • Opdag hvad der er næste til Augmented Reality
  • Betagende iOS-ikoner
  • Vores favorit webskrifttyper - og de koster ikke en krone