5 innovativa exempel på design av användargränssnitt

I dessa dagar med intuitiva pekskärmar och intelligent iPhone-appar kommer din målgrupp inte lägga något arbete på att använda din produkt, app eller operativsystem - de förväntar sig att det är uppenbart. Ingen kommer att läsa en lång, detaljerad instruktionsbok; istället UI-design bör vägleda din kund genom att uppnå sina mål - göra allt hårt arbete så att användaren inte behöver.

hur ritar man en katt

För att inspirera dig har vi samlat några exempel på användargränssnitt som gör det rätt; som håller det enkelt (till skillnad från några av de mest ikoniska användargränssnitt i filmhistoriken ...) och distrahera inte från funktionen.

Så läs vidare och upptäck avancerade och väl genomtänkta produkter, appar och operativsystem som fokuserar på att skapa en bra användarupplevelse genom design ...



01. iOS

Äpple

Apples revolutionerade användargränssnittet för både stationära och mobila datorer

Apple kan ha blivit under skjut nyligen för saker som debacle över Maps och den fortsatta debatten om dess användning av skeumorfism . Men ibland är det bra att stå tillbaka och titta på helheten: hur Apple revolutionerade datorgränssnittet på ett sätt som har påverkat och format allt som har uppstått sedan dess.

Företaget var banbrytande i användningen av GUI (grafiskt användargränssnitt) med introduktionen av Lisa-datorn 1983 och blev senare mainstream med lanseringen av Macintosh 1984. Sedan, när det introducerade iPhone 2009, kom det med en unik och användarvänlig upplevelse för mobiltelefonmarknaden.

I flera år hade mobiltelefonanvändare hanterat med bara rullhjul eller pilknappar för att navigera genom sina telefoner. IPhone: s pekgränssnitt och applikationsikoner ändrade spelet eftersom det fungerade och det var lätt att använda.

Lite har förändrats när det gäller iOS-plattformens kärnfunktionalitet sedan 2009 och spelade med det gamla ordspråket: 'Om det inte går sönder, fixa det inte'. Under tiden har Apple fortsatt att utöka sitt produktutbud och anpassat iOS till iPad och iTouch.

02. Windows 8 Mobile

Kommer Microsoft

Kommer Microsofts nya synsätt på det mobila användargränssnittet att omforma marknaden?

Microsoft har spelat inhämtning på smarttelefonmarknaden sedan Apple och Google togs i centrum för några år sedan. Under 2012 introducerade Microsoft sitt senaste mobiltelefonoperativsystem, Windows 8, tillsammans med en liknande stationär version. Windows 8 för mobilen har användningen av interaktiva live-brickor. Det betyder att när du tittar på telefonens startskärm ser du flera applikationsplattor som ständigt uppdaterar dig med information.

Se dina senaste tweets eller textmeddelanden med bara en blick och allt på ett ställe. För att inte tala om att plattornas arrangemang och betydelse är helt anpassningsbara.

Det övergripande utseendet skiljer sig tydligt från iOS, som fokuserar på användningen av statiska ikoner för att navigera och dyka upp som meddelanden för att fånga inkommande data. Fönstrets 8 mobilgränssnitt sticker ut från mängden på grund av dess omprövning av hur vi ser på nu nästan konstant dataström.

03. Nest-termostaten

Det bästa användargränssnittet förenklar processen - Nest-termostaten är ett exempel

Det bästa användargränssnittet förenklar processen - Nest-termostaten är ett exempel

Ofta inser du inte ens hur dålig användarupplevelsen för en traditionell produkt är förrän någon kommer och förbättrar den. Fall i punkt, hushållstermostaten.

Förflyttningen in i den digitala kanten har inte gjort mycket för att förbättra ditt hem termostat. Faktum är att nya digitala termostater tenderar att vara mycket svårare att programmera, med sina förvirrande flera menysystem och komplicerade skärmar. Så designarna av Nest-termostaten har förenklat processen för dig.

billig bärbar ritplatta med skärm

Vrid upp det när du vill ha det varmare och skruva ner det när du vill ha det kallare. Termostaten gör resten genom att lära sig varje gång du gör en justering och bygga ett uppvärmnings- och kylschema baserat på dina ändringar. Du kan även styra den från din smartphone via Wi-Fi.

Kolla på detta! Nesttermostat:

04. Nintendos Mario Kart History

Nintendo

Nintendos webbplats tar ett nytt tillvägagångssätt för att gå vidare genom innehåll

En av de stora trender inom webbdesign just nu är användningen av parallax rullning . I grund och botten betyder detta att genom att använda musens rullhjul kan du gå igenom en webbplats på ett sådant sätt att webbplatsen verkar vara tredimensionell.

Denna 3D-effekt skapas genom att använda lite snygg HTML5- och CSS3-kodning som får webbplatsens bakgrund att röra sig långsammare än objekt som ställs i förgrunden.

Detta skapar ett unikt användargränssnitt som är visuellt mer intressant än den traditionella, platta tvådimensionella upp- och nedrullningen som finns på de flesta webbplatser. Webbplatsen är ett utmärkt exempel på parallaxrullning och hur den skapar en unik användarupplevelse.

05. World Wildlife Funds iPad-app

WWF

WWF: s eleganta appgränssnitt låter dig upptäcka innehåll på innovativa sätt

Konsumentprodukter och webbplatser är inte de enda platserna du kommer att se framsteg inom användargränssnittsdesign. iPad-apputvecklare experimenterar ständigt med nya sätt att låta användare interagera med sin iPad utöver att bara dra fingret för att byta sida.

World Wildlife Fund har släppt en gratis ny iPad-app som heter WWF Together som är ett fantastiskt exempel på vad du kan göra med gestbaserade interaktioner.

Du kan använda fingret för att flytta isberg eller radera en bild för att avslöja viktig information om världens vilda djur. Allt detta förpackat i ett elegant enkelt gränssnitt som är lätt att följa och informativt.

Kolla på detta! WWF-appen i aktion:

Ord : Ben Whitesell

Ben Whitesell är en mediedesigner som specialiserat sig på en mängd olika typer av innehållsskapande, inklusive traditionell sidlayout, affischdesign och illustration.

Gillade detta? Läs dessa!

  • Upptäck vad som är nästa för Augmented Reality
  • Fantastisk iOS-ikoner
  • Vår favorit webb typsnitt - och de kostar inte ett öre