WebQuatro

badam, zarządzam, projektuję, użytkuję

więcej o mnie

Zarządzanie oczekiwaniami a proces projektowania produktu

Wstęp

Zarządzanie oczeki­wa­ni­ami wys­tępuje na każdym etapie pro­dukcji dzieła, jakim w przy­padku branży, w której pracuję, jest ser­wis WWW czy aplikacja.

Osobli­wości sto­sunków relacji zespołu pro­jek­towego z klien­tem, a także innymi zain­tere­sowanymi osobami woła o konieczność wdroże­nia pewnej kon­troli co do oczeki­wań każdej z grup. Niezrozu­mie­nie jest w stanie mocno zep­suć życie oby­dwu stronom, zatem lep­iej rozwiązy­wać prob­lemy zanim zaczną się one pojaw­iać same.

Aby mieć poję­cie o oczeki­wa­ni­ach na etapie pro­jek­towa­nia, należy postawić prob­lem i wyjaśnić przy­czyny, prze­jrzeć główne ścieżki rozwiązać i zas­tosować doświad­cze­nie z poprzed­nich case-ów.  Część prob­lemów wiąże się z inter­dyscy­pli­narnoś­cią dziedziny pro­jek­towa­nia inter­fe­jsów i użyteczności — jest ona jeszcze sto­sunkowo młoda i przez wielu rozu­mi­ana jest inaczej. W każdym bądź razie, wszys­tko to jest zdolne doprowadzić pro­jekt do jego opóźnienia, odd­a­nia “na gwarancji” i opóźnienia ostate­cznego ter­minu odbioru i rozliczenia.

Prob­lemy

Pier­wszym i najczęst­szym prob­le­mem jest niezrozu­mie­nie oczeki­wań od klienta na etapie pro­jek­towa­nia inter­fe­jsów. Należy jemu wyjaśnić, na czym polega ten pro­ces i dlaczego jest tak ważny. Jeśli zapom­n­imy o tej części, możemy liczyć na:

  • niezad­owole­nie, ze względu na otrzy­manie przez klienta nie tego, co chciał,
  • wąt­pli­wości — przekazany pro­dukt jest dobry, ale nie speł­nia pier­wot­nych oczeki­wań z (nie)wiadomych powodów,
  • opóźnie­nie — pomimo przekaza­nia dobrej real­iza­cji, pozostaje ten “nieprzy­jemny” osad co do nieter­mi­nowości i pewnych komplikacji

Rozwiązanie

Lekiem na to jest praca nad i z oczeki­wa­ni­ami na różnych eta­pach i poziomach pro­jektu. Iden­ty­fikacja osób, które są zain­tere­sowane takim a nie innym postępem pro­jektu po stronie klienta jak i po stronie zespołu jest kluc­zowa. Czego oczekuje zamaw­ia­jący, użytkown­icy i sam pro­jek­tant? To należy wyjaśnić.

Aby wyjaśnić, trzeba zrozu­mieć warunki powodzenia pro­jektu. Czy ważny jest ter­min ukaza­nia się por­talu, czy też jakość użytkowa pro­duktu, a może wzię­cie pod uwagę ograniczeń tech­nicznych lub finan­sowych?  Taka infor­ma­cję powinien otrzy­mać pro­jek­tant przed tym, jak zacznie szkice architek­tury infor­ma­cji czy makiet.  Zarządzanie oczeki­wa­ni­ami poczy­na­jąc od przed sprzedażowego przy­go­towa­nia  klienta do ter­minu real­iza­cji poprzez dokładną zbiórkę infor­ma­cji rozpoz­naw­czych poz­wolą na pre­cyzyjną real­iza­cję pier­wszego etapu pro­jek­towa­nia, jakim jest przy­go­towaniem struk­tury i makiet dla ser­wisu WWW. Jeżeli na tym etapie przed­staw­iona kon­cepcja przez zespół pro­jek­towy spotka się z apro­batą klienta, możemy z zad­owole­niem stwierdzić, że pier­wsze oczeki­wanie zostało zaspoko­jone, a to wróży na sprawniejszą współpracę z klientem.

Oczeki­wa­nia

Czyje oczeki­wa­nia są znaczące?

  1. Zamaw­ia­jący — jakie jest zadanie, za jakie pieniądze i w jakim terminie?
  2. Zespół pro­jek­towy — w jakim składzie, jak szy­bko i z jaką dokładnością?
  3. Użytkown­icy — jak i w jakich warunk­ach pro­dukt koń­cowy będzie użytkowany?
  4. Pro­jek­tant — czy chce zas­tosować “nowa­torskie” rozwiązanie, przetestować pomysł, dodać ładny pro­jekt do port­fo­lio czy po prostu zarobić?

Warunki powodzenia

Należy określić kluc­zowe warunki wpły­wa­jące na powodze­nie projektu:

  • Ter­min wer­sji finalnej/publicznej.
  • Pri­o­ry­tet — szybkość/jakość i precyzja.
  • Użyteczność.
  • Innowa­cyjność.
  • Skalowal­ność rozwiązania.
  • Zmieszcze­nie się w budże­cie klienta.
  • Zmieszcze­nie się w budże­cie osobo­godzin zespołu.
  • Czy coś jeszcze?

O czym infor­mować zamawiającego?

Należy uświadomić, jakie będą korzyści z etapu pro­jek­towa­nia w jego przypadku:

  • Sporządze­nie czytel­nej specy­fikacji dla interfejsu.
  • Uzyskanie określonych współczyn­ników lep­szych w porów­na­niu do konkurencji (kon­wer­sji sprzedażowej, rejes­tracji, wejść).
  • Uzyskanie po etapie pro­jek­towa­nia szyb­szego i bardziej jakoś­ciowego wyniku prac wdrożeniowych.
  • Oszczęd­ność zasobów klienta (czasu i pieniędzy w przyszłości).
  • Możli­wość uniknię­cia wielu stan­dar­d­owych prob­lemów dzięki kon­sul­tacjom architekta infor­ma­cji i pro­jek­tanta interakcji.

Na jakich eta­pach można zarządzać oczekiwaniami?

Oczeki­wa­nia są na każdym etapie prac, co oznacza, że można nad nimi pra­cować przez cały cykl życia projektu:

  • Przed­sprzedaż.
  • Rozpoz­nanie wstępne — tzw. brief.
  • Pro­jek­towanie makiet lo-fi i hi-fi (klikalny prototyp).
  • Design.
  • Inter­ak­ty­wny prototyp.
  • Pro­ces wdrożenia.
  • Etap wspar­cia.

Wnioski

Ważne jest, aby reg­u­larnie i szczegółowo roz­maw­iać z osobą z ramienia klienta. To pochła­nia czas, ale w zamian daje więcej gwarancji i wza­jem­nego zrozu­mienia. Trzeba postarać się wciągnąć klienta w pro­jekt — niech ogól­nie, ale przez cały czas będzie on “obecny” przy pra­cach. Można to real­i­zować poprzez spotka­nia okre­sowe, kon­sul­tacje zdalne czy sys­tem ticket-ów i wer­sji testowych pro­jektu.  Na koniec należy pamię­tać, że więk­sza część odpowiedzial­ności za powodzenia zawsze leży po stronie menedżera pro­jektu z ramienia zespołu.

Ładna mapa strony

Dzisiaj natknąłem się na piękną real­iza­cję mapy stron za pomocą małego paki­ety SlickMap.  Dzięki zas­tosowa­niu czys­tego kodu HTML, stylu CSS i JavaScript można łatwo zastąpić często brzy­d­kie i szare mapy stron, które służą nic innemu jak indek­sowa­niu w SEO, na niżej przed­staw­iony przykład:

Wygląda to ele­gancko i zgrab­nie, ale ważniejszy jest jej czysty, semantyczny kod:

<div class=“codecolorer-container html4strict

Czy­taj dalej »

[update] Publikacje i artykuły

Pub­likuję na blogu artykuły, zarówno naukowe jak i branżowe, które ukazały się wcześniej. W przyszłości chęt­nie będę dodawać na bieżąco ukazu­jące na papierze treści w postaci elektronicznej.

Wszys­tkie są do pobra­nia w PDF. Listę uporząd­kowałem od najnowszych do najstarszych.

Projektujemy wireframes — Balsamiq, Blend

Na blogu zdążyłem opisać kilka pro­gramów (w tym nawet wty­czkę do Firefox-a) wspo­ma­ga­ją­cych pro­jek­towanie ser­wisów WWW. Dzisiaj chci­ałbym opisać dwa kolejne.

MS Expression Blend

Nowa linia edy­torów graficznych od Microsoft — Expres­sion cieszy swoją funkcjon­al­noś­cią i wyglą­dem. Co jest osobliwe temu pro­duk­towi — Microsoft wykupił gotowy pro­dukt u niedużej hong-kongskiej firmy o nazwie Crea­ture House, kupu­jąc wraz z pro­duk­tem całą… Czy­taj dalej »

Google Analytics — mała poprawka, duże znaczenie

Dzisiaj wchodząc dzisiaj na Google Ana­lyt­ics zauważyłem jedną znaczącą dla mnie zmi­anę — w momen­cie, gdy byłem zal­o­gowany na konto GMail, zawsze wchodzą na stronę statystyk musi­ałem wpisać hasło. Było to den­er­wu­jące. W tej chwili pojawił się przy­cisk, który oznacza „Dostęp do statystyk”. Po kliknię­ciu, bez żadnych haseł, zna­j­duje się w swoim zwycza­jnym panelu.

Zabrakło jed­nak znaczącej infor­ma­cji — nazwy konta, które jest aktu­al­nie zal­o­gowane. Dewelop­erzy GA zapom­nieli o tym, iż użytkown­icy mogą posi­adać kilka kont.

Prototypowanie w Firefox

Jakiś czas temu pisałem o narzędziu do tworzenia dia­gramów i ogól­niepo­jętego pro­to­ty­powa­nia w Linux. Śmiem stwierdzić, że znalazłem lep­sze rozwiązanie do tworzenia inter­fe­jsów webowych, właś­ci­wie pod każdą plat­formę sys­te­mową, dla której ist­nieje odpowied­nia wer­sja Firefox-a. Przy­wita­jmy „Pen­cil Project”.

Rozwiązanie te instaluje się jako zwycza­jna wty­czka do Firefox-a (xpi), jest na licencji GPL v.2 i prezen­tuje następu­jący zestaw funkcjonalności:

  • Wbu­dowane szablony
  • Wieloza­kład­kowy doku­ment ze stroną tła
  • Edy­cja tek­stu na ekranie, wspar­cie „rich-text”
  • Zapis do PNG
  • Obsługa cofnij/ponów

Czy­taj dalej »

Webologia art. 4 — okruszki

Bread­crumbs

Definicja

Okruszki chleba” (ang. bread­crumbs) — ele­ment naw­igacji na stronie WWW, reprezen­tu­jący ścieżkę prze­bytą od korzenia strony do aktu­al­nej strony. Zazwyczaj jest to poziomy ele­ment rozmieszc­zony u góry strony, pod częś­cią brandin­gową, nad sekcją treści właściwej.

Rola

Okruszki naw­iga­cyjne posi­adają dwie role w ser­wisie WWW:

  1. Dostar­czają kole­jnego sposobu porusza­nia się po stronie, a konkret­nie, przemieszcza­nia się po

Czy­taj dalej »

Zwyczaje siatki — ziarenko prawdy o gridzie

Siatka

Wstęp

Forma, struk­tura, syme­tria, logika, bliskość, spójność. Syn­on­imów stanu rzeczy, którą możemy osiągnąć dzięki niej, jest wiele. Siatka jest prosta, ale nie prymi­ty­wna, w pro­jek­towa­niu WWW — obowiązkowa.

Rozsz­erze­nie

Z ang. grid, czyli siatka, to dwuwymi­arowa struk­turą linii poziomych i pio­nowych przeci­na­ją­cych się w określony sposób. Typografom offline’owym znana z lat 30’tych ubiegłego wieku, mimo iż na początku… Czy­taj dalej »

O przestrzeni białej

Wstęp

Przeglą­da­jąc dostępne blogi o tem­atyce użyteczności, pro­jek­towa­niu czy desig­nie w pol­skiej sieci nie natknąłęm się na porządne przed­staw­ie­nie tem­atu white­space, reguł stosowa­nia siatki czy poprawnej pros­to­cie, która nie prze­chodzi w prymitywizm.

White­space

Nazy­wana też przestrzenią negaty­wną czy światłem jest wol­nym obszarem pomiędzy ele­men­tami. W pro­jek­towa­niu użytkowym, prze­mysłowym, brandingu marek “white­space” jest często syn­on­imem czegoś wyszukanego, sub­tel­nego, z klasą. W… Czy­taj dalej »

Projektowanie pod Linux-em

Pod­czas pro­jek­towa­nia (i pro­to­ty­powa­nia) pro­duk­tów o przez­nacze­niu inter­ne­towym często uży­wam MS Visio (z rozsz­erzeni­ami i wid­getami pod Web) i Free­Mind. O ile Free­Mind, który jest dostępny w wer­sji jar do uru­chomienia na plat­formie Java, o tyle o dobrą aplikację typu MS Visio pod Linux-em nie jest łatwo.

Pytany kilka razy, w końcu natknąłęm się na Dia — GNOMECzy­taj dalej »

Zapisz się na maila lub RSS

Podaj swój adres e-mail:


RSS:

blip

Ostatnie komentarze

  • dr guru: A masz kuchnię? ;] To znakomita zasada, znana szczególnie plemionom koczowniczym w Afryce Środkowej i krabom...
  • diz: Oczywiście, że nie. Postanowiłem po prostu przeanalizować te, gdyż kontrastowały ze sobą.
  • minimal2: A w internecie to tylko YouTube i Vimeo są? A co z plejerami innych serwisów?
  • diz: demokracja jest złym ustrojem Z tym się zgodzę w 100%
  • tomek: a pro­pos wyników -> to tylko kole­jne potwierdze­nie, że demokracja jest złym ustro­jem [znów mi się te...

Prezentacje