Proces projektowania serwisu www

Wielkość: px

Rozpocząć pokaz od strony:

Download "Proces projektowania serwisu www"

Jadwiga Adamska
9 lat temu
Przeglądów:

1 Proces projektowania serwisu www Klient, brief, zakres realizacji, wycena, harmonogram, makiety, projekt graficzny, realizacja. 1

2 Kontakt z klientem unikamy niespodzianek! Określ wymagania powiedz jakie informacje będą potrzebne i dlaczego. Kontekst biznesowy, cele, struktura strony, funkcjonalność, harmonogram, budżet, działania wspierające cały brief. Ustal proces komunikacji Okreś interesariuszy projektu, osoby decyzyjne, kontaktowe, wymagane formaty danych, Nming. Zaproponuj przebiegu projektu Etapy współpracy, produkty kolejnych etapów, wynik prac, działania po zakończeniu realizacji. 2

Ustal proces komunikacji Okreś interesariuszy projektu, osoby decyzyjne, kontaktowe, wymagane formaty danych, Nming.

3 Brief zbieramy wymagania Zadanie Nazwa projektu Zadanie Co my mamy do zrobienia? Cel Po co klientowi jest ta strona? Co chce dzięki niej uzyskać? Budżet Nieprzekraczalne terminy Osoba decyzyjna i kontaktowa 3

4 Brief zbieramy wymagania Kontekst biznesowy Informacje o marce / produkcie klienta USP, pozycjonowanie marki, świadomość marki, co jest dla niej unikalne? Grupa docelowa do kogo mówimy? Wyróżniki, cechy wspólne, demografia Dotychczasowe działania klienta w internecie Konkurencja, działania konkurencji online Geneza działania Co skłoniło klienta do podjęcia decyzji o zainwestowaniu w projekt? Główna myśl, idea serwisu To nam może podpowiedzieć np. jak zaprojektować key visual. 4

Wyróżniki, cechy wspólne, demografia Dotychczasowe działania klienta w internecie Konkurencja, działania konkurencji

5 Brief zbieramy wymagania Wymagania funkcjonalne Zawartość serwisu Lista podstron i informacja o tym co każda z nich ma zwierać (według klienta). Administracja serwisem i zarządzanie treściami Język Technologia Źródła danych, współpraca z innymi serwisami 5

6 Brief zbieramy wymagania Kreacja 1. Manuale CI, księgi znaku, materiały markenngowe już istniejące 2. Elementy obowiązkowe 3. Przykładowe www / kampanie / plakaty / etc. które podobają się klientowi 6

7 Brief zbieramy wymagania Uruchomienie i działania wspierające 1. Pierwsze zasilenie treścią 2. Uruchomienie serwisu 3. Reklama i promocja 4. Co jeszcze? Tworzymy brief! 7

8 Zawartość serwisu / Content inventory co konkretnie musimy wyprodukować? Zawartość serwisu 1. Tytuł strony / widoku 2. Zawartość 3. Notatki (administracja, interakcja, uwagi odnośnie kreacjcji) Specyfikujemy! 8

9 Wycena projektu Wyceń realizację Twojego projektu 1. Makiety 2. Projekt graficzny 3. Front-end development (HTML, CSS, JavaScript/Flash) 4. Back-end development (baza danych, PHP/ROR/WP/etc) 5. Stworzenie treści, zapełnienie treściami serwisu 6. Uruchomienie 7. Wsparcie klienta 8. Project Management & communications (często pomijane, a zabiera dużo czasu!) Alternatywnie: wyceń realizację oskowalik.pl lub 4drive.pl (Zakres: tylko elementy z górnego menu) 9

Stworzenie treści, zapełnienie treściami serwisu 6. Uruchomienie 7. Wsparcie klienta 8.

10 Harmonogram 1. Oszacuj czas potrzebny Tobie / Twojemu zespołowi na realizację Podziel projekt na jak podzadania. Określ ile godzin każde z nich zajmie. Jeśli coś ma trwać kilka dni, to dziel to na jeszcze mniejsze zadania żeby trafniej oszacować! 2. Dodaj 40% na nieprzewidziane okoliczności. 3. Weź pod uwagę inne zobowiązania (a więc ilość dostępnego Tobie czasu). 4. Pamiętaj o czasie dla klienta na akceptację etapów projektu i zebranie poprawek. Uwzględnij w harmonogramie czas na odbiór etapów przez klienta i Twoje poprawki do nich. 5. Wszystko trwa dłużej niż zakładamy im więcej interesariuszy, tym bardziej wydłuża się czas potrzebny na komunikację. 6. Uprzedź klienta, że jego opóźnienia przekładają się 1:1 na opóźnienia projektu klienci lubią namyślać się po kilka dnia, ale nigdy nie powiedzą Ci myślałem 3x po 3 dni nad grafiką, więc projekt możemy uruchomić o 9 dni później. 10

Weź pod uwagę inne zobowiązania (a więc ilość dostępnego Tobie czasu). 4. Pamiętaj o czasie dla klienta na akceptację etapów projektu i zebranie poprawek.

11 Makiety 11

12 Makiety Kartka i Papier (darmowe!) Google Draw Lumzy hop:// Pencil Project (wtyczka do Friefoxa, darmowa) hop:// Balsamiq Mockups hop:// Microso[ Visio / AXURE / Omnigraffle (Mac) 12

com Pencil Project (wtyczka do Friefoxa, darmowa) hop://www.

13 Makiety aplikacji diagramy interakcji 13

14 Makiety aplikacji diagramy interakcji 14

15 Projekt graficzny 1. Ustal na początku ilość propozycji które otrzyma klient. 2. Ustal ilość serii poprawek do wybranej propozycji. 3. Nie bierz na siebie całej odpowiedzialności za satysfakcję klienta to klient podejmuje decyzję o współpracy z Tobą! 4. Za prace nie ujęte w umowie klient płaci dodatkowo. 15

Nie bierz na siebie całej odpowiedzialności za satysfakcję klienta to klient

16 Dziękuję za uwagę. Tomasz Sieroń twitter.com/tomsieron 16

Podobne dokumenty

Netkata. PROCES projektowy Interfejsu Użytkownika. Spis treści. Netkata Interactive

Netkata. PROCES projektowy Interfejsu Użytkownika. Spis treści. Netkata Interactive Netkata PROCES projektowy Interfejsu Użytkownika Spis treści Projekt efektywnego UI... 2 1. Analiza biznesowa... 3 2. Analiza funkcjonalna... 3 3. Architektura informacji... 4 4. Interaktywne makiety...