Kolikrát jste byli na webové stránce, jen abyste zanechali frustraci a zlobili se ze zkušeností, které jste dostali během vaší návštěvy? Věřte tomu nebo ne, je to docela běžný výskyt, zvláště když webové stránky ignorují dobré postupy UX.

Pokud se podílíte na jakémkoli aspektu vytváření webových stránek, je nutné vyhnout se běžným problémům s UX, pokud chcete zůstat v dobrých knihách uživatelů. Podívejme se na čtyři nejčastější pasti UX, na které návrháři spadají, a jak se jim vyhnout ...

formuláře

Formuláře jsou nezbytné pro shromažďování informací o uživatelích, klientech a zákaznících. Nemůžete se s nimi obejít, ale neměli by být nesnesitelné. Formuláře by měly mít jen velmi málo otázek, jaké informace hledá webová stránka. Jeden z největších problémů online formulářů je, když neexistují žádné instrukce.

Formátování

Když se zeptáte někoho na konkrétní informace, zdůrazněte, co hledáte. Pokud požadujete speciální formát pro něco, jako je datum, čas nebo jiné formátované informace, mělo by to být příkladem. Nic není víc nepříjemné než vyplnění formuláře, pouze po dokončení chybové zprávy.

zástupný text

Text zástupného symbolu

Je to pěkné, když návrhář jde trochu nad rámec a dává vám náznak na typ informací, které hledají, tím, že v poli formuláře uvede zástupný text. Zatímco je to velmi výhodné, došlo několikrát, když jsem narazil na zástupný text, který nezmizí, když začnete psát do pole formuláře. To je obrovský bod frustrace pro každého uživatele, protože musí přestat psát, vybírat vše a smazat, začíná znovu a znovu. Mohou také vybrat nepotřebný typ a odstranit to, což způsobí přerušení jejich myšlenkového procesu při vyplňování formuláře. Kdykoli použijete zástupný text, abyste naznačili druh informací, které hledáte, ujistěte se, že zmizí, když někdo vybírá vstupní pole.

Chybové zprávy

Není nic víc frustrující než snažit se dělat něco na webových stránkách, jen aby dostali chybovou zprávu, aniž by bylo dost informací, nebo vůbec. Pokud uživatel webu narazí na chybu, mělo by se vysvětlit, co je nesprávné a jak jej opravit. Pokud se například přihlásíte na stránky s uživatelským jménem a heslem, pokud byste udělali chybu s jedním, měli byste být informováni, který. S tolika přihlašování k webovým stránkám je snadné akumulovat více variant uživatelských jmen a hesel. Některé případy, kdy jsem musel změnit svou obvyklou kombinaci uživatelských jmen a hesel, nesplňovala požadavky na registraci webových stránek, jako jsou 2 velká písmena nebo číslo, písmeno a interpunkce nebo symbol.

Další příklady zahrnují: Pokud hesla neodpovídají, během registračního procesu se před odesláním zobrazí chybová zpráva. Dalším příkladem může být, jestliže už bylo přijato uživatelské jméno, že to předtím, než někdo předloží svou registraci.

Nikdo nemá rád, že musí něco něco udělat, zvláště poté, co obdržel špatné pokyny. Budete mít mnohem vyšší zájem, pokud uživatelům usnadníte, abyste vám poprvé poskytli správné informace.

Velké, pevné navigační hlavičky

Nejsem si jistý, jak se to stalo populárním, ale viděl jsem to hodně na mnoha místech po webu. Problém s tak velkým záhlavím a všemi těmito navigačními prvky je, když posouváte stránku dolů, blokuje hodně obsahu. To je obzvláště frustrující, když existují součásti, které se musíte dostat, nebo pokud by obsah jinak vyplňoval výšku prohlížeče, ale jeho část je skrytá navigací.

Zvláště na mobilu

Co je ještě horší, je to, že někdy, když je stránka snížena na mobilní velikost, je velká hlavička stále udržována na svém místě. To je špatná zkušenost všude kolem, protože prostor je již omezen na obrazovkách smartphonů. Nepotřebuje to být obsazeno menu nav, které by jinak mohlo být skryté. Pokud existují určité nav prvky, které musí zůstat viditelné, přeměňte je na malé ikony nebo je umístěte někam venku.

Nízká kontrast

Moje oči jsou dobré, ale nejsem fanouškem pokusu o vizuální rozlišování dřevěného textu nebo ikon na černém pozadí. Nikdo by nemusel to projít. Kontrast je klíčový, zvláště v designu webových stránek.

čtvercový prostor

Text

Jakýkoli text by měl být snadno čitelný, s dostatečnou hmotností, aby byl snadno čitelný. 100 písemných písmen nemá prakticky žádné místo na webu (s výjimkou několika zvláštních případů). Použití super tenkého písma na smartphonu se prostě ptá na potíže. Musí existovat dostatek vizuálního kontrastu pro vaše oči, aby byly vytvořeny dopisní formáty.

Barva

Pro všechny prvky webové stránky by měl být dostatek snadno rozpoznatelného kontrastu mezi barvami. Každý text by měl mít vysoký kontrast od pozadí. To platí i pro všechny odkazy, navigační prvky nebo ikony. Nemělo by být těžké najít to, co hledáte.

Výzvy k akci

Stejně jako ostatní odkazy a navigační prvky by měly vaše prvky výzvy k akci vykazovat vysoký kontrast. Chcete-li, aby návštěvník webových stránek podnikl kroky, učinte to prominentní, snadno čitelný a načtěte a vyčistěte. Příliš mnohokrát uvidíte výzvu k akci s tlačítkem, který nevypadá dostatečně z pozadí. Někdy to není tlačítko vůbec a je to prostě jednoduchý textový odkaz obklopený bílým prostorem.

Klepněte na cíle v mobilu

Vidím to na mnoha mobilních místech a je to jeden z nejvíce frustrujících prvků, s nimiž se mám vyrovnat. Pokud máte tlačítko nebo odkaz, který chcete kliknout, udělejte mu dostatek místa, aby uživatelé náhodou nezasáhli špatnou věc. Na smartphonu se ujistěte, že tlačítka nebo odkazy jsou dostatečně vzdálené od okraje nebo rohu obrazovky, takže je lze snadno poklepat.

Mnohokrát je příliš těžké přesně klepnout na tlačítko umístěné příliš blízko ke kterémukoli ze čtyř rohů obrazovky. Pokud máte větší prsty, smartphone nemusí vůbec zaregistrovat vaši akci. To způsobí, že uživatel musí několikrát poklepat, aby tuto funkci fungoval. Prostor pro tyto prvky je nesmírně důležitý.

dotykové cíle

Závěr

Tyto běžné problémy UX lze snadno předejít malým množstvím práce a předvídavostí. Pokud chcete, aby vaši návštěvníci stránek používali a užívali si vaše stránky, je důležité, aby proces byl snadný a plynulý. Zabránění tomu, aby uživatelé opakovali akce a procesy, znovu zhoršuje frustraci a poskytuje zkušenosti uživatelů všem, kteří očekávají z dobře navrženého webu.

Doporučený obrázek, UX design image přes Shutterstock.