8 tipů na design uživatelského rozhraní nebo jak efektivně používat uživatelské rozhraní? | SpdLoad

Efektivní uživatelské rozhraní pomáhá uživatelům podnikat konkrétní akce s lehkostí, uspokojením a úplnou kontrolou. Proto je zásadně důležité dodržovat dobré tipy pro návrh uživatelského rozhraní. A jasně pochopit rozdíl mezi designem UX a UI.

Pokud je návrh uživatelského rozhraní úspěšný, stane se pro uživatele neviditelným. Je tak zběhlý, když předvídá, jaké kroky by měl uživatel podniknout.

Uživatelské rozhraní představuje prvky a struktury, které pomáhají uživateli provádět akce úspěšně a snadno. Zdá se, že návštěvníci si ani nevšimli uživatelského rozhraní.

Podělím se o několik tipů, které jsem se na své cestě naučil jako grafik. Ukazuji, jak vám tyto jednoduché tipy mohou pomoci vytvořit vynikající design uživatelského rozhraní.

8 zásadně dobrých tipů na design uživatelského rozhraní

Pro začínajícího návrháře a mnoho uživatelů je uživatelské rozhraní jednoduše „vzhledem“ webové stránky. Ve skutečnosti je to mnohem víc.

Skládá se z konceptů vizuálního designu, interaktivního designu a informační architektury.

Vytváření rozhraní a komunikačních bodů umožňuje bezproblémové, intuitivní a známé provádění úkolů.

Jaký je rozdíl mezi efektivním a zbytečným uživatelským rozhraním v návrhu MVP?

Podívejme se na 8 tipů.

Začněte s průzkumem uživatelů UX

Při návrhu uživatelského rozhraní začíná vše od uživatele.

Chcete-li vytvořit weby, které uživatelé považují za snadno použitelné, prostudujte si, jak se uživatelé chovají a jak s nimi interagují. Naučte se jejich pracovní toky, procesy a uvidíte, jak přistupují ke svým úkolům.

Čím více znáte své uživatele, tím více můžete předvídat jejich potřeby a efektivně se o ně starat.

Uživatelský průzkum vám umožní vědět, jak, kdy, kde a proč budou používat váš produkt k vyřešení bolesti.

Nastavte očekávání designu uživatelského rozhraní

Důležitost koncepce designu uživatelského rozhraní je důslednost a důvěrnost.

Uživatelé si určitým způsobem zvykli na přístup a interakci s webovými stránkami.

Pokud je design uživatelského rozhraní webu odlišný od toho, na co jsou zvyklí nebo očekávají, může to být riziko.

Mohou být vyzváni, aby si to na chvíli vyzkoušeli. Ale všechny překážky nebo frustrace v procesu mohou celou věc zavřít. Zákazníci odejdou, možná se nikdy nevrátí.

Ujistěte se, že váš web obsahuje známé prvky na známých místech. Dobrý přístup k zahájení testování s využitím prototypování.

Když experimentujete s návrhem, ujistěte se, že uživatelé budou vědět, které tlačítko provede jakou akci, než na něj kliknou.

Např. Malý vyskakovací balón obsahující instruktážní kopii. V mnoha čtecích aplikacích a webech se umístí kurzor myši na ikonu srdce poblíž názvu se slovy, jako například: Kliknutím uložíte do oblíbených položek.

Taková instruktážní kopie může docela efektivně řídit očekávání vašich uživatelů.

Podobně informujte uživatele, kdy se chystají podniknout jakékoli kroky, které nelze vrátit zpět. Například smazání e-mailu, stránky nebo webu. Zeptejte se jich, jestli si jsou jistí.

Pokud ano, budou pokračovat, pokud ne, vaše efektivní uživatelské rozhraní je právě uložilo před náhodným kliknutím.

Zajistěte rychlou odezvu uživatelského rozhraní

Návrh uživatelského rozhraní je místem interakce a komunikace s vašimi uživateli.

Když kliknu na odkaz, očekávám, že se otevře. Když stisknu tlačítko, očekávám, že to změní barvy.

V návrhu uživatelského rozhraní dominuje proces „dávání a přijímání“ a „reakce a reakce“.

Když vaši uživatelé komunikují s vaším webem, ujistěte se, že je web rychlý a rychlý s odpověďmi. Posouvání je plynulé a svižné, jsou zvýrazněny pozitivní akce a na všechny odkazy lze kliknout - za méně než 3 sekundy vrcholy.

Každou další sekundu očekávejte, že budete čelit sníženému počtu zobrazení stránek a nižší míře spokojenosti zákazníků, což nakonec povede ke ztrátě konverzí.

Webové stránky s pomalou odezvou nejen uživatele frustrují, ale také způsobují, že lidé pochybují o tom, zda daná věc vůbec funguje.

Nechcete být spojeni s takovými pochybnostmi. Podle toho spravujte rychlost načítání webu a dobu odezvy prvku.

Umístění prvku a velikost

Design uživatelského rozhraní je o kliknutích, klepnutích a posouváních.

Musíte se ujistit, že pokaždé, když uživatel klikne na váš web, je to kliknutí, které se promění v konverzi. Abyste toho dosáhli, věnujte pozornost umístění a velikosti prvků na vašem webu.

Vždy mějte velikost a umístění dostatečně prostorné. Je nutné se vyhnout chybám při kliknutí. Rovněž používejte často používaná tlačítka - odesílat, odesílat, začít - výraznější a větší než ostatní.

Stejné jako u seznamů hlavních nabídek. Umístěte je výše v hierarchii než další nabídky, jako jsou kategorie.

Naučíte se oko detekovat efektivní uživatelská rozhraní, kdykoli se s nimi setkáte.

Usnadněte si design

Ve všech projektech, na kterých jsem pracoval, jsem zjistil, že tato rada je vždy úspěšná. Neexistuje nic, co by jednoduchý design uživatelského rozhraní neopravil ani nezlepšil.

Díky jednoduchému designu se kognitivní procesy uživatelů nepřekonají.

Je pro ně snadné rozhodovat se, vykonávat úkoly efektivně a nepotřebují žádné zbytečné prvky.

Začínající návrhář může vytvářet uživatelská rozhraní s vysokým designem, vizuální galore, ale funkčnost byla spousta problémů.

Jednoduchý webový design je ve skutečnosti charakteristickým znakem zkušeného, ​​ostříleného návrháře a splnění tohoto úkolu je nesmírně obtížné.

S jednodušším designem se musíte mnohem více spoléhat na svou kreativitu a designové znalosti než na povrchové vizuální ozdoby.

Jakmile začnete pracovat na dalším návrhu uživatelského rozhraní, jděte na jednoduché rozhraní.

Snažte se vytvořit design, který usnadňuje funkci. Umožněte lidem, aby se při online nakupování odhlásili jako hosté.

Namísto skrytí nabídky jej zefektivněte.

Chcete-li zpřístupnit kategorie blogů, namísto toho, abyste je rozhazovali po celé stránce, zkuste použít strukturu mřížky.

S těmito jednoduchými vylepšeními (vyžadujícími hodně přemýšlení a hrstkou Eureka! Momentů) budete moci rychle potlačit účinnost designu uživatelského rozhraní.

Design s ohledem na dostupnost

Žádný design uživatelského rozhraní nemůže být nikdy skutečně účinný, pokud nezohlední potřeby širšího okruhu diváků. Včetně těch, kteří mají různé problémy s přístupností.

Velká část takového publika se skládá z uživatelů, kteří mají různé výzvy související se zrakem. Například různé formy nedostatků barevného vidění (CVD), snížené vidění, rozmazané vidění a problémy s viděním související s věkem.

Uživatelské rozhraní pro tyto publikum nemůže být barevně ústřední, jako je tomu u současných návrhů uživatelského rozhraní. Abychom uživatelům pomohli s problémy se zrakem, zrakem a CVD, je důležité, aby design uživatelského rozhraní byl spojením barev a ikon.

Konkrétně pro publikum CVD pouze barvy neposkytují dostatečné informace.

Pokud je například vaše upozornění na systém navrženo pouze s barvami (zelená a červená), bude mít osoba s nedostatkem vidění červeno-zelené barvy těžké zjistit, na které tlačítko klepnout.

Podobně a v méně závažném měřítku webové stránky eCommerce, které nezobrazují informace o barvě s textovými štítky, poskytují barevně slepým uživatelům službu.

Pokud mluvíme o lidech, kteří trpí sníženým nebo špatným zrakem, jsou webové stránky ve stupních šedi zejména noční můrou. Tyto stránky vypadají esteticky příjemně, ale nesplňují standardy použitelnosti.

Při špatných kontrastních poměrech, menších a vybledlých typografiích a temných tématech se může prohlížení těchto stránek po dobu delší než několik sekund stát zdrojem bolesti hlavy pro osoby se zrakovým postižením.

Chcete-li vytvořit efektivní design uživatelského rozhraní s ohledem na dostupnost a nekompromisní vizuální krásu, věnujte pozornost těmto doporučeným postupům:

  • Vzdělávejte se na tom, které barevné kontrasty jsou lepší a horší pro CVD a další různě posluchače. Můžete použít online nástroje pro kontrolu kontrastu a barev, které vám pomohou: Color Oracle, Sim Daltonism a Contrast Checker atd.
  • Pokud provozujete obchod s eCommerce, vždy označte barvy v obrázcích / popisech produktů.
  • Ujistěte se, že vaše odkazy jsou vždy podtrženy, protože publikum s nedostatkem barev může zmeškat pouze změnu barvy.
  • Přidejte vzory, textury a změny tvarů tak, aby doplňovaly barvy v grafech a grafech pro vizualizaci dat.
  • Ujistěte se, že primární tlačítka na vašem webu jsou náležitě odlišena od ostatních tlačítek. Jako dobrý zdroj, který vám pomůže pochopit návrh usnadnění přístupu, je zde užitečný odkaz.

Vytvořte responzivní web

Google dlouhodobě začal na svých vyhledávacích stránkách první indexování webů v mobilních zařízeních, čímž svou pozornost dále zaměřil na uživatele mobilních sítí oproti uživatelům stolních počítačů.

Tento posun vedl všechny podniky, které si chtějí udržet svůj dobrý SEO a silné konverzní kurzy, začít vytvářet responzivní webové stránky.

Je to tekutý design, který přeskupuje a upraví se tak, aby se vešel na jakoukoli obrazovku, na kterou je přístupný.

Zachovává strukturální i vizuální kvalitu rozhraní a zároveň zajišťuje optimální prohlížení rozhraní bez ohledu na velikost obrazovky nebo typ zařízení.

Zatímco responzivní design neodmyslitelně nesplňuje pokyny pro přístup k webu, novější a moderní design uživatelského rozhraní se stává inkluzivnějším.

Vidíme mnoho příkladů webů, které jsou nejen citlivé, ale také přístupné. Například, a reformace, právě teď z horní části mé hlavy.

Takové weby budou samozřejmě z dlouhodobého hlediska ty, které mají větší provoz, širší rozsah a potenciálně více konverzí.

Pokud navrhujete uživatelské rozhraní s cílem převést provoz, má logický smysl použít návrhové strategie, které fungují pro mnoho lidí a mnoho zařízení.

Trénujte své oko na dobrý design a trénujte, cvičte, cvičte!

Žádný z těchto tipů nebude použitelný, pokud nebudete investovat do praxe a zkoumat. Při procházení webů je zvykem najít dobrý design. Hledejte funkce, které fungují na webu, a ty, které ne.

A uvidíte, jak byste to udělali jinak.

Také investujte svůj čas a veškeré zdroje, které můžete, do výzkumu uživatelů. Promluvte si s uživateli v různých fázích návrhu. Mohou být vaším nejlepším zdrojem informací, když budete pokračovat ve své práci s vývojem MVP.

Všimněte si, jak interagují s vaším uživatelským rozhraním a zda existují nějaké mezery, které můžete opravit, prvky, které můžete vylepšit, nebo překážky, které můžete odstranit.

Zamyslete se také nad průzkumy a fokusními skupinami. Ta může být zvláště užitečná při shromažďování protichůdných hledisek, které nakonec pomohou vašemu návrhu.

Průzkumy jsou nejúspornější a cenově dostupné možnosti průzkumu uživatelů. Můžete také prozkoumat své kolegy pro základní výzkum a pak přemýšlet o investování některých prostředků do něj, abyste získali některá tvrdá fakta, která mohou řídit váš proces návrhu a dát mu solidní základ.

V neposlední řadě praxe. Upřímně, toto je nejlepší rada, kterou vám mohu dát. Cvičení vám nedokončí dokonalost, ale určitě vás může přiblížit.

Efektivní uživatelské rozhraní - co bude dál?

Takže to máte

8 osobně testovaných a prověřených návrhových tipů, které mi hodně zachránily kůži. Doufám, že jsou pro vás stejně užitečné.

Důležité je poznamenat, že neexistuje nic takového jako bezchybný design uživatelského rozhraní. Je to nepřetržitý proces učení se od uživatelů a dává jim nejen to, co splňuje jejich účel, ale také zlepšuje jejich procesy.

Takže pokračujte v učení.

Původně zveřejněno na https://spdload.com.