it-swarm-eu.dev

Běžná použitelnost webových aplikací?

Jaké jsou běžné chyby týkající se použitelnosti pro webové aplikace?

75
tobeannounced

Rozbalovací nabídky CSS/Javascript, které nemají zadané zpoždění, takže dochází k „diagonálnímu problému“ (přes Jakob Nielsen )

alt text

81
jessegavin

Nevkládat zaškrtávací políčka, na která lze kliknout a další pole formuláře.

Je to tak snadné . Podívejte se na značku HTML <label> .

74

Špatný design validace formuláře.

I nenávidím, když odešlu formulář, který selže ověření a aplikace provede některý z následujících úkonů:

  • Pole jsou BLANK, když se formulář načte znovu. Stalo se mi to při registraci webové aplikace v mém iPhone. Byl jsem královsky naštvaný, protože tam bylo přes 8 polí.
  • Zobrazí pouze jednu chybu ověření při odeslání formuláře.
  • Nepředstavuje shrnutí chyb v horní části formuláře.
  • Nezobrazuje vizuálně neplatné vstupy pole.
74
jessegavin

Špatný design, pokud jde o tlačítka Primární vs. Sekundární akce na formulářích.

http://www.lukew.com/resources/articles/psactions.asp

alt text

55
jessegavin

Uživatelé používají tlačítka zpět a vpřed ve svém prohlížeči (nebo na myši). A používají také tlačítko Obnovit. Proto buďte opatrní s příspěvky na vašem webu.

Nikdo to nemá rád ...

enter image description here

Toto dialogové okno se zobrazí při aktualizaci stránky, na kterou jsou data zaúčtována. Naštěstí se tomu lze vyhnout pomocí method = "get" , pokud je to možné, nebo method = "post" následovanou okamžitě přesměrováním, pokud je to nutné. Pokud musíte použít příspěvek z důvodu délky nebo zabezpečení, mělo by se přesměrování přesunout na jinou adresu URL, než je akce formuláře, aby se této zprávě zabránilo.

52
Steve Wortham

odkazy na JavaScript. Nelze kliknout prostředním tlačítkem a otevřít novou kartu pro javascript:loadPage(34576).

43
Casey Chu

Vyžádání povinných osobních údajů v registračních formulářích, pokud to není nutné.

Příklady:

  • požádat o adresu na webových stránkách, kde jsou tyto informace k ničemu
  • Vynucení k zadání „skutečného“ jména
  • ...

Stanovení povinné informace je nejlepším způsobem, jak získat skutečně znečištěnou databázi plnou „figuríny“, „[email protected]“ atd., Protože většina lidí nemá rád takové informace, když to opravdu není nutné.

Navíc neschopnost upravit žádnou z těchto informací je opravdu špatný design.

37
Julien N

target = "_ blank" na kotvách je jedním z nejčastějších a ten, který nenávidím nejvíce. Existují však případy, které mají podle mého názoru smysl.

Zde je poměrně známý seznam 10 nejvýznamnějších chyb v designu webových stránek: http://www.useit.com/alertbox/9605.html

30
Nacho

Když je funkce tlačítko zpět deaktivována nebo změněna oproti očekáváním uživatele. Vidím to hodně v aplikacích, které používají vlastní dialog/lightboxes/iframes.

30
jessegavin

Dělá mi hon na "zapomenuté heslo?" odkaz a poté, když na něj kliknu, pošlu mi své heslo zřetelně 1 jednou to najdu. Náš drahý Jeff Atwood to velmi dobře zakryl v „ Pravděpodobně nesprávně ukládáte hesla

1 Je pravda, že tato část je spíše problém s programováním , ale považuji to také za problém s použitelností.

26
Jared Harley

Používání zaškrtávacích políček jako radiobuttonů a naopak.

24
Gelatin

Váš účet nikde nezavírejte, ani není obtížné zjistit, kam účet zrušit.

V ideálním případě chcete sekci „Účet“ nebo něco podobného a na této stránce, kromě všech ostatních věcí, které tam chcete, jasně označený odkaz nebo tlačítko, které říká „zavřít můj účet“. Můžete to sledovat na stránce, která se ptá uživatelů, proč odcházejí, nebo je vyzývá, aby jim poskytli zpětnou vazbu, ale všechny ty věci by měly být zbaveny priority ve srovnání se skutečnou výzvou k uzavření účtu (nebo smazáním, odebráním atd.) .

22
Rahul
  • Pole se super přísnou validací. Pokud jste například zadali poštovní směrovací číslo a „V5X4O4“ funguje, ale „V5X 4O4“ ne.

  • Ikony bez textového štítku nebo názvu (na přechodu nebo ne).

  • Pokud je titul zkrácen, myslím, že byste měli mít možnost zobrazit popis s úplným názvem na vznášedle.

  • Jsou-li důležitá tlačítka zahalena koncovými uživateli ve prospěch reklam nebo propagačních materiálů. Přemýšlejte o tlačítku „Pokračovat bez účtu“ v Paypal.

    • ZVEŘEJTE, ŽE PLAVE BEZ POVOLENÍ! Lol - Žádné tlačítko pro vypnutí zvuku.
21
Motolix

Pokud není deaktivován JavaScript, váš web nebude ladně ladit.

19
GSto

Otázka je příliš obecná a vlastně spíše diskuse.

Mohu přispět jednou věcí, kterou jsem opakovaně viděl:

Formuláře, které mají tlačítko "vymazat vše".

  • Někteří z nich dokonce navrhují tlačítka „odeslat“ i „vymazat vše“ stejně, což jim dává stejnou váhu.
  • Nemluvě o tom, že jsem viděl příklady (právě teď nemají na mysli konkrétní odkaz ...), kde je „clear“ vlevo a „send“ napravo, což způsobuje, že někteří uživatelé stisknou první tlačítko nejblíže k jejich kurzoru při opuštění posledního pole.

Nevidím vůbec žádný důvod pro „jasné“ tlačítko, ale pokud budete absolutně trvat na tom, použijte jen velmi jemný odkaz, který uživateli umožní pouze jednu jednoduchou a zjevnou akci.

18
Dan Barak

Je třeba se zaregistrovat, abyste mohli provádět některé základní operace, které opravdu nepotřebují registraci. Nebo povolte metodu registrace „jedním kliknutím“.
Uživatel by měl mít právo rozhodovat. Na tolika webech skončím spoustou účtů „one-time use“!

Některé příklady, kde by to nemělo být nutné:

  • stahování souborů (kolik webových stránek s kódem vás požádá o registraci, abyste mohli stáhnout ukázkový soubor?)
  • vyhledávání (ano, některá fóra deaktivují vyhledávání pro neregistrované uživatele)
  • přístup k článku (je-li přístup zdarma)
  • ...
17
Julien N

Weby s plovoucími stavovými pruhy

Jako Meebo Bar . Jsou nepříjemné a zřídka poskytují užitečnou funkci. Zabírají zbytečný prostor a objevují rušivé balóny.

16
Gelatin

Být „kreativní“ a zastrčit vyhledávací lištu za kartu/odkaz/atd. Pokud nabízíte vyhledávání, stačí jen zpřístupnit krabici, aniž byste na to museli lovit!

16
agartzke

Můj největší mazlíček pro domácí mazlíčky jsou weby, které z jednoho důvodu nebo z mnoha nepodporují správně plus znaménka v e-mailových adresách . Webové stránky často e-mailovou adresu neoznačí znakem „+“ před znakem „@“. Nejhorší je, když web přijme adresu, ale pak neunikne a/nebo nezachytí data správně a buď se pokusí odeslat e-mail na adresu s mezerou v ní nebo se oběma stranami „+“ rozbije dohromady .

Tento bezplatný validátor napsaný v PHP údajně sleduje všechny RFC a související erraty.

15
waymost

Mnoho webů nepoužívá různé barvy pro navštívené odkazy .

Jakob Nielsen: Změna barvy navštívených odkazů

12
Marc Dong

Webové aplikace, které běží na zabezpečeném připojení HTTPS, ale načítají obsah z připojení HTTP. Na jedné straně je to naprosto v pořádku, ale zejména u uživatelů IE (obvykle ne já)) je bezpečnostní varování pro uživatele trapné a matoucí ...

Nejen, že je vysoce přitěžující odmítnout na každé stránce, ale formulace je nepříjemná a akce tlačítka se liší pro IE (6 a 7) vs. IE8 +

Old IE dialog:

alt text

Nový IE dialog:

alt text

Pokud tedy jako uživatel „jen chcete načíst celou stránku“ (např. Hledáte tlačítko „jít pryč“) ... je to výchozí Yes v IE6 a IE7, ale ne výchozí No v IE8 +.

Poznámka: Jako vývojář jsem si plně vědom toho, co je účelem dialogu a proč Microsoft změnil tento cíl, ale pro koncové uživatele je pouze zaměňuje zejména v IE8. Koncoví uživatelé uvidí dialogové okno s požadavkem na „povolení“, „potvrzení“ atd. A očekávají, že kliknou na možnost „ok“ nebo „ano“, protože dialog nečtou. Dá se tvrdit, že by si jej uživatelé měli přečíst, ale je to jednodušší, pokud vývojáři zajistí, že nebudou mít smíšený obsah, pokud tomu vůbec nebude možné.

12
scunliffe

S hledáním odkazu na odhlášení. Přihlásím se na stránku a v některých, když jsem hotový, musím hledat tlačítko nebo odkaz pro odhlášení.

12
thursdaysgeek

Nedávno jsem si všiml něčeho, co jsem nikdy nepovažoval za problém s použitelností:

Umístěte ukazatel myši na zpřístupnění akcí. Stejně jako například na Twitter.com, kde se po najetí na Tweet zobrazí příkazy retweet a answer.

To jednoduše nefunguje na dotykových zařízeních vůbec. Není vznášející se!

Dalším mým mazlíčkem jsou webové stránky, které neotevírají externí odkazy na nové kartě. Podívejte, procházím strom. Očekávám, že každá doména, na které budu, bude představovat větev, až budu s tím hotová, zavřu kartu. Rozhodně nechci desetkrát kliknout na „zpět“, abych cestoval po větvi.

11
Swizec

Skrývá to, co uživatelé chtějí, a místo toho jim dává to, co chcete, aby chtěli.

Příkladem je zákaznická podpora. Některé společnosti místo toho, aby uváděly velkou tukovou schránku s telefonním číslem/mailem atd., Zobrazují jako prostředek získání pomoci a FAQ) a na této stránce nemají žádné kontaktní informace.

11
googletorp

Weby, které mají struktury nabídek, které se při posouvání „vznášejí“ nahoru a dolů po obou stranách obrazovky . Vidím, proč to udělali, ale je to často velmi rušivé a častěji ne tak „úhledné“, jak designér očividně doufal.

Příklad, na který odkazuji, je vidět zde: http://www.deluxe-menu.com/floatable-menu-sample.html

9
Sk93

Weby QA, které zobrazují akceptovanou odpověď dvakrát.

8
Gelatin

Seznam kromě má článek Aza Raskin: "Nikdy nepoužívejte varování, když máte na mysli Undo".

http://www.alistapart.com/articles/neveruseawarning/

Uživatelé mají sklon ignorovat nebo deaktivovat vyskakovací okna „varování“, ale nabídnout uživateli možnost vrátit zpět je mnohem uživatelsky přívětivější.

7
mg1075

Captchas

ačkoli jsou v těchto dnech docela populární, považují se také za problém s přístupem, zejména pro lidi, kteří nedokážou rozpoznat slova, která neznají (nebo na klávesnici nemají ani speciální znaky, jako je např. ýáěíč).

já osobně raději používám jednoduché racionální otázky, abych tuto funkci obsluhoval

příklad: napište další celé číslo, které přichází po jedenácti

6
user3409

Weby, které používají velké množství CPU a paměti

Obvykle mám otevřenou hromadu karet s programovacími otázkami/odpověďmi od různých mailinglistů a mnoho z těchto webů má nějaký těžký javascript (Instalace adblocku pomohla, ale stále jsou tu těžké stránky). Pomocí Chrome) konečně uvidím, které karty to způsobují.

Nové vylepšené vyhledávání obrázků Google staví můj procesor na těžkou práci a zabírá několik stovek megabajtů. Hodně zdroje hladoví.

5
neoneye

Máte na stránce statické prvky, které mění barvu, pokud na ně umístíte kurzor myši, ale pokud na ně kliknete, nedělejte nic. Ve stejné lize: hypertextové odkazy nebo tlačítka, kde je oblast, na kterou lze kliknout, omezena na text.

4
Tommy Carlier

Přesměrování z kořenového URI do podadresáře nebo subdomény (ne odebrání/přidání www).

0
Gelatin