5 inovatívnych príkladov návrhu používateľského rozhrania

V dnešnej dobe intuitívne dotykové obrazovky a inteligentné aplikácie pre iPhone , vaše publikum nebude pracovať na používaní vášho produktu, aplikácie alebo operačného systému - bude čakať, že to bude zrejmé. Nikto nebude čítať zdĺhavý a podrobný návod na obsluhu; namiesto toho Dizajn používateľského rozhrania by vás malo sprevádzať pri dosahovaní jeho cieľov - robiť všetku tvrdú prácu, aby to užívateľ nemusel robiť.

ako vytvoriť mapu posunutia

Aby sme vás inšpirovali, zhromaždili sme niekoľko nedávnych príkladov používateľských rozhraní, ktoré to robia dobre; ktoré to zjednodušujú (na rozdiel od niektorých z najikonickejších používateľské rozhrania v histórii filmov ...) a neodvádzajte pozornosť od funkcie.

Čítajte ďalej a objavte špičkové a dobre premyslené produkty, aplikácie a operačné systémy, ktoré sa zameriavajú na vytváranie skvelého používateľského zážitku prostredníctvom dizajnu ...



01. iOS

Apple

Spoločnosť Apple priniesla revolúciu v používateľskom rozhraní pre stolné aj mobilné počítače

Spoločnosť Apple sa mohla nedávno dostať pod paľbu, napríklad debakel cez Mapy a pokračujúca debata o jeho používaní skumorfizmus . Niekedy je však dobré ustúpiť a pozrieť sa na celkový obraz: ako spoločnosť Apple spôsobila revolúciu v počítačovom rozhraní spôsobom, ktorý odvtedy ovplyvnil a formoval všetko, čo vzniklo.

Spoločnosť bola priekopníkom v používaní grafického používateľského rozhrania (grafického používateľského rozhrania) zavedením počítača Lisa v roku 1983 a neskôr sa stala hlavným prúdom vydaním systému Macintosh v roku 1984. Potom, keď v roku 2009 predstavila iPhone, priniesla jedinečný a užívateľsky prívetivý zážitok pre trh mobilných telefónov.

Používatelia mobilných telefónov roky navigovali vo svojich telefónoch iba pomocou rolovacích koliesok alebo tlačidiel so šípkami. Dotykové rozhranie iPhone a ikony aplikácií zmenili hru, pretože fungovala a jej používanie bolo jednoduché.

Od roku 2009 sa v súvislosti s hlavnou funkčnosťou platformy iOS nezmenilo veľa, a to až po staré príslovie: „Ak sa nerozbije, neopravujte to.“ Medzitým spoločnosť Apple pokračovala v rozširovaní svojich produktových ponúk prispôsobovaním iOS pre iPad a iTouch.

02. Windows 8 Mobile

Bude Microsoft

Prerobí nový prístup spoločnosti Microsoft k mobilnému používateľskému rozhraniu trh?

Microsoft sa na trhu so smartfónmi snaží dobehnúť, odkedy sa pred pár rokmi dostali do popredia spoločnosti Apple a Google. V roku 2012 predstavila spoločnosť Microsoft svoj najnovší operačný systém pre mobilné telefóny, Windows 8, spolu s podobnou verziou pre stolné počítače. Windows 8 pre mobilné funkcie využíva živé interaktívne dlaždice. To znamená, že keď sa pozriete na domovskú obrazovku telefónu, uvidíte viac „dlaždíc“ aplikácií, ktoré vás neustále informujú.

Prezrite si svoje najnovšie tweety alebo textové správy jediným pohľadom a všetko na jednom mieste. Nehovoriac o tom, že usporiadanie a dôležitosť dlaždíc sú úplne prispôsobiteľné.

Celkový vzhľad sa výrazne líši od systému iOS, ktorý sa zameriava na použitie statických ikon na navigáciu a vyskakovacie okno ako upozornenia na zachytenie prichádzajúcich údajov. Mobilné rozhranie aplikácie Window 8 vyniká z davu vďaka prehodnoteniu toho, ako sa pozeráme na takmer konštantný tok údajov.

03. Nest termostat

Najlepšie používateľské rozhranie zjednodušuje postup - príkladom je termostat Nest

Najlepšie používateľské rozhranie zjednodušuje postup - príkladom je termostat Nest

Často si ani neuvedomíte, aká zlá je používateľská skúsenosť s tradičným produktom, kým niekto nepríde a nevylepší ho. Príkladom je termostat pre domácnosť.

Pohyb na digitálnu hranu neurobil veľa pre zlepšenie termostatu v domácnosti. Nové digitálne termostaty sú v skutočnosti programovateľné oveľa ťažšie, s neprehľadnými systémami viacerých ponúk a komplikovanými displejmi. Návrhári termostatu Nest pre vás teda zjednodušili postup.

Ak chcete, aby bolo teplejšie, otočte ich a ak chcete, aby boli chladnejšie, znížte ich. Termostat urobí zvyšok tým, že sa učí zakaždým, keď urobíte úpravy, a zostaví plán vykurovania a chladenia na základe vašich zmien. Môžete ich dokonca ovládať zo svojho smartphonu cez Wi-Fi.

Sleduj! Nest termostat:

04. Nintendo’s History of Mario Kart

Nintendo

Stránka spoločnosti Nintendo zaujíma nový prístup k pokroku prostredníctvom obsahu

Jeden z veľkých trendy v dizajne webových stránok v súčasnosti je použitie rolovanie paralaxou . V podstate to znamená, že pomocou rolovacieho kolieska myši môžete prechádzať webom tak, aby sa web javil ako trojrozmerný.

Tento 3D efekt sa vytvára pomocou efektného kódovania HTML5 a CSS3, vďaka ktorému sa pozadie webových stránok pohybuje pomalšie ako objekty umiestnené v popredí.

Tak sa vytvorí jedinečné používateľské rozhranie, ktoré je vizuálne zaujímavejšie ako tradičné ploché dvojrozmerné posúvanie nahor a nadol, ktoré sa nachádza na väčšine webových stránok. Stránka je skvelým príkladom rolovania paralaxy a toho, ako vytvára jedinečný dojem používateľa.

05. Aplikácia iPad pre Svetový fond na ochranu prírody

WWF

ako nanášať make-up vo photoshope
Elegantné rozhranie aplikácie WWF vám umožní objavovať obsah inovatívnymi spôsobmi

Spotrebiteľské produkty a webové stránky nie sú jedinými miestami, kde uvidíte pokroky v dizajne používateľského rozhrania. Vývojári aplikácií pre iPad neustále experimentujú s novými spôsobmi, ako umožniť používateľom komunikovať s iPadom nielen po zmene stránky prstom.

Svetový fond na ochranu prírody vydal novú bezplatnú aplikáciu pre iPad s názvom WWF Together, ktorá je úžasným príkladom toho, čo môžete robiť pomocou interakcií založených na gestách.

Môžete použiť prst na pohyb ľadovcov alebo vymazanie obrázka, aby ste odhalili dôležité informácie o divočine na svete. To všetko je zabalené v elegantne jednoduchom rozhraní, ktoré je ľahko sledovateľné a informačné.

Sleduj! Aplikácia WWF v akcii:

Slová : Ben Whitesell

Ben Whitesell je mediálny dizajnér špecializujúci sa na rôzne typy tvorby obsahu vrátane tradičného rozloženia tlačových stránok, dizajnu plagátov a ilustrácií.

Páčilo sa vám to? Prečítajte si tieto!