Niektórzy ludzie zbierają znaczki, inni dostrzegają pociągi; Stałem się obsesją na punkcie oprogramowania do wireframingu.
Próbowałem i zakochałem się w niezliczonych aplikacjach, od Balsamiq do Przedrzeźniacz do FlairBuilder . Chociaż każdy czuł się jak prawdziwa miłość, z biegiem czasu mój wzrok wędrował, a ja flirtuję z innym narzędziem.
Wszystkie wyglądają tak pociągająco, ale z czasem widzę ich niedociągnięcia. Być może jestem po prostu zbyt wybredny. Być może moje potrzeby są zbyt niezwykłe. To, czego naprawdę chcę, to narzędzie, które pasuje do sposobu, w jaki robię, a nie do tego, że muszę dopasować narzędzie.
Czy masz własne ulubione narzędzie do projektowania szkieletów? Czy widzisz potrzebę takiego? Jeśli tak, to czy wybieracie wszystkie dzwonki i gwizdki, czy tylko szybkie i brudne rozwiązanie?
Dla mnie wireframing to wspólne doświadczenie. To nie jest coś, co robię sam w zaciemnionym pokoju. Raczej dzielę ten proces z moimi klientami.
Wierzę, że siedzę przy stole z klientem i wyrzucam kluczowe strony w formacie wireframe. Ma to cztery zalety:
Jednak proces ten nie obywa się bez wyzwań.
Pod wieloma względami sam modelowanie szkieletu jest znacznie łatwiejsze. Masz czas na przemyślenie, ulepszenie i udoskonalenie. Trudno to zrobić z klientem w pokoju. Oparte na współpracy szkieletowanie polega na szybkim kpijaniu pomysłów i omawianiu ich. Potrzebujesz narzędzia, które ułatwi ten cel.
Narzędzie do wireframingu musi być:
Tradycyjnie, sesje szkieletowe oparte na współpracy zostały wykonane za pomocą pióra i papieru, ale nie zawsze jest to najlepsze rozwiązanie.
Nie zrozum mnie źle. Długopis i papier oferują wiele korzyści dla współpracy w zakresie modelowania szkieletowego i zawsze będą miały swoje miejsce. W rzeczywistości posunąłbym się do stwierdzenia, że większość sesji szkieletowych opartych na współpracy powinna rozpoczynać się od pióra i papieru.
Wspaniałą cechą pióra i papieru jest to, że jest szybki i obejmuje wszystko. Każdy może wziąć pióro i rozpocząć pisanie; nie wymaga specjalnych umiejętności. Cały pokój może zacząć szkicowanie w tym samym czasie; nie ma jednej osoby z ręką na myszy.
Pióro i papier również są jednorazowe. Skręcanie na kartce papieru i wrzucanie jej do kosza jest łatwe i nie powoduje wielkiego poczucia straty. Ma to kluczowe znaczenie we wczesnych etapach procesu wireframing.
Jednak szkielet na pióro i papier ma pewne wady:
Z mojego doświadczenia wynika, że dobra sesja wireframingów w ramach współpracy obejmuje kombinację papierowych i opartych na oprogramowaniu modeli wireframe.
Tak więc, w przypadku wielu rozwiązań programowych jest zbyt powolny, a pod wieloma względami wadliwy papier, jakie jest rozwiązanie?
Po wielu eksperymentach zdecydowałem się na Keynote jako moje preferowane narzędzie. Podejrzewam, że PowerPoint jest równie dobry, ale jako użytkownik Maca wybieram Keynote.
Keynote jest łatwa w użyciu i wiele osób już ją zna. Co najważniejsze, większość z nas już ją posiada, co pozwala zaoszczędzić trochę gotówki.
Uwielbiam to, ponieważ ułatwia zrzucanie szkieletów razem, a następnie szybkie ich korygowanie w miarę zmiany kierunku myślenia.
Co najważniejsze, modele krawędziowe Keynote mogą wyglądać bardzo profesjonalnie i zapewniać dużą przejrzystość.
Aby to osiągnąć, potrzebujesz świetnego szablonu wzorcowego, który zawiera wszystkie elementy, które zwykle pojawiają się na stronie internetowej (tekst, obrazy, pole wyszukiwania itp.). Jest to po prostu kwestia kopiowania i wklejania ich na twoich stronach.
Trochę świetne filmy tam pokazuje, jak tworzyć własne niestandardowe elementy. Jeśli jesteś leniwy jak ja, wiele osób wykonało dla ciebie ciężką pracę. Za symboliczną opłatą można kupić szablony Keynote i PowerPoint, które zawierają wszystkie elementy internetowe, które kiedykolwiek można dołączyć do modelu szkieletowego.
Ale korzyści nie kończą się na tym.
Sposób prezentacji szkieletów jest kluczowy. Nawet jeśli pracujesz wspólnie, istnieje duże prawdopodobieństwo, że nie każdy interesariusz będzie w pokoju.
Wiele aplikacji do budowy szkieletów wymaga od użytkowników pobrania programu lub zainstalowania wtyczki, zanim będzie mógł wyświetlić plik. Nie tak z Keynote.
Keynote jest już popularną aplikacją, ale ma też kilka świetnych opcji eksportu. Możesz zapisać makiety w formatach HTML i PDF. Obie opcje utrzymują połączenia między stronami, więc użytkownik może klikać wokół "witryny".
Co więcej, Keynote umożliwia nagrywanie głosu i zapisanie szkieletu jako wideo QuickTime. Dzięki temu możesz porozmawiać z zainteresowanymi stronami za pomocą modelu szkieletowego i wyjaśnić swoje podejście, upewniając się, że rozumieją myślenie, które trafiło do ostatecznego modelu krawędziowego.
Oczywiście żadne rozwiązanie nie jest idealne. Keynote nie jest srebrną kulą szkieletu.
Z mojego doświadczenia wynika, że Keynote ma dwa problemy jako narzędzie do wireframingu.
Pierwszy to rozmiar strony. Podczas gdy inne narzędzia do wireframowania pozwalają na zmianę rozmiaru strony w locie, Keynote nie (przynajmniej nie bez zniekształceń elementów). Ponadto wymiary muszą być takie same na wszystkich stronach. Może to być frustrujące, jeśli nie planujesz przyszłości. Rozumiem ten problem, robiąc wielkie strony; ale to obejście jest dalekie od doskonałości i powoduje problemy podczas eksportowania.
Drugi problem polega na tym, że program Keynote nie pozwala na skomplikowaną interakcję, pomimo połączenia między stronami. Nie może wyświetlać funkcji sterowanej JavaScript, tak powszechnej w dzisiejszych witrynach. Oczywiście nie ma też pióra i papieru. W ramach wspólnej sesji szkieletowej zwykle nie trzeba wykazywać tego poziomu interaktywności. Jeśli tak, to prawdopodobnie lepiej byłoby, gdybyś miał bardziej złożone narzędzie do prototypowania.