[spodek 2.0] tworzenie prototypów serwisów internetowych
DESCRIPTION
"Tworzenie prototypów serwisów internetowych. Dlaczego warto stworzyć prototyp? Kto i ile dzięki niemu zyskuje? Prezentacja oparta na przykładzie" - Artur Kępa - www.arturkepa.comTRANSCRIPT
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?
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
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: [email protected] telefon: +48 (0) 505 592 802
web: arturkepa.commetropolia: Silesia