Jest to zaskakująco kontrowersyjna debata i ważna, która określa, na co zostanie wydany budżet na rozwój. Niemniej jednak poświęćmy kilka chwil, aby upewnić się, że wszyscy jesteśmy na tej samej stronie, zanim przejdziemy do "mięsa".

Czym jest wireframing?

Szkielet to szkic lub wizualne przedstawienie tego, jak będzie wyglądać strona internetowa lub aplikacja mobilna. Są one czasami nazywane "planami ekranu "lub" schematami stron". Służą one do ustalenia podstawowych elementów wizualnego projektu i funkcjonalności strony internetowej – aby określić, jak będzie wyglądać i co będzie robić. Następnie można je przekazać projektantom, programistom, copywriterom, klientom i wszystkim innym zaangażowanym w projekt.

Wireframing to proces budowania szkieletu. Oznacza to ustanowienie podstawowych funkcji twojej strony internetowej, sposób wyświetlania tych funkcji oraz ogólne podstawy interakcji użytkownika ze stroną. Jest to (a raczej może być) pierwszy krok w praktycznie wszystkich podstawowych procesach projektowania stron internetowych – projektowanie wizualne, UE, SEO, a nawet porządkowanie rzeczywistego tekstu.

Co osiąga wireframing?

Proces wireframingu polega na oszczędzaniu czasu, wysiłku i wydatków.

Jak to mówią, obraz jest wart 1000 słów. To, co naprawdę osiąga wireframes, to uzyskanie wszystkich kreatywnych i biznesowych interesariuszy "na tej samej stronie" na samym początku projektu.

Niezależnie od tego, czy osiąga się to poprzez zebranie ich wszystkich razem, aby stworzyć wstępną ramkę (preferowaną), czy po prostu spotkanie, na którym przedstawiono im ukończoną ramkę, zanim zaczną szczegółowo myśleć o projekcie (nadal całkiem przydatne), proces ten może praktycznie wyeliminować zmarnowany wysiłek, który powoduje, że Twój "UE guy" zaczyna pracować nad czymś z natury niezgodnym z szablonem, który produkuje Twój projektant stron internetowych, a żadna z ich koncepcji nie wspiera tekstu napisanego przez twój zespół marketingowy.

Zawsze warto zainwestować trochę czasu i wysiłku, aby wszyscy w tym samym pokoju i burzy mózgów razem, nawet jeśli możesz poświęcić tylko kilka godzin. W rzeczywistości wszyscy pracują nad to samo projekt, a nie 4 różne, niekompatybilne wizje.

Kiedy jest odpowiedni czas na wireframe?

Mówiąc najprościej, im szybciej, tym lepiej. Każdy projekt powinien zaczynać się od ramy drucianej o niskiej rozdzielczości, nawet jeśli jest ona narysowana na przysłowiowym "grzbiecie serwetki". Jak tylko pojawi się pomysł na aplikację, stronę internetową lub cokolwiek innego, co jest zarówno wizualne, jak i interaktywne, musisz zacząć wireframing. Pomoże to nie tylko "uziemić" Twoje pomysły w kategoriach praktycznych, wizualnych, ale także ustanowi podstawową ideę, zgodnie z którą wszystkie inne prace mogą być wykonane zgodnie z lub które można zmienić, aby pasowały do konieczności w sposób, o którym wszyscy inni interesariusze mogą być szybko poinformowani.

Kiedy jest odpowiedni czas, aby przestać wireframing?

Istnieją dwie szkoły myślenia. Niektóre procesy przestają się układać, gdy tylko programiści lub specjaliści z UE zaczną produkować prototypy i makiety. Inni tworzą zaktualizowane szkielety, aby rozpowszechniać je wśród reszty zespołu, aż do momentu, gdy witryna lub aplikacja zostanie zakodowana i umieszczona w łóżku. W obu przypadkach należy nadal korzystać z szkieletów, dopóki kwestie, które reprezentują, nie zostaną rozstrzygnięte i sfinalizowane.

Kto musi mieć dostęp do tych ramek (i wejść na nie)?

Prawie wszyscy w Twoim projekcie!

Dostęp do najnowszego szkieletu ma kluczowe znaczenie dla każdego, kto pracuje nad projektem, więc może uniknąć marnowania czasu na funkcje, które nie będą działać lub nie będą działać tak, jak sobie wyobrażali.

Jeśli chodzi o możliwość modyfikowania szkieletów, jeśli masz bardzo duże zespoły, lepiej dać tylko określonym kierownikom zespołów możliwość zmiany szkieletów lub generowania nowych wersji. Nawet wtedy należy rozważyć wprowadzenie wszystkich modyfikacji na spotkaniu ze wszystkimi dostępnymi interesariuszami, aby nie zrujnować pracy całego zespołu poprzez wprowadzenie zmian, których nie byli świadomi.

Im bardziej osoby lub zespoły zaangażowane w różne aspekty projektu aktywnie współpracują, tym bardziej efektywny będzie projekt. Im więcej testujesz, przeglądasz opinie i wykonujesz iteracje jako grupa, tym lepszy jest produkt końcowy.

Jak wireframe wpływają na twój proces?

Szkielety służą skupieniu wszystkich wysiłków na tych samych rezultatach. Pozwalają szybko testować różne podejścia i generować niemal natychmiastową informację zwrotną. W końcu czas i wysiłek, który zainwestujesz w wireframing, zostanie zwrócony kilka razy, szczególnie w przypadku większych lub bardziej zaangażowanych projektów.

Co może cię całkowicie kosztować pomijanie szkieletów?

Krótka odpowiedź brzmi, jak zawsze, "to zależy od tego, nad czym pracujesz". Realistycznie rzecz biorąc, jesteśmy w branży wystarczająco długo, aby dać ci prawdziwą odpowiedź, opartą na uśrednianiu różnych projektów, w które byliśmy zaangażowani przez lata.

Wireframing to zazwyczaj 5-6% całkowitego budżetu na rozwój. Jednak zwiększa skuteczność prawie każdego innego aspektu twojej pracy. Na przykład: średnio ostateczne koszty kodowania są o 60% niższe w przypadku projektów szkieletowych. Koszty RFC (Request For Change) zwykle spadają o 80%.

Oznacza to dla ciebie, że nawet gdyby kosztował 3-4 razy więcej niż naprawdę robi z wireframe, zaoszczędziłbyś czas i pieniądze.

Jak najlepiej wykorzystać ograniczony budżet wireframe

Istnieje kilka wskazówek i sztuczek, które możemy przedstawić, Aby Zrobić Dobry wireframing, nawet jeśli Liczniki fasoli nie doceniają jego prawdziwego znaczenia:

• Wybierz narzędzie szkieletowe, które jest łatwe w użyciu lub takie, które już wiesz, jak dobrze używać. Pozwoli to zaoszczędzić czas, aby dostać się do prędkości.
• Tworzenie wielu odmian, zwłaszcza na początku. Pozwoli to szybko wyeliminować niewykonalne rozwiązania.
• Wcześnie zaangażuj kluczowych interesariuszy i włącz ich opinie do nowych wersji.
• Przeprowadzaj testy użytkowników, aby ustalić, czy twoja rama szkieletowa będzie użyteczna dla Twoich docelowych odbiorców lub rynku.
• Generuj nowe iteracje dla szkieletu, aż wszyscy kluczowi interesariusze będą zadowoleni (lub zrezygnują z kompromisu).
• Upewnij się, że nie będziesz musiał wracać do deski kreślarskiej po rozpoczęciu projektowania lub kodowania.