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?

FlairBuilder
Aplikacje takie jak FlairBuilder są coraz potężniejsze, ale czasami zbyt skomplikowane.

Po co współpracować przy tworzeniu szkieletu z klientami?

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:

  1. Angażuje klienta
    Dzięki modelowaniu z klientem czują się częścią procesu, co pomaga budować solidną współpracę.
  2. Zapewnia rozpęd
    Łącząc się ze sobą, unikasz niekończących się zmian. Ustalenie stałego kierunku dla kluczowych stron następuje w ciągu kilku godzin.
  3. Popełnia klienta
    Jeśli klient jest zaangażowany w tworzenie szkieletów, czuje poczucie własności nad nimi i stroną internetową. Rozwiązanie staje się równie dobrym pomysłem jak twoje. W konsekwencji rzadziej odrzucają projekt później.
  4. Służy jako wspólne odniesienie
    Wspólne tworzenie szkieletów zapewnia, że ​​wszyscy je rozumieją. Struktury krawędziowe służą jako wspólny punkt odniesienia dla wszystkich podczas całego projektu.
wireframing z klientem
Wireframing z klientem ma wiele zalet.

Jednak proces ten nie obywa się bez wyzwań.

Szukam szybkiego i brudnego rozwiązania

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ć:

  • Szybki w użyciu
    Nic nie jest gorsze od klienta siedzącego wokół, gdy rozpaczliwie walczysz z narzędziem do wireframingu, aby zademonstrować pomysł.
  • Łatwa do zmiany
    W procesie współpracy dyskusja poprowadzi Cię do wypróbowania wielu subtelnie różnych podejść. Będziesz musiał szybko zmienić szkielet.
  • Łatwy do zrozumienia
    Modele szkieletowe muszą być wyraźne i opisowe. Klienci nie mają korzyści z naszego doświadczenia w pracy z modelami szkieletowymi i dlatego można je łatwo pomylić.
  • Profesjonalnie wyglądający
    Pomysł może zostać zdyskredytowany przez prezentację. Pomaga, jeśli narzędzie może wytwarzać szkielet, który wygląda jak dobrze przemyślane rozwiązanie o wysokiej jakości.
Przykładowy szkielet modelu kluczowego
Narzędzie wireframing powinno wyglądać profesjonalnie, a jednocześnie być wystarczająco elastyczne, aby umożliwić szybką iterację.

Tradycyjnie, sesje szkieletowe oparte na współpracy zostały wykonane za pomocą pióra i papieru, ale nie zawsze jest to najlepsze rozwiązanie.

Dlaczego nie pióro i papier?

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:

  • Niełatwo to zmienić
    Kiedy pojawiają się pomysły, a ty piszesz jeden element po drugim, siatki z papieru i długopisu mogą szybko stać się bałaganiarskie. Często jesteś zmuszony przerysować stronę od zera, co spowalnia proces.
  • Nie zawsze jasne
    Przy tak wielu poprawkach i bazgrołach, szkielety często stają się mylące. Mają również tendencję do braku szczegółów generowanych przez oprogramowanie szkieletów, pozostawiając wiele pytań bez odpowiedzi.
  • Nie wygląda profesjonalnie
    Jeśli nie jesteś świetnym artystą, większość twoich szkieletów będzie wyglądać jak banda obłąkanego psychopaty (czy to tylko ja?). Może to obniżyć wartość podstawowych pomysłów.
Szkielet pióro i papier
Pióro i papierowe makiety mogą wyglądać niechlujnie i mylnie dla niewykształconego klienta.

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?

Keynote na ratunek

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.

Keynotopia
keynotopia

Keynote UX
Keynote UX

Keynote Kung-Fu
Keynote Kung-Fu

Ale korzyści nie kończą się na tym.

Dodatek

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.

Opcje eksportu Keynote
Keynote pozwala wyeksportować szkielet w formacie PDF i HTML, a nawet jako film z narracją głosową.

Oczywiście żadne rozwiązanie nie jest idealne. Keynote nie jest srebrną kulą szkieletu.

Ograniczenia

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.