Tworzenie szkiców interfejsu użytkownika (UI mockups)

Ten wpis został napisany dawno temu i może być już nieaktualny.

Od dawna brakowało mi aplikacji, która pozwoliłaby w łatwy i przyjemny sposób stworzyć szkic interfejsu użytkownika podczas specyfikowania wymagań. Takie rysunki pozwalają znaleźć wspólny język z klientem, wzbogacić scenariusze użytkowników (User Stories), a po definicji wymagań obrazują programiście co ma właściwie zakodować ;) Wprawdzie natknąłem się na kilka programów tego typu, jednak albo nie były przyjemne w obsłudze, albo nie oferowały elementów interfejsu strony www, czy były po prostu przydkie ;) Moje poszukiwania dobiegły końca, dzięki nowemu adwentowemu tutorialowi Symfony - Jobeet, gdzie w drugim dniu zastosowano Balsamiq Mockups. Program jest dla mnie niemal idealny. Aplikacja jest bardzo przejrzysta i pozwala na szybką pracę metodą przeciągania i upuszczania odpowiednich elementów interfejsu. Dzięki temu możemy tworzyć mockup'y już podczas rozmowy z klientem, unikamy nieporozumień i dajemy mu poczuć, że ma wpływ na kształtowanie produktu ;) W efekcie otrzymujemy ładny szkic przyszłej strony, czy aplikacji.

Balsamiq Mockups

Balsamiq Mockups dostępne jest w kilku wersjach (webowych i biurkowej) na kilka systemów operacyjnych (Linux, MacOSX, Windows). Aplikacja na biurko kosztuje 79 dolarów. Wprawdzie można pobrać ją za darmo, jednak w ten sposób stracimy dostęp do kilku ważnych opcji, w tym zapisywania szkiców (co czyni ją raczej wersją demo, gdyż do codziennej pracy jest niestety bezużyteczna).

Jakub Zalas

Jakub Zalas

Architekt, Programista, Trener