Jaki jest najlepszy sposób tworzenia interaktywnych prototypów aplikacji?

Question

Pytanie to powinno być interpretowane z ogólnego punktu widzenia i nie powinno być kierowane wyłącznie do aplikacji internetowych lub aplikacji komputerowych.

Rozglądałem się, aby znaleźć prosty i łatwy sposób tworzenia interaktywnych prototypów aplikacji internetowych. Chciałbym użyć techniki, która pozwala na proste tworzenie interfejsu użytkownika, a zwłaszcza odtwarzanie i modyfikację interfejsu użytkownika w kolejnych iteracjach. Wypełnienie interfejsu użytkownika danymi makietowymi powinno być bardzo proste. Technika ta może wymagać prostej formy programowania, np. Aby określić zachowanie metodą przeciągania i upuszczania z elementu interfejsu użytkownika A do elementu interfejsu użytkownika B.

Jednym z aktualnie używanych narzędzi jest Adobe Flex Builder. Dołączony projektant GUI jest bardzo dobry i do tej pory osiągnąłem pewne umiejętności z AS3. Problem polega na dodawaniu danych do interfejsu użytkownika. Zawsze powoduje to, że programowałem kod do sprawdzania i analizowania struktur drzewa XML, a przede wszystkim debugowania tej części prototypu. Zbyt kłopotliwe!

Innym narzędziem, z którego korzysta wiele osób, jest program PowerPoint, który polega na bardzo kłopotliwym sposobie tworzenia GUI poprzez narysowanie każdej części interakcji w osobnym slajdzie. Nie ma mowy! Byłbym znacznie szybszy dzięki papierowym prototypom. Inne (lepsze!) Darmowe narzędzia do rysowania formularzy są również częścią tej kategorii (jestem szczęśliwym użytkownikiem wagi ciężkiej inkscape), ale prototypowanie i makieta nie są oczywiście ich głównym celem. Paleta wzorników UI dla Viso sprawia, że ​​jest nieco lepsza od konkurencji rysunkowej.

Głównymi konkurentami w szybkiego prototypowania o ile wiem to:

• iRise
• Axure
• Serena i innych?
• Viso
• Powerpoint, Illustrator, Inkscape lub inny wolny formą rysunek narzędzie
• papier prototypów
• IDE z dobrych budowniczych GUI (takich jak Flex Builder Designer i Netbeans Matisse'a)

moim zdaniem jest to, że prawdziwi budowniczowie GUI są dobrym punktem patrzenia. Jakie są twoje obecne podejścia? Proszę tutaj opisać swój proces oraz zalety i wady.

Answer 1

rzeczywistym GUI budowniczowie są:

• znacznie wolniej
• Tylko programiści mogą z nich korzystać (spróbuj wyjaśnić analityka jak wypełnić tabelę w VB)
• Oni nie pozwalają opisywanie swoich makiet w locie
• nie masz skórki (np czarny & biały), aby utworzyć ekrany, które nie mogą być mylone z „prawie gotowy” aplikacji

Podczas specjalistycznych narzędzi mockup są zazwyczaj:

• Komunikacja zorientowana
• można wydrukować lub wyeksportować makiet (wraz z notatkami) do PDF/HTML/słowo itp
• lepszych mieć jakiś wariant „master ekrany ", dzięki czemu możesz wypróbować setki makiet tylko z kilku głównych ekranów aplikacji (szybko przejdziesz do wielu makiet podczas próby omówienia rzeczywistych scenariuszy z klientem)
• Wystarczająco szybko, abyś mógł prototypować w czasie rzeczywistym w spotkanie

Prawie dekadę temu denerwowało mnie to wszystko i stworzyłem własne narzędzie: MockupScreens. Szybko stała się popularna :-)

Oto najdokładniejsza lista takich specjalistycznych narzędzi, które znam. Wiele z nich jest bezpłatna: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

Istnieje również Balsamiq. Trochę to lubię, ale zwykle dość szybko się męczę. Kończę używanie pióra & papieru lub budowniczego interfejsu OS X, który nie jest trudniejszy w użyciu niż wszystkie te narzędzia do prototypowania.

Answer 3

Expression Blend (http://www.microsoft.com/expression/products/overview.aspx?key=blend) może być użyty do tworzenia szybkich makiet w XAML. Dane makiety można przechowywać jako wbudowany kod XML w XAML lub można szybko przekonwertować do aplikacji WPF/Silverlight i zbudować podstawową logikę biznesową za makietą za pomocą Visual C# Express (http://www.microsoft.com/express/vcsharp/) lub Visual Studio 2008.

Answer 4

Jeśli mówisz o makietach/makietach (czyli statycznych obrazach) Visio to narzędzie z wyboru.

Większość wymienionych programów znajduje się powyżej poziomu normalnego użytkownika biznesowego (tzn. Potrzebujesz specjalisty do wykonywania makiet, w przeciwieństwie do użytkowników biznesowych, którzy ci pomagają) lub nie są tworzone w celu udawania -UPS.

Jeśli potrzebujesz dynamicznego prototypu, istnieje wiele opcji i wszystko zależy od rodzaju umiejętności dostępnych w zespole.Na przykład mam faceta, który jest bardzo silny w HTML. Byłoby mu znacznie łatwiej stworzyć stronę HTML od zera w notatniku, która próbuje zrobić to samo z Flash w narzędziu WYSIWYG. Niektórzy inni ludzie mają dobre umiejętności Flash i może ich zatrudnić itd

Answer 5

szybki i brudny papier prototypów: PowerPoint (patrz: Powepoint Prototyping Toolkit)

-great do łatwego układania prototypy, które mogą być prezentowane. Natura slajdów może również służyć jako substytut pozorowanej interakcji. Minusem jest brak standaryzacji. Nie dla projektów zdyscyplinowanych.

Disciplined prototypów papieru: Visio

-Standardized i pełni funkcjonalnym, ale bardziej uciążliwe

prototypów Interactive: Visual Studio

-Bardzo szybkie budowanie interakcji za pomocą drag-n-drop i wydarzenia. Może być sterowany danymi. Możesz nawet zbudować prototypową "bazę" jako zestaw startowy. Jedynym minusem jest pokusa, aby faktycznie to zrobić aplikacji produkcji. ;)