Prototypowanie GUI z klientem [zamknięte]

The "serwetka Look & Feel" dla Javy jest naprawdę fajny do prototypowania. Rzeczywista, funkcjonalna, klikalna aplikacja, która wygląda, jakby została narysowana na serwetce. Zobacz ten zrzut ekranu:

Serio, jakie to fajne?

Sugerowałbym, abyś usiadł ze swoim Klientem i użył narzędzia takiego jak Mockupscreens i rozwijał interaktywnie interfejs użytkownika. Zaletą serwetki LAF jest to, że nie wymaga kodowania, ani żadnych narzędzi programistycznych

Zobacz Balsamiq

To robi" to nie jest aplikacja funkcjonalna " serwetka Widok bardzo dobrze i jest łatwy w użyciu.

Ma w pełni funkcjonalny demo możesz wypróbować online i jako dodatkowy bonus możesz wysłać swój XML do klienta, a oni mogą go dostosować i grać z nim i wysłać e-mailem z powrotem do ciebie bez konieczności posiadania licencji.

Istnieje książka o nazwie Prototypowanie papieru , w której szczegółowo opisano rysunek piórem i papierem i co można z niego zyskać. Myślę, że ma to wiele zalet, szczególnie, że można, bardzo wcześnie (i łatwo), zmodyfikować to, co wynik końcowy będzie bez większego wysiłku, a następnie zacząć na właściwej stopie.

Podstawowa wersja papierowa to sposób na wstępną makietę. Z mojego doświadczenia wynika, że jeśli robisz" prawdziwą " makietę, nawet jeśli wyjaśniasz klientowi, że jest to niefunkcjonalna makieta, to są zdezorientowani, gdy coś nie działa.

Podsumowując: zachowaj to tak proste, jak to tylko możliwe. Jeśli jest na papierze, nie ma możliwości, aby Klient pomylił go z działającym produktem.

Do pierwszego szkicu wolę użyć papieru graficznego (rzeczy z nadrukowaną siatką) i ołówka. Papier graficzny świetnie pomaga utrzymać proporcje. Gdy klient i ja doszliśmy do wniosku, że zwykle wypełniam rysunek długopisem, ponieważ ołówek jest podatny na blaknięcie.

Kiedy już zacznę budować cyfrowy prototyp, zeskanuję ręcznie narysowany i użyję go jako szablonu tła. Wygląda na to, że mi pasuje.

WireframeSketcher to narzędzie, które pomaga szybko tworzyć szkielety, makiety i prototypy dla aplikacji desktopowych, internetowych i mobilnych. Jest dostępny zarówno jako wersja samodzielna , jak i jako wtyczka dla IDE Eclipse. Ma pewne charakterystyczne cechy, takie jak storyboardy, komponenty, łączenie i eksport wektorowy PDF. Wśród obsługiwanych IDE są Aptana, Flash Builder, Zend Studio i Rational Application Developer.

Przykładowy makieta WireframeSketcher http://wireframesketcher.com/samples/Website.png

Myślę, że najlepiej zacząć od papieru / tablic / białych ścian.

Gdy już masz podstawową strukturę, możesz przenieść ją do Visio za pomocą szablonów szkieletowych

• (pobierz zestaw szablonów )
• (Szablony Visio dla architektów Informacji ).

Ostatnio używałem aplikacji windows do prototypowania aplikacji do klienta (końcowy interfejs musi być zintegrowany ze stroną internetową).

Na początku ludzie myśleli, że będzie to ostatnia wersja i zaczęli bardzo ostro krytykować sposób kontroli były wyświetlane do słów, których używałem (terminologia i rzeczy) i czas spotkania zakończył się, zanim mogliśmy nawet omówić samą funkcjonalność.

Ta dyskusja ciągnęła się dniami i dniami, dopóki nie powiedziałem im to, będąc makietą (a nie ostateczną aplikacją), wszystkie dane wejściowe są mile widziane, ale najpierw musieliśmy skupić się na funkcjonalnościach, a następnie możemy przejść do wyglądu i stylu, a także kwestii terminologicznych.

Od tego spotkania zawsze przerażają mnie prototypy i makiety... Może powinienem dać im coś made in visio.

Możesz wypróbować Forui, umożliwia prototypowanie z różnymi stylami, co więcej, może tworzyć interaktywny prototyp i uruchamiać go w przeglądarce.

Dla nieinstalowanego narzędzia opartego na przeglądarce możesz wypróbować draft-it

Jest darmowy - a jeśli masz konto gmail - nie jest wymagana rejestracja.

Tworzy interaktywne / krok po kroku lub pokaz slajdów-prototypy. Możesz udostępnić swój protoype każdemu, kogo wybierzesz, wysyłając link.

Działa dla nas ...