5 innovatív példa a felhasználói felület tervezésére

Manapság az intuitív érintőképernyők és az intelligens iPhone alkalmazások , a közönség nem fog semmilyen munkát végezni a termék, alkalmazás vagy operációs rendszer használatával - elvárják, hogy ez nyilvánvaló legyen. Hosszas, részletes használati útmutatót senki sem fog elolvasni; ehelyett a UI tervezés el kell vezetnie az ügyfelet a céljaik eléréséig - minden nehéz munkát végez, hogy a felhasználónak ne kelljen.

Sonic the Hedgehog film újratervezési szivárgás

Örömünkre összegyűjtöttünk néhány friss felhasználói példát, amelyek jól csinálják; amelyek egyszerűek (ellentétben a legikonikusabbakkal) felhasználói felületek a filmtörténetben ...), és ne vonja el a figyelmet a funkcióról.

Tehát olvassa el és fedezze fel az élvonalbeli és jól átgondolt termékeket, alkalmazásokat és operációs rendszereket, amelyek arra összpontosítanak, hogy a tervezés révén nagyszerű felhasználói élményt teremtsenek ...



01. iOS

alma

Az Apple forradalmasította az asztali és a mobil számítástechnika felhasználói felületét

Lehet, hogy az Apple nemrégiben tűz alá került, például az katasztrófa a Maps felett , valamint a használatáról folytatott vita skeumorfizmus . De néha jó hátrébb állni és megnézni az összképet: hogyan forradalmasította az Apple a számítógépes felületet oly módon, amely befolyásolta és formálta mindazt, ami azóta létrejött.

A vállalat úttörő szerepet játszott a GUI (grafikus felhasználói felület) használatában a Lisa számítógép 1983-as bevezetésével, majd később a Macintosh 1984-es megjelenésével tette mainstreamvé. Aztán amikor 2009-ben bemutatta az iPhone-t, egyedülálló és felhasználóbarát élmény a mobiltelefon-piacon.

Évek óta a mobiltelefon-használók csak görgetőkerekekkel vagy nyílgombokkal kezelték a telefonjukon történő navigációt. Az iPhone érintőképernyője és az alkalmazás ikonjai megváltoztatták a játékot, mert működött és könnyen használható volt.

Az iOS platform alapvető funkcionalitását illetően 2009 óta alig változott a régi mondás: 'Ha nem szakadt meg, ne javítsd ki'. Eközben az Apple tovább bővítette termékkínálatát, az iOS-t az iPad-hez és az iTouch-hoz igazította.

02. Windows 8 Mobile

Will Microsoft

Átalakítja-e a Microsoft a mobil felhasználói felület új megközelítését a piacon?

A Microsoft azóta jár el az okostelefonok piacán, hogy az Apple és a Google néhány évvel ezelőtt középpontba került. 2012-ben a Microsoft bemutatta legújabb mobiltelefon-operációs rendszerét, a Windows 8-at, egy hasonló asztali verzióval együtt. A Windows 8 mobilhoz élő interaktív csempék használatát kínálja. Ez azt jelenti, hogy amikor megnézi a telefon kezdőképernyőjét, több alkalmazás „csempe” jelenik meg, amelyek folyamatosan frissítik Önt információval.

Nézze meg legújabb tweeteit vagy szöveges üzeneteit egyetlen pillantással és mindezt egy helyen. Nem beszélve arról, hogy a burkolólapok elrendezése és fontossága teljesen testreszabható.

Az általános megjelenés megkülönböztetően különbözik az iOS-től, amely a statikus ikonok használatára összpontosít a navigáláshoz, és a bejövő adatok elkapásához az értesítésekhez hasonlóan előugró ablakokat használ. A Window 8 mobil felülete azért tűnik ki a tömegből, mert átgondolja, hogyan tekintünk a most szinte állandó adatfolyamra.

03. A Fészek termosztát

A legjobb felhasználói felület egyszerűsíti a folyamatot - a Nest termosztát példája

A legjobb felhasználói felület egyszerűsíti a folyamatot - a Nest termosztát példája

Gyakran észre sem veszi, mennyire rossz a hagyományos termék felhasználói élménye, amíg valaki nem jön és nem javít rajta. Például a háztartási termosztát.

A digitális élbe történő elmozdulás nem sokat tett az otthoni termosztát javításáért. Valójában az új digitális termosztátok általában sokkal nehezebben programozhatók, zavaros több menürendszerükkel és bonyolult kijelzőikkel. Tehát a Nest termosztát tervezői leegyszerűsítették a folyamatot.

volt kitkat valaha kötőjel

Fordítsa fel, ha melegebbre szeretné, és kapcsolja le, ha hidegebbre szeretné. A termosztát a többit úgy végzi, hogy megtanulja minden egyes beállítást, és a változtatások alapján felépíti a fűtési és hűtési ütemezést. Akár okostelefonjáról is vezérelheti Wi-Fi-n keresztül.

Ezt nézd! Fészek termosztát:

04. A Nintendo Mario Kart története

Nintendo

A Nintendo webhelye új megközelítést alkalmaz a tartalom útján történő előrelépéshez

Az egyik nagy trendek a weboldal tervezésében pillanatnyilag a használata parallaxis görgetés . Lényegében ez azt jelenti, hogy az egér görgőjének használatával úgy léphet előre egy webhelyen, hogy a webhely háromdimenziósnak tűnik.

Ez a 3D-effektus valami divatos HTML5 és CSS3 kódolással jön létre, amely a webhelyek hátterét lassabban mozgatja, mint az előtérben beállított objektumok.

Ez egy olyan egyedi felhasználói felületet hoz létre, amely vizuálisan érdekesebb, mint a legtöbb weboldalon található hagyományos, lapos kétdimenziós fel és le görgetés. A webhely nagyszerű példa a parallaxis görgetésre és arra, hogy miként hoz létre egyedi felhasználói élményt.

05. A Világ Vadvédelmi Alapjának iPad alkalmazása

A WWF

A WWF elegáns alkalmazásfelülete innovatív módon fedezheti fel a tartalmat

A felhasználói felület tervezésében nem csak a fogyasztói termékek és a webhelyek láthatják az előrelépéseket. Az iPad alkalmazás-fejlesztők folyamatosan kísérleteznek új módszerekkel, amelyek lehetővé teszik a felhasználók számára, hogy interakcióba lépjenek az iPad készülékükkel, azon túl, hogy csak ujjal csúsztatnak egy oldalt.

A Világ Vadvédelmi Alapja ingyenes új iPad alkalmazást adott ki WWF Together néven, amely lenyűgöző példa arra, hogy mit tehet a gesztusokon alapuló interakciókkal.

Használhatja az ujját jéghegyek mozgatásához vagy egy kép törléséhez, hogy fontos információkat tárjon fel a világ élővilágáról. Mindez egy elegánsan egyszerű felületen van, könnyen követhető és informatív.

Ezt nézd! A WWF alkalmazás működés közben:

Szavak : Ben Whitesell

Ben Whitesell médiatervező, amely különféle típusú tartalomalkotásra specializálódott, beleértve a hagyományos nyomtatott oldal elrendezését, a posztertervezést és az illusztrációkat.

Tetszett ez? Olvassa el ezeket!