Design nikdy opravdu nezáleželo na tom tolik.
Je těžké si to teď představit, ale předtím, než se Apple meteorický nárůst globální popularity, design obvykle vzal zadní sedadlo do funkčnosti. Dnešní design se stal světem na sobě a komunita návrhářů a vývojářů se spojila, aby vytvořila koherentní soubor pravidel pro tvůrčí praxi.
Vývoj designu je konstantní a vždy se objevují nové věci, které se učí a zaměřují na to, aby se funkce a estetika spojily dohromady v jednom balíčku.
Chcete-li zůstat na vrcholu vaší designové hry, zde je 10 důležitých pravidel pro návrh uživatelského rozhraní, které si zapamatujete:
S výbuchem různých typů zařízení dnes, jedna velikost určitě nebude vyhovovat všem .
Když vás vytvořte své webové stránky nebo aplikace, musíte se ujistit, že budete mít na paměti všechny velikosti obrazovky. To znamená plné naplnění internetových připojení s nízkou i vysokou šířkou pásma, odpovídající formátování iPad i iPhone.
V minulosti se vývojáři soustředili především na vytvoření dobrého uživatelského rozhraní pro stolní počítače. Jenom proto, abyste obnovili paměť, používání mobilních telefonů předběžně proběhlo v roce 2014. Takže byste měli nyní přejít na mobil? I když je důležité věnovat zvláštní pozornost mobilnímu zařízení, stojí za to také uvažovat o tom, že používání stolních počítačů je stále značně vysoké, s podílem 42% .
Proto je klíčem vytvořit adaptivní uživatelské rozhraní což spotřebiteli přinese skvělý zážitek i přes zobrazení nebo orientaci zařízení, které používá.
Lidé jsou mimořádně zaneprázdněni a kvůli tomu zřídka věnují plnou pozornost jednomu úkolu. Z tohoto důvodu je potřeba, aby byl váš návrh jednoduchý a srozumitelný.
Nepokládejte své uživatele. Použijte jazyk, který snadno rozumí slovům, frázím a pojmům. Nepoužívejte speciální systémové nebo průmyslové výrazy a trvejte na jazyku známém publiku.
Pokud chcete, aby uživatel splnil určité cíle, nechte akce v pořadí, které má začátek, střední a konec. Až budou hotové, použijte upozornění, aby uživatel poznal a zahrnul další kroky.
Pokud například navrhujete stránku pro online bankovní systém, můžete tyto akce seskupit do podrobností o kontaktech, podrobnostech účtu a nastavení profilu namísto toho, aby byly všechny v jediném formuláři.
Chyby jsou nejenom anomáliemi a chybami, ale také velkými překážkami návštěvníci, kteří přijali požadovanou akci .
Pokud se něco pokazí nebo se nesprávně načítají, většina návštěvníků nebude čekat na opravu, prostě opustí. Buďte opatrní a zůstaňte na pozoru před chybami, a ujistěte se o co nejdříve.
Uživatelům se nelíbí chyby. Cítí se ještě horší, pokud se domnívají, že mají za to chybu. Pokud nepřevedou tuto nenávist k vám a nepřeskočí, budou opouštět své účty ještě předtím, než budou zřízeny.
Při navrhování, vyloučení možnosti chyby nebo návrh systému, který kontroluje chybu pro ně ještě předtím, než půjdou příliš daleko. Řekněme například, že vyžadujete, aby uživatelé vytvořili heslo s délkou alespoň 8 znaků a obsahuje minimálně jednu číslici.
Umožní váš systém, aby uživatel pokračoval v vytváření hesla, které je nedostatečné, pouze aby je upozorňoval, když klepne na tlačítko "Další" nebo je může upozornit, když zadá heslo? Druhým je lepší design.
Konzistence v celém uživatelském rozhraní se snižuje, aby se věci staly nepřetržitými, předvídatelnými a v očekávání. Navrhování všeho napříč celou řadou co nejjednoměrnější a zajištění toho, aby nedocházelo k žádným překvapením ani k neočekávaným výsledkům, vede k tomu, že věci jsou konzistentní.
Z Princip nejméně překvapení : "Pokud potřebná funkce má vysoký faktor údivu, může být nutné tuto funkci změnit."
Musí uživatelé hádat, co znamenají slova a která znamenají totéž? Musí se starat o kliknutí na určité tlačítko, protože si nejsou jisti, co bude dělat? Zajistit konzistenci procesů, funkčnosti, vzhledu a terminologie.
Naštěstí v této záležitosti neexistuje žádný nedostatek zdrojů. Většina renomovaných stavitelů webových stránek vám pomohou s tím, že mají jednotný a konzistentní vzhled rozvržení mřížky.
Jak se dnes často říká, "Kontext je všechno". Kontext je, jak jsme schopni propojit nové myšlenky se starými myšlenkami, budovat vztahy a smysl v našem světě.
Nejlepším učitelem této lekce je pravděpodobně inzerent. Inzerenti vědí, že bez kontextu citlivosti na čas a způsob, jakým prezentují své reklamy, pak se reklamy stávají bezcennými - a to je zbytečné peníze ( Podívejte se, jak Google AdWords určuje, jak prezentovat reklamy ).
Stejně tak musíte v uživatelských rozhraních použít kontextový návrh. Kontextové uživatelské rozhraní představuje návrh webových stránek nebo aplikací, které jsou založeny na poloze, závislé na čase a situace, aby uživateli poskytovaly nejrelevantnější data. A to nebylo hlavním problémem pro designéry dokud ne před několika lety.
S nárůstem připojení v reálném čase a závislostí na internetu může být příčinou vašeho selhání nebo úspěchu kontext.
Kontext je klíčem k lidským vztahům a stejně důležitý základní prvky návrhu . Očekáváme, že interaktivní objekty budou intuitivní a měly by navrhnout vytvoření souvislých vztahů mezi našimi funkce a design .
Určení velikosti objektů uživatelského rozhraní a množství mezery mezi sebou navzájem je rozhodující pro to, aby design vypadal vyvážené a předvídatelné .
Kromě toho, že uživatel upoutá pozornost uživatele, to také pomáhá uživatelům pochopit, kde jsou objekty, aniž by se musely podívat na celé místo.
Konstantní testování je nejlepší pro určení toho nejlepšího způsobu, jak to udělat, rozšíření toho, co potřebuje k větší pozornosti a zmenšování toho, co musí být méně rušivé.
Vývojáři a návrháři se většinou líbí přizpůsobení všechno.
To nám umožňuje ovládat vše od rozhraní k tapetám až k vyzváněcím tónům. Většina lidí se však zřejmě neobtěžuje přizpůsobením. Většina zařízení a jiné spotřební elektroniky zakoupené téměř nikdy se nezmění . Lidé obvykle neupravují nastavení z výroby, protože jejich změna má know-how, čas a úsilí.
Tím, že znáte tuto skutečnost, je důležité, abyste se ujistili, že vaše výchozí nastavení je vhodná pro velké množství uživatelů, které snadno porozumí a navigují. To znamená říci uživateli: "Hej, můžete to přizpůsobit, ale nemusíte."
Lidé obvykle neprovedou žádnou akci, pokud nebudou požádáni. To je důvod, proč taktiky jako výzva k akci jsou tak silné, aby vám pomohly řídit konverze .
Ještě důležitější je, požádejte je "pěkně". Co to znamená? Zvažte například časování a kontext. Požádáte uživatele o spuštění dalšího cíle, aniž by došlo k dokončení dalšího cíle? Zvažte, kdy se objeví pop-up s žádostí, aby se podívali na něco jiného. Pokud se nezobrazí poté, co se posunete na konec příspěvku, pak to děláte špatně.
Vezměte na vědomí, že funguje pouze tehdy, když se návštěvník skutečně zajímá o něco, co nabízíte. Pokud můžete prokázat, že lidem přinášíte značnou hodnotu, neváhejte a požádejte uživatele, aby podnikli něco na oplátku, například po stránce sociálních médií nebo blogu. To přispívá k informovanosti vašich uživatelů a také k jejich přirozenosti zvýšení návštěvnosti webu přesčas.
V naší společnosti pro webdesign jsme si všimli, že návštěvníci webových stránek nebudou vědět, jak nás kontaktovat. Bylo to příliš mnoho možností. Lidé by často byli ohromeni a nevěděli, jak začít kontaktovat.
Oba se budou hádat sami sebe, a nakonec jsme skončili s tím, že jsme dostali méně kontaktních konverzí. Tím, že se naše požadovaná opatření zřetelněji projevují, jsme vizuálně přitahovali uživatele k požadovaným akciím.
Opět nenechte své uživatele hádat. Dejte jim přesně vědět, co chcete, a oznámte jim, kdy dokončí akci.
Když vejdete do temné místnosti a stisknete spínač světel, očekáváte, že se rozsvítí. Pokud se při stisknutí přepínače neděje nic, můžete předpokládat, že se něco pokazilo. Stejně tak platí i při konstrukci.
Nikdo nemá rád, jelikož je o svých činnostech nejistý, a proto by měla být zpětná vazba s odkazem na zprávy a upozornění, aby návštěvníci ukázali, že jejich akce byly úspěšné a byly uznány. Zpětná vazba může být stejně jednoduchá jako provozování průzkumu webu nebo přidání oznámení o "úplné" po odeslání formuláře, ale je důležité, kdy začátek blogu nebo aplikace.
To také zdůrazňuje potřebu nenechat své návštěvníky druhou hádat sebe. Systém by měl být schopen nabídnout zpětnou vazbu, která je relevantní, je důležitá a naléhavá, komplexní, rozumná a kontextová.
Umění designu se neustále mění a my budeme i nadále hledat nové způsoby, jak kombinovat funkci a formu do návrhu uživatelského rozhraní. My jsme procházeli takovými věcmi, jako je minimalismus a citlivý design, měnící se a transformující se, když se nové technologie dostávají do popředí.
S těmito pravidly pro 10 UI nezapomeňte, že některá pravidla jsou porušena.
Testování a experimentování je to, jak se učíme nové důvěryhodné techniky, ale můžeme se spoléhat na několik těchto pravidel jako na náš základ.