Spodek 2.0 #8.1 Tworzenie prototypów serwisów internetowych. Dlaczego warto stworzyć prototyp? Kto i ile dzięki niemu zyskuje?

dobry wieczór Kim jestem?

[email_address] projektantem stron internetowych t wórcą gier miejskich nauczycielem akademickim

projektantem stron internetowych

t wórcą gier miejskich

nauczycielem akademickim

pracowałem dla Urząd Miasta RUDA Śląska Urząd Gminy Milówka A gencja interaktywna Netizens IF SILESIA - FILM

Urząd Miasta RUDA Śląska

Urząd Gminy Milówka

A gencja interaktywna Netizens

IF SILESIA - FILM

wprowadzenie Kilka atomów teorii.

prototyp Prototyp - ścisłe odwzorowanie zaprojektowanego wyrobu zgodnie z dokumentacją. Służy jako wzorzec doświadczalny, odtwarzający pełny zakres funkcjonalny wyrobu w celu weryfikacji poprawności opracowań teoretycznych dla danej konstrukcji. www.prostujemyobrazslaska.pl

Prototyp - ścisłe odwzorowanie zaprojektowanego wyrobu zgodnie z dokumentacją.

Służy jako wzorzec doświadczalny, odtwarzający pełny zakres funkcjonalny wyrobu w celu weryfikacji poprawności opracowań teoretycznych dla danej konstrukcji.

www.prostujemyobrazslaska.pl

interfejs użytkownika część urządzenia odpowiedzialna za interakcję z użytkownikiem […] realizowany poprzez stronę internetową wyświetlaną w przeglądarce internetowej[…] Zwykli użytkownicy postrzegają oprogramowanie wyłącznie poprzez interfejs użytkownika. www.stomatologiagrzesiak.pl

część urządzenia odpowiedzialna za interakcję z użytkownikiem

[…] realizowany poprzez stronę internetową wyświetlaną w przeglądarce internetowej[…]

Zwykli użytkownicy postrzegają oprogramowanie wyłącznie poprzez interfejs użytkownika.

www.stomatologiagrzesiak.pl

architektura informacji Architekt informacji – osoba tworząca strukturę informacji w sposób umożliwiający użytkownikom jak najłatwiejsze dotarcie do poszukiwanej treści. AI zwykło się łączyć z szerszym zagadnieniem użyteczności i projektowaniem zorientowanym na użytkownika (UCD) www.cowiem.pl

Architekt informacji – osoba tworząca strukturę informacji w sposób umożliwiający użytkownikom jak najłatwiejsze dotarcie do poszukiwanej treści.

AI zwykło się łączyć z szerszym zagadnieniem użyteczności i projektowaniem zorientowanym na użytkownika (UCD)

www.cowiem.pl

prototypowanie Dlaczego warto stworzyć prototyp? Kto i ile dzięki niemu zyskuje?

zalety Graficzne przedstawienie specyfikacji Łatwoprzyswajalne dla zleceniodawcy oraz wykonawców Pomocne na każdym etapie prac Eliminuje błędy przed przystąpieniem do etapu produkcji

Graficzne przedstawienie specyfikacji

Łatwoprzyswajalne dla zleceniodawcy oraz wykonawców

Pomocne na każdym etapie prac

Eliminuje błędy przed przystąpieniem do etapu produkcji

kto zyskuje? Zleceniodawca – szybciej otrzymuje rezultat Grafik – dokładnie określone elementy do projektowania Programista – poglądowa wersja specyfikacji technicznej Twórca prototypu – ma swój udział w projekcie 

Zleceniodawca – szybciej otrzymuje rezultat

Grafik – dokładnie określone elementy do projektowania

Programista – poglądowa wersja specyfikacji technicznej

Twórca prototypu – ma swój udział w projekcie 

wymagania Prostota w obsłudze Minimalny czas na naukę oraz projektowanie Przystępna grafika Cena, wieloplatformowość, dostęp przez internet

Prostota w obsłudze

Minimalny czas na naukę oraz projektowanie

Przystępna grafika

Cena, wieloplatformowość, dostęp przez internet

to nie jest złoty środek Architektura informacji Projektowanie interakcji Badanie użyteczności Grafika, kodowanie, marketing

Architektura informacji

Projektowanie interakcji

Badanie użyteczności

Grafika, kodowanie, marketing

oprogramowanie czego nie musimy się uczyć?

balsamiq mockups http://www.balsamiq.com/products/mockups Tworzenie makiet (szkiców) Gotowe elementy Eksport do formatu PNG

http://www.balsamiq.com/products/mockups

Tworzenie makiet (szkiców)

Gotowe elementy

Eksport do formatu PNG

A dobe Flash http://www.adobe.com/products/flash/ Import PNG Interaktywne przyciski Zmienne oraz instrukcje warunkowe

http://www.adobe.com/products/flash/

Import PNG

Interaktywne przyciski

Zmienne oraz instrukcje warunkowe

przeglądarka internetowa

jak stworzyć? prezentacja

funkcje programu balsamiq mockups prezentacja na żywo

tworzenie klikalnego prototypu png + adobe flash prezentacja na żywo

rezultat podsumowanie

prototyp vs produkt www.stomatologiagrzesiak.pl

www.stomatologiagrzesiak.pl

dlaczego warto? przystępna cena oprogramowania oszczędność czasu wymierny efekt prac dla zleceniodawcy wiążące uzupełnienie specyfikacji

przystępna cena oprogramowania

oszczędność czasu

wymierny efekt prac dla zleceniodawcy

wiążące uzupełnienie specyfikacji

dziękuję za uwagę  e-mail: [email_address] telefon: +48 (0) 505 592 802 web: arturkepa.com metropolia: Silesia