Jaké jsou nejčastější uživatelské rozhraní / komponenty? Jaké jsou jejich silné a slabé stránky? Jak vylepšit?
Hm, dokončuji se tím, že si přeji, abychom měli communitywiki
Poté, co viděl tuto otázku: Jaké je nejběžnější uživatelské rozhraní na světě? Myslel jsem si, že by bylo poučné neomezovat diskusi tím, že se pokusíme vyjasnit nejvíce běžné, ale místo toho diskutujte o mnoha běžných rozhraních, se kterými denně (číst: lidstvo) interagujeme, a jak je lze vylepšit.
Takže, jaké jsou nejčastější UI/UI komponenty? Jaké jsou jejich silné a slabé stránky? Jak je lze vylepšit
Například:
Kombinované boxy
Rozbalovací seznamy jsou bohaté na web a software pro stolní počítače.
Pros: Dobré pro to, aby uživatel mohl mít seznam možností a zároveň vyžadoval minimální prostor, když se nepoužívá.
Problém : Pokud je seznam voleb příliš dlouhý, stává se pro uživatele nelehkým a těžkým.
Potenciální řešení : Automatické doplňování polí se seznamem, použití textu při zadávání zadaného uživatele pro zúžení seznamu možných voleb a umožnění snadnějšího výběru.
Je zřejmé, že jsem nevynalezl Combobox automatického doplňování; odpovědí nemusí být vylepšení, která jste vynalezli
Tabulky
Odpověď je dána z pohledu desktopové aplikace, ale může být dobrá i pro webové aplikace.
Pros: Může obsahovat velké množství dat na relativně malé ploše.
Nevýhody: Hledání může být nemožné, pokud je počet položek vysoký. Bez atraktivního vykreslování (ikony, barvy) by aplikace vypadala nudně. Některé informace mohou být pro některé uživatele nadbytečné. Priorita dat je sloučena.
Jak zlepšit: Poskytnout metody organizace dat - třídění (musí!), Řazení sloupců, za chodu (tj. Při psaní) filtry. Místo textu/společně s textem používejte ikony, pokud je to možné, použijte barvy. Poskytněte možnost výběru sloupce. Ve výchozím nastavení jsou zobrazeny pouze základní sloupce a úplná data se zobrazují na blízkém, ale samostatném místě pouze po kliknutí na položku.
Neotevírejte kolo, přečtěte si místo toho: http://www.welie.com/patterns/index.php
Vzory uživatelského rozhraní často odkazuji na Yahoo! Design Pattern Library . To, co se mi líbí, je to, že odpovídají těmto otázkám pro každý vzorec.
- Jaký problém to vyřeší?
- Kdy použít tento vzor
- Jaké je řešení?
- Proč používat tento vzor?
- Speciální případy
- Přístupnost
a myslím si, že tyto otázky musejí napadnout myšlenku každého návrháře uživatelského rozhraní pokaždé, když si vybrali komponentu uživatelského rozhraní.
Zjistil jsem, že Sencha ExtJS ukázková stránka je nejlepší kompilací těchto druhů komponent.
Pokud jde o to, jak je vylepšit, je asi příliš velká otázka na jeden příspěvek. To je kniha, o kterou žádáte. Možná položte otázku konkrétněji na jednu součást?
Posuvníky
- Pros:
- Povolit přímou navigaci k libovolnému bodu v dokumentu/stránce
- Umožněte jemnozrnný pohyb
- Umožněte rychlé procházení dokumentem/stránkou
- Uveďte délku dokumentu/stránky
- Společné umístění přímo proti Edge napomáhá použitelnosti podle Fittův zákon
- Nevýhody:
- Nefungují tak dobře pro velmi velké dokumenty
- Méně užitečné od příchodu rolovacího kolečka
- Různé implementace mohou způsobit zmatek
- Jak zlepšit
- Posuvný pruh považuji za jeden z nejužitečnějších prvků uživatelského rozhraní: spoustu funkcí, ale obecně dobře srozumitelný. Problémy se však vyskytnou, pokud jsou posuvníky implementovány nekonzistentně (např. V některých aplikacích Flash). Možná vizuální prvek může vylepšit posuvníky - např. kombinace miniatur Acrobat s posuvníkem.