Spodek 2.0 #8.1Tworzenie prototypów serwisów internetowych.

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

dobry wieczórKim jestem?

jestem@arturkepa.com

projektantem stron internetowych

twórcą gier miejskich

nauczycielem akademickim

pracowałem dla

Urząd Miasta RUDA Śląska

Urząd Gminy Milówka

Agencja interaktywna Netizens

IF SILESIA - FILM

wprowadzenieKilka atomów teorii.

prototyp

Prototyp - ścisłe odwzorowanie zaprojektowanego wyrobu zgodniez 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

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ścii projektowaniem zorientowanym na użytkownika (UCD)

www.cowiem.pl

prototypowanieDlaczego 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

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

wymagania

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

oprogramowanieczego nie musimy się uczyć?

balsamiq mockups

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

Tworzenie makiet (szkiców)

Gotowe elementy

Eksport do formatu PNG

Adobe Flash

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

Import PNG

Interaktywne przyciski

Zmienne oraz instrukcje warunkowe

przeglądarka internetowa

jak stworzyć?prezentacja

funkcje programubalsamiq mockups

prezentacja na żywo

tworzenie klikalnego prototypu

png + adobe flash

prezentacja na żywo

rezultatpodsumowanie

prototyp vs produkt

www.stomatologiagrzesiak.pl

dlaczego warto?

przystępna cena oprogramowania

oszczędność czasu

wymierny efekt prac dla zleceniodawcy

wiążące uzupełnienie specyfikacji

dziękuję za uwagę

e-mail: jestem@arturkepa.com telefon: +48 (0) 505 592 802

web: arturkepa.commetropolia: Silesia