1. INTERFEJS
użytkownika

2. emilia.obrzut@gmail.com
www.obszar-roboczy.pl
Dyżur (online):
poniedziałek, 14:00 – 15:00

3. facebook.com/groups/epi.interfejs

4. 6 godzin wykładów
·
7 godzin ćwiczeń
·
podsumowanie + korekta

5. GOŚCIE!
GABI MAŁACHA
Estimote, Inc.
MASZA ŁOJEK
Bold Interactive
WAŻNA OSOBA – TBC
Ważna Firma
+?

6. PROJEKT
ZALICZENIOWY:
responsywny projekt funkcjonalny
i graficzny interfejsu

7. NIE BĘDZIE:

9. BĘDZIE:
customer journey canvas
microcopy
brief
burza mózgów
research
readability
wzorzec projektowy
złoty podział
dostępność
makieta

10. PROPOZYCJA 1:
e-Sekretariat EPI

11. PROPOZYCJA 2:

12. JAK BĘDZIEMY
PROJEKTOWAĆ?

13. USERCENTERED
DESIGN

14. USER-CENTERED DESIGN
podejście do projektowania interakcji człowieka
z komputerem, w którym potrzeby, wymagania
i ograniczenia końcowego użytkownika są szczegółowo
badane na każdym etapie procesu projektowego
WYRYJCIE TO SOBIE W SERCACH :)
/ Wikipedia

15. THE 7 STAGES OF DESIGN
Define
Research
Ideate
Prototype
Select
Implement
Learn
/ G. Ambrose, P. Harris

16. wszyscy:
brief
Define
Grupa 2:
2 koncepcje
Research
Grupa 1:
Research
Ideate
Grupa 4:
responsywność
Select
Prototype
Grupa 3:
makieta SG
+ podstrona
Grupa 5:
projekt
graficzny
Learn

17. Wiem, że nic nie wiem

18. AGNOSTYCYZM:
»» rozdzielczość
»» rozmiar ekranu
»» urządzenie
»» szybkość łącza
»» technologia

19. MOBILE ONE
WEB

20. »» 2014 r. liczba urządzeń mobilnych
w
(7.3 miliarda) przekroczy liczbę ludzi!*
»» 7.4% odsłon serwisów na świecie odbywa się
1
przy użyciu urządzeń mobilnych**
»» 75% posiadaczy telefonu korzysta z internetu
»» najczęściej – w domu!
/ *http://www.digitaltrends.com/mobile/mobile-phone-world-population-2014/
**http://mashable.com/2013/08/20/mobile-web-traffic/

21. MOBILE FIRST RESPONSIVE

22. PROSTOTA = ELASTYCZNOŚĆ
skeumorfizm kontra flat design

23. PROSTOTA = SZYBKOŚĆ

24. PO PIERWSZE TREŚĆ

25. DOTYK I GESTY

26. CROSS-PLATFORM

27. POMYŚLIMY
O...

28. CROSS-PLATFORM
COPE

29. NUI

30. FIRST PERSON USER INTERFACES

31. THE INTERNET OF THINGS
czy Internet of Silos?

33. ŹRÓDŁA:

34. CZYTAJ

35. Giles Colborne
„Prostota i użyteczność.
Projektowanie rozwiązań
internetowych, mobilnych
i interaktywnych”
Helion 2011

36. Gavin Ambrose,
Paul Harris
„Layout. Zasady.
Kompozycja.
Zastosowanie”
PWN 2008

37. Jennifer Tidwell
„Projektowanie interfejsów.
Sprawdzone wzorce
projektowe”
Helion 2012

39. FEEDY
Gibbon, Geisha, Sacha Greif, The News, Feedly, Flip, ...

40. IDŹ
NA SKRÓTY :)

41. http://www.smashingmagazine.com/2014/02/14/
learning-resources-roundup/

42. http://www.damnyouartschool.com/

43. http://learnthesecrethandshake.com/

44. OGLĄDAJ

47. SŁUCHAJ

51. ZADANIE DOMOWE:
insideintercom.io/the-dribbblisation-of-design
·
demosthenes.info/blog/814/
CSS-Level-4-And-More-Whats-Coming-In-2014
·
uxmag.com/articles/the-top-ux-predictions-for-2014