UI Design: Měli bychom se opravdu bát Uncanny Valley?
Realismus v designu uživatelského rozhraní je v současné době horkým tématem. Každý designový blog, který stojí za cokoli, otevřeně říká společnosti Apple, že jsou daleko ve svém návrhu, aby aplikace iPad napodobovaly realitu.
Připojte se k nám, když do debaty přidáme nějaký život tím, že se budeme zabývat některými z těchto představ. Projdeme, jakmile je realismus efektivní a kdy je destruktivní a jak ho můžete ovládat ve svých vlastních návrzích, aniž byste zničili vaše rozhraní.
IPad jiskří debatu
Od vydání iPadu se hodně diskutovalo o využití realismu při návrhu uživatelského rozhraní. Apple povzbuzuje designéry, aby dávali svým aplikacím iPad vizuální metaforu, než aby je vytvářeli tak, aby vypadali jako typické digitální umění, které tradičně vidíme v designu uživatelského rozhraní.
Pro začátečníky se designérům nelíbí, když nám říkají, jak dělat svou práci. Navíc mnoho z nich není vůbec potěšeno návrhy UI společnosti Apple ani volbami vlastního rozhraní Apple ve výchozích aplikacích iPad, jako jsou Poznámky a Kalendář.
To vedlo k určitým přísným varováním od komunity návrhářů ohledně použití realistických rozhraní psuedo. Ačkoli jsou tato varování dobře míněná, dobře argumentovaná a legitimní, debata se v tomto bodě jeví jako trochu jednostranná, takže bych rád přinesl novou perspektivu, aby věci zůstaly čestné a inteligentní.
Na ramenou obrů
Většina dnešní diskuse v této aréně bude stavět na třech vynikajících článcích na toto téma od vrstevníků, které si velmi vážím:
- Navrhování pro iPad: Kontrola reality od Olivera Reichensteina
- Realismus v designu uživatelského rozhraní od Luka Mathise
Uncanny Valley
Nejvhodnější název boje, kterému čelíme realisticky v designu, pochází od Francisco Inchaust v jeho článku z GetFinch.com. Poznamenává, že Masahiro Mori vytvořil v 70. letech pojem „Uncanny Valley“, který odkazuje na bod ve vývoji robotiky, kde se stroje stávají takovými lidmi, že jsme jimi zděšení nebo přinejmenším znepokojeni jejich vzhled.
Tato myšlenka dokonale platí pro trend v designu uživatelského rozhraní. Reichenstein má ve svém článku vynikající příklad: snímek obrazovky z ohromně psuedo realistického rozhraní Kai's PhotoSoap.
Je Trend-Bashing jen dalším trendem?
Je to určitě případ, kdy v tomto stejném duchu vidíme obnovení designu rozhraní. Jakmile však návrháři na to začnou navazovat a vybízet k tomu další, všiml jsem si v komunitě návrhů váhání aplikovat jakýkoli druh realismu ze strachu ze šikany. Svým způsobem se Twitter, Dribbble a blogosphere stávají hřištěm a existuje mnoho dětí, které se chtějí do něj zapojit a dělat to, co je v pohodě, aniž by to urazilo někoho jiného.
Místo toho, abychom mlátili dítě, které se rozhodlo nosit tričko Teenage Mutant Ninja Turtles, máme tendenci posmívat se designérům, kteří vytvářejí rozhraní pomocí všeho jiného, než jsou plné barvy a minimalistický styl designu.
Problém nastává, když se útoky na trendy stávají pouze trendem, bez řádné analýzy toho, co je a není nejlepší z pohledu uživatele. Návrháři by měli být kritizováni a trendy by měly být správně identifikovány, ale musíme se ujistit, že nevytváříme tvrdá a rychlá pravidla založená na preferencích spíše než na logice.
Co je tak špatného na realismu?
Články, které jsem zmínil výše, obsahují několik populárních příkladů designu uživatelského rozhraní, které jsou považovány za flirtování s údolím Uncanny Valley, což znamená, že jejich realismus ve skutečnosti snižuje zážitek.
Pojďme se podívat na několik z nich, abychom zjistili, zda můžeme skutečně zacílit problémy, které se odehrávají. Prvním z nich je Apple iBooks rozhraní, viz níže.
Teď už jsem nepochybně napsal o tom, jak nenávidím rozhraní pro čtení iBooků. Myslím si však, že přirovnávání problému k údolí Uncanny je ve skutečnosti špatnou diagnózou. Rozhraní knihy je zjevně docela „toony“ a není tak realistické, že by to můj mozek nedůvěřoval. Nedívám se na tyto skládané stránky několik minut a nakonec si pomyslím, že jsou tak skutečné, ale stále nějakým důležitým způsobem, jako bych to udělal s vysoce modifikovanou verzí Jeff Bridges v Tron Legacy.
Jaký je tedy problém? Problém je v tom, že roztomilé malé rozhraní Apple je úplné rozptýlení, které využívá dostupný prostor velmi špatně. Tento záhyb ve středu stránky mě neusnadňuje realismem, místo toho jen napodobuje jedinou horší část čtení skutečné knihy!
Realismus v rozhraní iBooků se ve skutečnosti dostane do cesty zaměření aplikace: čtení. Protože dělali prostor pro svou metaforu, mám menší prostor pro mé čtení. To je zřejmé, když se podíváme na rozhraní Kindle iPad:
Ve srovnání s iBooky je to čerstvý vzduch, ale proč? Je to, že můj mozek může být konečně osvobozen od trápení Uncanny Valley nebo že rozhraní má mnohem více prostoru k dýchání a dává více prostoru tomu, co opravdu chci vidět? Odevzdávám to druhé. Všimněte si, že jezdec dole, který vypadá hodně jako skutečné tlačítko, které můžete pohybovat tam a zpět. Tohle mě trochu nevadí. Je to atraktivní a co je důležitější, z cesty!
Příběh účinnosti
Myslím, že výše uvedený příklad jasně ukazuje, kde dobří návrháři pokazí realismu. Jistě, existuje spousta designérů rozhraní schopných vyrobit něco, co je ošklivé staré ošklivé na vlastní zásluhu, ale existuje také spousta extrémně talentovaných návrhářů, kteří se prostě tak chytají do vytváření realistického rozhraní, že zapomínají na použitelnost. Hledání obdivu k jejich dovednostem Photoshopu způsobuje, že ztratili ze zřetele hlavní cíl rozhraní: učinit aplikaci snadnou a příjemnou pro použití.
Abychom tuto myšlenku dále prozkoumali, podívejme se na další příklad, který používá Inchauste: staré rozhraní kokpitu pro Mac, zobrazené níže.
Znovu se ptám, zda je zde problém opravdu pokus o realismus, nebo jak to ovlivnilo účinnost rozhraní. Upřímně řečeno, skleněné, gumové a kovové textury mě neusnadňují. Jistě, jsou módní, ale v dostatečně atraktivní podobě.
Věc, která mě opravdu dostane, je matoucí kruhové ovládání (které bylo od té doby opuštěno) a veškerý prázdný prostor kolem něj. Tlačítka byla zbytečně napěchována do malého, zaplněného prostoru kvůli realistické designové metafoře, která se provádí. Stejně jako jsme viděli v iBookech, opuštění této metafory by umožnilo mnohem logičtější a uživatelsky přívětivější využití prostoru.
Začněte s účinností
Jak tedy vyrovnat myšlenku společnosti Apple, že realistická rozhraní jsou pro uživatele zábavná a žádoucí, se zásadou, že tato rozhraní často používají použitelnost v koši?
Vhodný příklad existuje přímo na domovské obrazovce iPadu a iPhonu. Toto rozhraní začalo na prvním iPhone s ohledem na efektivitu. Původní základní koncept byl prostě mřížka ikon na pevném černém pozadí. Níže vidíme zjednodušené rozložení domovské obrazovky iPadu pro zvýraznění jeho struktury.
Je pravda, že rozložení mřížky začíná ztrácet účinnost, když máte 75 aplikací (někdy bych zabil kvůli zobrazení seznamu), ale pro hrstku dobře organizovaného obsahu to funguje skvěle. Návrháři neustále používají mřížky pro vše od miniaturní galerie až po celé rozvržení webových stránek. Všimněte si, že jsme začali s pevným základem, ne s omezující metaforou.
Můžeme tedy přidat nějaký realismus, aniž bychom zničili naši použitelnost? Ještě lépe, můžeme přidat realismus a skutečně zvýšit naši použitelnost? To se vsaď. Podívejte se, jak mnohem lepší to bude, když do ikon přidáme nějaký život.
Všimněte si, že zde nej abstraktnější, nerealistická ikona je ve skutečnosti nejobtížnější interpretovat. Ikona App Store pro každého, kdo není obeznámen s aplikační složkou OS X, je naprosto matoucí. Vaše babička by pravděpodobně nevěděla, co ta ikona dělá. Ukážte jí však ikonu realistických poznámek a dokáže okamžitě zjistit, co má aplikace dělat. Lukas Mathis zkoumá podobné myšlenky týkající se designu ikon ve svém článku.
Můžeme nyní realismus zkusit ještě dál, aniž bychom zničili design? Co když zahodíme některé z těch módních textur, které návrháři tolik nenávidí? Určitě to zabije, že?
Chcete-li na to odpovědět, přidejte pozadí z jedné z deseti nejpopulárnějších placených aplikací pro iPad v App Store (Pimp Your Screen). Pokud existuje jeden způsob, jak uživatelé mohou skutečně hlasovat pro zážitek, který se jim líbí nejlépe, je to s jejich peněženkami.
Zde jsme přidali známou vizuální metaforu. Nyní je to nejlépe vypadající dřevěná textura? Rozhodně ne. Ve skutečnosti bych řekl, že se nebezpečně blíží k Uncanny Valley. A přesto to opravdu nezničilo naši použitelnost jako rozhraní pro čtení iBooků (i když si těžce půjčuje z police police iBooks). Důvodem je skutečnost, že naše základní struktura, která byla postavena na snadném použití a účinném uspořádání, zůstává nedotčena.
Zajímavé je, že pokud použijete tapetu výše a pak otočíte iPad ve svislé poloze, vše bude zničeno. Ikony nejsou zarovnány s policemi a metafora se rozptyluje.
Myslím, že to je klíč k tomu, abychom realistická rozhraní stáhli správným způsobem. Problémy nastávají, když návrháři začínají s moderními metaforami a výsledkem je uživatelské rozhraní, které je neefektivní a neúčinné. Použitelnost je obětována jménem pěkných obrázků. Když však začnete s jednoduchým a pevným základem, strukturovaným s ohledem na použitelnost, můžete postupně přidat styl. Mějte na paměti, že stále musíte posoudit každou změnu a rozhodnout se, zda se změna zlepšila, snížila nebo byla neutrální k použitelnosti.
Zkouška
Jedním z dobrých testů pro vaše rozhraní je to, zda můžete metaforu odstranit, a přesto mít rozložení smysl. Když například odstraníte chmýří z rozhraní iBooks, zůstanou vám zbytečně rozmístěné odstavce, které zjevně nevyužívají dostupné místo. Důvodem je, že zmačkaná stránka ve středu rozdělovala rozvržení.
Nyní si představte, že jste si vzali The Hit List, viz níže, a odstranili jakoukoli podobnost s papírem pro notebook nebo trojrozměrnými kartami. Mělo by uspořádání stále smysl? Odpověď zní „dokonale“. Návrhář zde má silnou, známou strukturu, která byla navržena tak, aby byla atraktivnější. To je velmi odlišné od rozhraní, které je trapně strukturováno tak, aby šlo spolu s předem koncipovanou vizuální myšlenkou.
Realismus je jen pro designéry?
Diskuse se dosud zabývala myšlenkou, že realismus může být přítomen, aniž by to bránilo použitelnosti, a v rukou někoho, kdo má skutečný talent, ho může dokonce zlepšit. Existuje však další hlavní aspekt této debaty, který zůstává neřešený: Chtějí to uživatelé?
Důsledkem, který v současné době mnozí v této debatě vyvozují, je, že realistická rozhraní, která se objevují v mnoha aplikacích iPadu, se skládají z očních bonbónů vytvořených designéry pro designéry. Normální uživatelé se podle tohoto argumentu nestarají o nic z těchto předstíraných pixelů a chtějí pouze dokončit daný úkol.
Věřím, že tento argument je mimo základnu. Za prvé, nedáte průměrným lidem dostatek kreditu. To, že někdo není designérem, neznamená, že nejsou schopni ocenit atraktivní design. Nejsem malíř, ale na vysoké škole jsem si opravdu užil historii umění.
Příliš často slyším designéry pronásledovat širokou veřejnost jako lidé, kteří neuznávají „dobrý design“. Pokud by to byla pravda, byli bychom bez práce! Mnoho lidí uznává a oceňuje atraktivní design a najímá nás, protože vědí, co jsou schopni produkovat sami, není to tak.
Za druhé, zjišťuji, že pro každého „normálního člověka“, který má rád moderní realistické rozhraní, najdete deset návrhářů, kteří ho nenávidí. Picky návrháři jsou lidé, kteří kritizují aplikaci Apple Calendar, zbytek světa kupuje iPady jako bonbóny, částečně kvůli elegantním rozhraním, které vidí v reklamách.
Designéři jako my trávíme hodiny debatami o výhodách a nevýhodách realismu v designu uživatelského rozhraní. Mezitím sedí předposlední místo pro placené stahování. Tato aplikace používá realistické rozhraní notebooku k napodobení skutečného zážitku z psaní a uživatelé toho nemohou dostat dost.
Jsem jako designér ohromen realismem v předposledním rozhraní? Ne na dálku. Ve skutečnosti se mi nelíbí, jak aplikace vypadá. Váš průměrný majitel iPadu si však myslí, že je skvělý.
Mám na mysli, že populární argument má to zpět. Efektivní realismus v designu uživatelského rozhraní není pouze krmivem Dribbble krmivem indukujícím slintání, je to něco, co uživatelé mohou a oceňují a jsou ochotni zaplatit prémii, kterou obdrží.
Závěr
Je realismus zneužíván v designu uživatelského rozhraní? To se vsaď. Jsou realistická rozhraní iPad trendem, který prochází? Absolutně. Jsou pro každého? Rozhodně ne. Minimální aplikace, jako je iA Writer, se často prodávají jako hotcakes, protože opouštějí realismus ve prospěch čisté účinnosti.
Jde o to, že v tomto článku uvádím, že „realismus“ není špinavé slovo, které návrháři v současné době vytvářejí. Jako designér byste neměli opustit opravdu skvělý nápad rozhraní ve strachu, že policie Uncanny Valley přijde a dostane vás. Určitě byste měli mít na paměti tento princip, uvědomte si, že i rozhraní společnosti Apple se záměrně vyhýbají fotorealismu, ale neměli byste se bát, že trochu textury způsobí, že uživatelé vaši aplikaci nenávidí.
Úspěšní návrháři uživatelského rozhraní vědí, že pevný a použitelný základ je základem každé dobře navržené aplikace. Kolik extra stylingu použijete, záleží na cílovém publiku a na tom, zda ho bude vnímat jako pomocný nebo brzdící design i kontext aplikace.
Položte si následující otázky: Má moje metafora v tomto nastavení smysl? Zůstane rozvržení silné, pokud bude metafora odebrána? Uplatňuji realismus, abych zlepšil přijetí a použitelnost aplikace nebo protože jsem náchylný k následujícím trendům? Má moje cílová skupina tendenci milovat nebo nenávidět podobné nápady?
Zanechte komentář níže a dejte nám vědět, co si myslíte o tom, zda existuje správný a nesprávný způsob, jak přistupovat k realistickému rozhraní. Jak zjistíte, kdy je realismus efektivní, a když poškozuje integritu návrhu?
