S 65 pixely víme jistě, že dostat se do duše uživatelů není snadný úkol. Nestačí vytvořit správné a promyšlené rozhraní. Potřebujete kreativitu, krásu a … co jiného? Obrátili jsme se na vědu a zjistili jsme, co je jádrem opravdu dobrého designu rozhraní.
Vizuální informace je kamenem úrazu náš den … Nemáme čas číst dlouhé texty, studovat pokyny … Emodži a memy místo dlouhých vysvětlení. Infografika místo dlouhých textů. Jasné připojení a intuitivní rozhraní místo zdlouhavých průvodců produktem.
Cení se vše, co šetří čas a umožňuje vám zapojit se do procesu bez velké přípravy.
Uživatelé přecházejí na mobilní zařízení a úkolem služeb je poskytovat jim pohodlné a intuitivní mobilní aplikace a weby. Jak to provést?
Moderní designové systémy zohledňují mnoho faktorů. Všechno je však založeno na zvláštnostech lidského myšlení, vidění a vnímání vizuálních informací.
Rozhraní z hlediska vědy
Jak se vytvářejí rozhraní? Uživatelské rozhraní nebo UI (Uživatelské rozhraní) Je vzhled produktu, způsob komunikace mezi uživatelem a programem. V mnoha ohledech rozhraní ovlivňuje, zda produkt vydělá peníze a bude se těšit respektu a lásce publika.
Zaměřujeme se na trendy – stejně jako Apple, pochopitelně jako Google. Více často než ne, rozhraní jsou implementovány nápady, které již někdo ztělesňuje. Ale co je za nimi? A proč některé trendy zůstávají v nás navždy, zatímco jiné se neukoreňují a nezpůsobují negativitu mezi uživateli?
Při hledání odpovědi se obraťme k vědě – psychofyziologii.
Psychofyziologie studuje neurofyziologické mechanismy duševní procesy, stavy a chování. To je obtížné.
Jednoduše řečeno, tato věda považuje člověka za informační systém. Například počítač má kanály pro vstup a výstup informací – klávesnice, myš, hlasový asistent, gesta.
Osoba získává většinu informací vizuálním kanálem – podle různých zdrojů 60 až 90% a celý zbývající objem se mezi sebou dělí sluchem, chutí, čichem, hmatem a vestibulárním systémem.
V kontextu návrhu rozhraní se zajímáme o psychofyziologické aspekty lidského chování při interakci s vizuálními informacemi.
První dojem je vždy vizuální
Postoj k věci nebo produktu se utváří dlouho před závěrečnými logickými závěry člověka.
< p> Pokud navrhnete osobě, aby si vybrala jeden objekt ze dvou se stejnou funkčností, ale s odlišným vzhledem, vybere si ten krásnější a bude to pro něj pohodlnější.
p> Ve skutečnosti může méně atraktivní objekt plnit své funkce, jsou mnohem lepší. Nejprve se ale nejprve posuzuje estetika a až potom použitelnost.
Vědecky se tomuto jevu říká efekt estetika-použitelnost . Odráží se to také v designu rozhraní. Uživatelé mají větší důvěru v uživatelsky přívětivé a krásné aplikace a weby a pohodlí práce s nimi není první věcí, kterou je třeba posoudit.
Zároveň je „pohodlné a krásné“ podvědomě chápáno jako „srozumitelné a podobné ostatním“ . Pokud to přeženete s krásou a odlišností, můžete dosáhnout přesně opačného efektu.
Je to všechno o nevědomých vizuálních vlivech, které ovlivňují hodnocení produktu – ceny .
Cenová dostupnost je druh intuitivní vlastnosti položky, která nám říká, jak s ní komunikovat , co s tím můžete dělat. K dispozici je tužka – můžete s nimi něco napsat, můžete nalít tekutinu do sklenice, peníze jsou uloženy v peněžence.
V digitálním prostředí existují finanční možnosti – jedná se například o známé obrázky tlačítek – musíte na ně kliknout, abyste akci potvrdili nebo odmítli, ikony s disketou, nůžky, tiskárna. Dostupné ceny výrazně zjednodušují naši interakci se světem obecně a konkrétně s aplikačními rozhraními.
Dostupné ceny v designu rozhraní
Dostupné ceny jsou skrytým designovým jazykem rozhraní. S jejich pomocí můžeme uživatele doslova „vést“ uvnitř rozhraní. Ale nevhodné použití příspěvků může vážně poškodit značku nebo produkt.
Obvykle se rozlišuje několik typů příspěvků.
Explicitní ukazatele … Výslovné finanční příspěvky se spoléhají na známé věci, které uživatele vybízejí k akci. Pokud tlačítko na webu vypadá jako tlačítko ve fyzickém světě, víte, že na něj můžete kliknout. Pokud je vedle něj text nebo ikona, jsou ceny ještě výraznější: říkají, jak bude systém reagovat na vaši akci. Něco do očí bijícího, jako je text „Klikněte sem“, patří do této skupiny.
Vzory ukazatelů. Jedná se o trendy a návyky, které se staly populárními až do bodu společného porozumění. Modré a/nebo podtržené odkazy. Logo, které se vrátí na domovskou stránku. Šedý text v polích formuláře. Odkaz na profil v pravém horním rohu. Zvýrazněné a šedé tečky ukazující polohu ve vícestupňovém přiřazení. Šipky procházejí karuseli. Navigace shora. Pokračujte sami.
Skryté ukazatele. Zůstanou neviditelné, dokud nebudou splněny určité podmínky. Například omylem přesunete kurzor na text a text změní barvu, aby naznačil, že se jedná o odkaz. Toto je příklad skrytého ukazatele, jemného, ale užitečného způsobu, jak ukázat funkčnost. Pokud jste obeznámeni s Pinterestem, určitě si vzpomenete, jak se schopnost připnout, sdílet nebo označit jako fotografii se zobrazí pouze při najetí myší.
Metaforické ukazatele. Ikona zjednodušeného domu symbolizuje domovskou stránku, obálka znamená e-mail, složka znamená … složku . Toto jsou všechny příklady metaforických ukazatelů, které se při navazování korespondence spoléhají na zdravý rozum uživatele (a znalost každodenních předmětů).
< b> Negativní ukazatele sdělit nedostupnost a nefunkčnost něčeho. Nejběžnějším negativním ukazatelem je šedý text – vykreslí neaktivní prvek. Dovedné použití negativních ukazatelů odvrátí pozornost od neaktivních funkcí a v tuto chvíli ukáže na užitečnější. Šedý text se rozpouští na pozadí, zatímco černý klikatelný text zůstává viditelný. Šedý text označující nedostupnost se stal tak populárním, že se stal vzorem.
Cenovou dostupnost lze použít nejen jako nástroj, ale také jako metodu, logiku.
Díky této logice můžete řídit pozornost uživatele v závislosti na problému s designem. Zvýrazněte akcenty, upřednostněte informace a nakonec je ponořte do objemného a komplexního produktu snadným a uživatelsky přívětivým způsobem.
Je to škoda, že Takovou užitečnou věc, jako je dostupnost, lze snadno přehlédnout při hledání nestandardního neobvyklého rozhraní. Nejběžnější chyby jsou:
- Chybějící tlačítko nabídky nebo domovské obrazovky. Chcete-li jej otevřít, potřebujete prst, který není označen ikonou ani nápovědou.
-
Logo značky nebo společnosti se příliš často objevuje v důležitých blocích rozhraní, zaměřuje se na sebe, odvádí pozornost od skutečně důležitých informací a přetěžuje vizuál a kompozici.
-
Interaktivní (klikatelné) prvky – tlačítka, odkazy, ilustrace – nevyčnívají ze zbytku obsahu. Malé, vybledlé, objemné, neatraktivní – nebudou patrné, budou přehlédnuty. A spolu s nimi také užitečné funkce implementované do aplikace.
Pokud chcete vytvořit rozhraní na nových nestandardních principech, buďte připraveni investovat nejen do vývoje , ale také v marketingu … Při zavádění nových přístupů si budete muset vyhradit čas na vybudování uživatelských návyků. Značky produktů tím stráví roky.
P.S. V tomto článku jsme zjistili teorii. V další části si povíme o konkrétních nástrojích, které pomohou aplikovat uvažované přístupy v praxi a navrhnou design s přihlédnutím k psychofyziologickému pozadí a zavedeným vzorcům.
Líbí se nám a sledujte nás zde i na Instagramu 🙂
