[UI] Leštit, hledat, vkládat, nastavovat
Fascinují mě uživatelská rozhraní. Snažím se soustředit na ty momenty, kdy je uživatelské rozhraní tak dobré, že si ho ani nevšimnete, tak plynulá je vaše cesta aplikací. Budu občas publikovat nějaké zajímavé příklady. Tady je první edice.
37signals: Přepínání mezi projekty
Líbí se mi, jak Signálové systematicky „leští” své aplikace. Vezmou řešení, které by pravděpodobně u jiných firem bylo považováno za „good enough” — a energie by se věnovala na nové funkce — a vybrousí mu pár fasetů navíc.
NY Times: Dvojklik na slovo otevře výkladový slovník
Kouzlo náhodně objevené funkce stránek New York Times. Pokud dvojkliknete na slovo v článku, vyskočí okno s výkladovým slovníkem. Ještě elegantnější by bylo, kdyby se objevil panel podobný tomu, který se otevře u Signálů, když přepínáte ten projekt – ne samostatné okno, ale něco se menšího, se zobáčkem k vybranému slovu. Nicméně, hezká funkce a ten článek také stojí za přečtení.
ASAPH: hledání svatého grálu mikroblogování pokračuje
Všichni jsme to řešili už mnohokrát – narazíte na obrázek, video, větu a chcete si je někde uložit a/nebo se o ně podělit s ostatními. ASAPH nabízí jednu z možností, jak to udělat. Všimněte si minimalistického designu administračního rozhraní. Tady je asi minutové video s ukázkou použití (MOV 5,2 MB).
IE 7.0: Živé nastavování okrajů stránky při tisku
Internet Explorer používám pouze při testování CSS, takže k tisknutí z něho jsem se dostal jen díky ladění jedné náročnější stránky pro tisk. Byl jsem mile překvapen tím, že mi dovolí přímo v tiskovém dialogu na náhledu stránky změnit okraje stránky. Možná by se dala tato možnost nějak lépe prezentovat, protože ty šipčičky moc nevybízí k interakci.
Máte nějaký zajímavý příklad uživatelského rozhraní, o který se chcete podělit? Napište mi na jsem [zavinac] jankorbel.cz a já ho dám do příští edice.
Ostatní díly série
Posunovat, hledat, zvýrazňovat
Najměte si mě
Máte zájem moje služby v oblasti uživatelského rozhraní nebo informační architektury?
Kontaktujte mě na jsem [zavináč] jankorbel.cz

Velmi podobně jako ASAPH, ale na „softwarové“ úrovni funguje OneNote od Microsoftu. Přímo v IE7 mám tlačítko, který odešlu celé webové stránky nebo jen úryvky přímo do OneNote a tam už s nimi můžu dále pracovat.
http://nextupdate.com/ > autor popisuje tvorbu bug trackeru na ktorom pracuje… dokonca vydal aj video ktore je dobrou ukazkou toho ako sa spravne maju tvorit UI na http://nextupdate.com/blog/archives/2008/02/application-interface-design/ … rozhodne stoji za clanocek ;)
Ahoj Honzo,
mně se nejvíc líbí příklad Basecampu .. při nabídce více položek, ze kterých má uživatel jednu zvolit, nabízí jakési předfiltrování podle určitého kritéria.
Což je velice užitečný obecný princip, který bych ocenil třeba u e-mailu, kdy jednotlivé kontakty by měly určitou váhu např. podle četnosti přijímání/odesílání zpráv nebo podle průměrné reakční doby. Takovým způsobem bych se pak dostal nejrychleji k těm nejdůležitějším zprávám.
Zatím takového nikdo nenabízí, pokud vím. Vlaštovkou je Xobni, doplněk do Outlooku, který mě prozatím nepřesvědčil.
Možná mírně off-topic komentář :)
Jan Horna: No čoveče, už bych taky čekal, že někdo zabuduje lepší kontrolu pro tu emailovou záplavu přímo do emailového klienta. Problém bude v tom, že jdou proti sobě dvě síly: Nutnost nějakého dostatečně abstraktního principu pro „třídění“, který by fungoval pro co nejvíce lidí a druhá síla je nevyhnutelná složitost uživatelského rozhraní pro tak moc abstraktní filtrování. Ale ono se to časem nějak vymyslí.
Takže to off-topic nebyl :)
Diky za tipy! Take se snazim se co nejvice soustredit na co nejsnazsi a nejintuituitivnejsi rozhrani, byva to ale nekdy tezke :)
mě by stačilo, kdyby kterákoli banka vymyslela aspoň trochu normální rozhraí pro internetové bankovnictví. Copak ještě nikoho nenapadlo, že hned po přihlášení chci vidět základí informace: zůstatek účtu, poslední pohyby na účtu, nezúčtované transakce, přípaně zprávy banky a chci ít přístup jedním kliknutím k nejčastěji posílaným příkazům z účtu… Naopak mi banky neustále nabízí aby si z formuáře vybíral podle čeho chci vyfiltrovat zobrazené transakce (99,6 procent případů chce člověk všechny aktuální transakce), nebo mi nabízí pokaždé prázdný formulář na zadání příkazu (přitom člověk velmi často prostě jen duplikuje už provedené příkazy s jiným VS nebo částkou)
Za ty prachy by si nějaké usability testování mohly banky zaplatit…
ASAPH – tak toto je to čo som potreboval… Keď som si robil aplikáciu na pridávanie bookmarkov podľa tvojho Matrix-u, nevedel som ako sa pohnúť ďalej. Je zdĺhavé vypĺňať 2-3 formulárové polia a zaškrtnúť príslušné tagy. Tušil som, že by to chcelo nejaký bookmarklet, ale uspokojil som sa so starým UI. Ale ASAPH – to je úplne super riešenie…
Botanicus: Jasan, vymyslet něco jednoduchého (ve smyslu intuitivního a funkčního) je pořádná makačka. To mě na tom právě baví, to neustálé objevování, experimentování a nabíjení si čumáku :)
Misha: Jooo banky… Ono je jednodušší vyjmenovat, kde je rozhraní udělané dobře, než to, kde všude je špatně :)
tiso: Potěšení na naší straně.
Mně tím ty NY Times trochu pijou krev. :) Dvojklikávám z jiného důvodu (zkopírování slova do schránky) a tohle mě otravuje. :)
Adam Javůrek: :) Pravda, neříkám, že samotná funkce je nějak extra užitečná, ale ten náhodný objev mě potěšil sám o sobě. Navíc by se něco na tenhle způsob mohlo někdy hodit, takže si to ukládám jako takový vzorec, který můžu později upravený použít.
[...] Jan Korbel ve spotu [UI] Leštit, hledat, vkládat, nastavovat uvádí pár příkladů drobných vylepšení uživatelského rozhraní, které přinášejí hodně radosti. Můžete mít sebelepší myšlenku, ale je-li provedení uživatelsky otravné, není vám to k ničemu. [...]
[...] Leštit, hledat, vkládat, nastavovat [...]