[spodek 2.0] Tworzenie prototypów serwisów internetowych

1,802 views

Published on

"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.com

Published in: Technology, Education, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,802
On SlideShare
0
From Embeds
0
Number of Embeds
472
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[spodek 2.0] Tworzenie prototypów serwisów internetowych

  1. 1. Spodek 2.0 #8.1 Tworzenie prototypów serwisów internetowych. Dlaczego warto stworzyć prototyp? Kto i ile dzięki niemu zyskuje?
  2. 2. dobry wieczór Kim jestem?
  3. 3. [email_address] <ul><li>projektantem stron internetowych </li></ul><ul><li>t wórcą gier miejskich </li></ul><ul><li>nauczycielem akademickim </li></ul>
  4. 4. pracowałem dla <ul><li>Urząd Miasta RUDA Śląska </li></ul><ul><li>Urząd Gminy Milówka </li></ul><ul><li>A gencja interaktywna Netizens </li></ul><ul><li>IF SILESIA - FILM </li></ul>
  5. 5. wprowadzenie Kilka atomów teorii.
  6. 6. prototyp <ul><li>Prototyp - ścisłe odwzorowanie zaprojektowanego wyrobu zgodnie z dokumentacją. </li></ul><ul><li>Służy jako wzorzec doświadczalny, odtwarzający pełny zakres funkcjonalny wyrobu w celu weryfikacji poprawności opracowań teoretycznych dla danej konstrukcji. </li></ul><ul><li>www.prostujemyobrazslaska.pl </li></ul>
  7. 7. interfejs użytkownika <ul><li>część urządzenia odpowiedzialna za interakcję z użytkownikiem </li></ul><ul><li>[…] realizowany poprzez stronę internetową wyświetlaną w przeglądarce internetowej[…] </li></ul><ul><li>Zwykli użytkownicy postrzegają oprogramowanie wyłącznie poprzez interfejs użytkownika. </li></ul><ul><li>www.stomatologiagrzesiak.pl </li></ul>
  8. 8. architektura informacji <ul><li>Architekt informacji – osoba tworząca strukturę informacji w sposób umożliwiający użytkownikom jak najłatwiejsze dotarcie do poszukiwanej treści. </li></ul><ul><li>AI zwykło się łączyć z szerszym zagadnieniem użyteczności i projektowaniem zorientowanym na użytkownika (UCD) </li></ul><ul><li>www.cowiem.pl </li></ul>
  9. 9. prototypowanie Dlaczego warto stworzyć prototyp? Kto i ile dzięki niemu zyskuje?
  10. 10. zalety <ul><li>Graficzne przedstawienie specyfikacji </li></ul><ul><li>Łatwoprzyswajalne dla zleceniodawcy oraz wykonawców </li></ul><ul><li>Pomocne na każdym etapie prac </li></ul><ul><li>Eliminuje błędy przed przystąpieniem do etapu produkcji </li></ul>
  11. 11. kto zyskuje? <ul><li>Zleceniodawca – szybciej otrzymuje rezultat </li></ul><ul><li>Grafik – dokładnie określone elementy do projektowania </li></ul><ul><li>Programista – poglądowa wersja specyfikacji technicznej </li></ul><ul><li>Twórca prototypu – ma swój udział w projekcie  </li></ul>
  12. 12. wymagania <ul><li>Prostota w obsłudze </li></ul><ul><li>Minimalny czas na naukę oraz projektowanie </li></ul><ul><li>Przystępna grafika </li></ul><ul><li>Cena, wieloplatformowość, dostęp przez internet </li></ul>
  13. 13. to nie jest złoty środek <ul><li>Architektura informacji </li></ul><ul><li>Projektowanie interakcji </li></ul><ul><li>Badanie użyteczności </li></ul><ul><li>Grafika, kodowanie, marketing </li></ul>
  14. 14. oprogramowanie czego nie musimy się uczyć?
  15. 15. balsamiq mockups <ul><li>http://www.balsamiq.com/products/mockups </li></ul><ul><li>Tworzenie makiet (szkiców) </li></ul><ul><li>Gotowe elementy </li></ul><ul><li>Eksport do formatu PNG </li></ul>
  16. 16. A dobe Flash <ul><li>http://www.adobe.com/products/flash/ </li></ul><ul><li>Import PNG </li></ul><ul><li>Interaktywne przyciski </li></ul><ul><li>Zmienne oraz instrukcje warunkowe </li></ul>
  17. 17. przeglądarka internetowa
  18. 18. jak stworzyć? prezentacja
  19. 19. funkcje programu balsamiq mockups prezentacja na żywo
  20. 20. tworzenie klikalnego prototypu png + adobe flash prezentacja na żywo
  21. 21. rezultat podsumowanie
  22. 22. prototyp vs produkt <ul><li>www.stomatologiagrzesiak.pl </li></ul>
  23. 23. dlaczego warto? <ul><li>przystępna cena oprogramowania </li></ul><ul><li>oszczędność czasu </li></ul><ul><li>wymierny efekt prac dla zleceniodawcy </li></ul><ul><li>wiążące uzupełnienie specyfikacji </li></ul>
  24. 24. dziękuję za uwagę  e-mail: [email_address] telefon: +48 (0) 505 592 802 web: arturkepa.com metropolia: Silesia

×