UX Notes

Library Marketing Tuesday - září 2011 (v bodech)

• Přivítala nás snídaně. Nečekané:)
• Jan Boček ukázal celosvětovou vizualizaci penisů. ČR si nevede špatně, ale “tvrdá” data to nejsou. Více zde: http://bit.ly/LMTpenis 
• Ondra Szlauer vyprávěl o tom jak na grafiku. Pro (nejen) knihovníky bych jen doplnil link třeba ještě na Paint.NET - když už musíte tvořit grafiku svépomocí, tak je to lepší než Word (a zdarma).
• @sibiranka: “Používejte selský rozum.” Amen. 
• Miro Šifra skvěle o storytellingu. Nový buzzword “transmédia”.
• Filosof použil slovo “kruciální”. (Nenechte si ho ujít na Webexpu)
• Padl (věřím že LEGENDÁRNÍ) výrok o “knihovnickém pornu” více na http://aleph.muni.cz/
• Rauto-oběd zdarma. Nečekané 2.
• David Grudl umí z hovna uplést bič. 
• Marek Prchal, muž mnoha profesí byl pro nebohé knihovníky opravdové zjevení.
• Marek Bačo mě zaskočil svým PowerPointem. A sebe taky.
• A nakonec @eliskah s pár tipy na socka sítě.
• Moc pěkně zorganizované, díky opravdu moc Olze Biernátové.

Momenty, kdy jsem se bál: 1) Když Fil prohlásil před 100 knihovníky, že ti v kombinaci s programátory vyrobí jen nepoužitelný bazmek a ne web. 2) Když Marek Prchal před 100 knihovníky prohlásil, že jim nesmí smrdět z držky a potřebují styling.

Axure RP tip: Jak na AJAX

Jak simulovat AJAXové záložky v generovaném prototypu.

Pokud navrhujete pomocí Axure nějaký prototyp, dříve nebo později určitě použijete návrhový vzor známý jako záložky (taby) - více zde, zde nebo zde.
 
Demo ajaxových záložek.

Postupů, jak vytvořit záložky v Axure je celá řada. Níže je zmíněn postup s dynamickými panely a záložkami jako “selection group” (tato funkce je dostupná až v Axure RP verze 6).

Základ vypadá to takhle: přepínací záložky a jeden dynamický panel se všemi stavy obsahu.

Záložky jsou seskupené do skupiny (selection group), což funguje obdobně jako radio-group.

Při využití tohoto postupu je třeba vždy zavolat zvýraznění požadované záložky po načtení stránky. V našem případě vezmeme třeba hned první záložku.

Dynamický panel, který se stará o zobrazování obsahu jednotlivých záložek, obsahuje i speciální “state” navíc - v ukázce pojmenován jako “Loading”. Obsahem “Loadingu” může bý buď nějaký text typu “Načítám….”, nebo třeba klasický načítací animovaný GIF (ano, Axure umí zobrazit animované GIFy v exportovaném prototypu - viz demo níže).

Při kliknutí na záložku pak místo obyčejné změny stavu dynamického panelu zavoláme nejdřív zobrazení “Loadingu” a až po chvíli zobrazíme požadovaný “state” záložky.

Podobně jako se záložkami můžete pracovat i s dalšími dynamickými bloky vašeho prototypu.

• Demo prototyp k náhledu.
• RP soubor ke stažení.

Povídání o Axure vol. 2

V pátek 15.4.2011 jsem odvykládal svoje druhé testovací školení Axure RP. Tímto ještě jednou děkuji chlapcům z Altus Training Center za poskytnutí prostor a podporu. 

Doufám, že se podařilo lépe než to první a pro všechny zúčastněné bylo užitečné.

Aktualizované slidy jsou stejně jako posledně zde:

Ke stažení

• K dispozici je aktualizovaný demo prototyp s ukázkami interakcí.
• Stáhnout si ho můžete zde: Interaction-demos.rp.

Další postřehy

Pro organizaci školení jsem tentokrát použil místo těžkopádných GoogleDocs, mailů a dalších nástrojů webovou aplikaci/službu srazy.info. Můžu jen doporučit každému, kdo chce v budoucnu nějaké to školení nebo akci připravovat.

Ještě jednou díky všem, kteří se zúčastnili a pokud máte nějaký feedback tak sem s ním. Ti, kteří se nezúčastnili a chtěli by se mi mohou ozvat a až vás bude víc, zorganizujeme další kolo.