UI Design: Marek Kasperski

Od kilku dni dostępna już jest (beta) wersja Axure 5.5. Z istotnych zmian pojawiły się - w końcu - edytowalne biblioteki elementów GUI (ramka Widgets w programie, poniżej na rysunku), dzięki czemu elementy, które przygotujemy sobie raz będą nam mogły służyć przy wielu różnych projektach (co prawda można to było obchodzić korzystając z Masters, ale było to bardzo niewygodne). Dobrze się stało, bo to była najwyższa pora - programy MS Visio (wzorniki kształtów w formie plików .VSS) czy OmniGraffle (biblioteki) już dawno udostępniały takie możliwości.

Rysunek 1. Rozszerzona funkcja Widgets, umożliwia tworzenie, wgrywanie i przeglądanie elementów GUI, tzw. wzroników kształtów.

Korzystanie z bibliotek elementów GUI jest banalnie proste. Możemy je stworzyć samodzielnie, traktując każdą stronę (Page) w Axure jako część roboczą dla jednego z elementów. W związku z czym gdy tworzymy bibliotekę złożoną z n-elementów, to będziemy mieli projekt stworzony z n-stron.

Ważne: ułatwieniem jest możliwość oprogramowywania elementów naszej biblioteki. W związku z czym, jeśli przygotujemy sobie powiedzmy przycisk interfejsu edytora tekstu, odpowiedzialny za funkcję pogrubienie, i oprogramujemy go tak, że najechanie na nim kursorem myszy będzie wywoływało podświetlenie tego przycisku, zawsze gdy będziemy korzystali z niego jako z biblioteki, będzie on już tak oprogramowany.

Biblioteki zapisujemy jako pliki z rozszerzeniem .RPLIB.

Axure udostępnił już bibliotekę złożoną z wybranych elementów wchodzących w skład Yahoo! Design Stencil Kit. Są to m.in.:

• siatki (grids) - do projektowania kompozycji layoutu (bardzo słabe niestety, w zasadzie do niczego się nie nadają),
• klikalny kalendarz w formie okienka i oprogramowane karuzele (te elementy już od pewnego czasu były dostępne w sieci),
• okienka kontrolek,
• zwymiarowane elementy reklamy,
• elementy interfejsów na telefony komórkowe,
• i inne.

Rysunek 2. Przykładowe elementy z bibliotek GUI dostępne już na stronie programu Axure. Widoczne (od lewej) drzewo struktury katalogów i plików, oprogramowane elementy interfejsu edytora tekstu, przyciski przewijania spotykane m.in. w ramach interfejsu karuzeli, okienko kontrolki a w nim: element interfejsu analogowego - knob - i dwa przyciski z odpowiednią kolorystyką w ramach secondary i primary action.

Pełną listę zmian, które wprowadza wersja 5.5 Axure, można zobaczyć na stronie producenta. Oczywiście najlepiej ją ściągnąć i samemu zapoznać się z nimi (ściągnij). Aby zaś móc rozkoszować się funkcjonalnością bibliotek, najlepiej ściągnąć ich pierwszą paczkę.

Smacznego!