Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
INTERFEJS
użytkownika
emilia.obrzut@gmail.com
www.obszar-roboczy.pl
Dyżur (online):
poniedziałek, 14:00 – 15:00
facebook.com/groups/epi.interfejs
6 godzin wykładów
·
7 godzin ćwiczeń
·
podsumowanie + korekta
GOŚCIE!
GABI MAŁACHA

Estimote, Inc.

MASZA ŁOJEK

Bold Interactive

WAŻNA OSOBA – TBC
Ważna Firma

+?
PROJEKT
ZALICZENIOWY:
responsywny projekt funkcjonalny
i graficzny interfejsu
NIE BĘDZIE:
BĘDZIE:
customer journey canvas
microcopy
brief

burza mózgów

research

readability
wzorzec projektowy
złoty podział

dos...
PROPOZYCJA 1:
e-Sekretariat EPI
PROPOZYCJA 2:
JAK BĘDZIEMY
PROJEKTOWAĆ?
USERCENTERED
DESIGN
USER-CENTERED DESIGN

podejście do projektowania interakcji człowieka
z komputerem, w którym potrzeby, wymagania
i ogranic...
THE 7 STAGES OF DESIGN
Define

Research

Ideate

Prototype

Select

Implement

Learn

/ G. Ambrose, P. Harris
wszyscy:
brief

Define

Grupa 2:
2 koncepcje

Research

Grupa 1:
Research

Ideate

Grupa 4:
responsywność

Select

Prototy...
Wiem, że nic nie wiem
AGNOSTYCYZM:
»» rozdzielczość
»» rozmiar ekranu
»» urządzenie
»» szybkość łącza
»» technologia
MOBILE ONE
WEB
»»  2014 r. liczba urządzeń mobilnych
w
(7.3 miliarda) przekroczy liczbę ludzi!*
»»  7.4% odsłon serwisów na świecie odbyw...
MOBILE FIRST RESPONSIVE
PROSTOTA = ELASTYCZNOŚĆ

skeumorfizm kontra flat design
PROSTOTA = SZYBKOŚĆ
PO PIERWSZE TREŚĆ
DOTYK I GESTY
CROSS-PLATFORM
POMYŚLIMY
O...
CROSS-PLATFORM

COPE
NUI
FIRST PERSON USER INTERFACES
THE INTERNET OF THINGS

czy Internet of Silos?
ŹRÓDŁA:
CZYTAJ
Giles Colborne
„Prostota i użyteczność.
Projektowanie rozwiązań
internetowych, mobilnych
i interaktywnych”
Helion 2011
Gavin Ambrose,
Paul Harris
„Layout. Zasady.
Kompozycja.
Zastosowanie”
PWN 2008
Jennifer Tidwell
„Projektowanie interfejsów.
Sprawdzone wzorce
projektowe”
Helion 2012
FEEDY

Gibbon, Geisha, Sacha Greif, The News, Feedly, Flip, ...
IDŹ
NA SKRÓTY :)
http://www.smashingmagazine.com/2014/02/14/
learning-resources-roundup/
http://www.damnyouartschool.com/
http://learnthesecrethandshake.com/
OGLĄDAJ
SŁUCHAJ
ZADANIE DOMOWE:
insideintercom.io/the-dribbblisation-of-design

·

demosthenes.info/blog/814/
CSS-Level-4-And-More-Whats-C...
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
Nächste SlideShare
Wird geladen in …5
×

EPI Interfejs użytkownika - lab. 1

806 Aufrufe

Veröffentlicht am

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

EPI Interfejs użytkownika - lab. 1

  1. 1. INTERFEJS użytkownika
  2. 2. emilia.obrzut@gmail.com www.obszar-roboczy.pl Dyżur (online): poniedziałek, 14:00 – 15:00
  3. 3. facebook.com/groups/epi.interfejs
  4. 4. 6 godzin wykładów · 7 godzin ćwiczeń · podsumowanie + korekta
  5. 5. GOŚCIE! GABI MAŁACHA Estimote, Inc. MASZA ŁOJEK Bold Interactive WAŻNA OSOBA – TBC Ważna Firma +?
  6. 6. PROJEKT ZALICZENIOWY: responsywny projekt funkcjonalny i graficzny interfejsu
  7. 7. NIE BĘDZIE:
  8. 8. BĘDZIE: customer journey canvas microcopy brief burza mózgów research readability wzorzec projektowy złoty podział dostępność makieta
  9. 9. PROPOZYCJA 1: e-Sekretariat EPI
  10. 10. PROPOZYCJA 2:
  11. 11. JAK BĘDZIEMY PROJEKTOWAĆ?
  12. 12. USERCENTERED DESIGN
  13. 13. 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
  14. 14. THE 7 STAGES OF DESIGN Define Research Ideate Prototype Select Implement Learn / G. Ambrose, P. Harris
  15. 15. 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
  16. 16. Wiem, że nic nie wiem
  17. 17. AGNOSTYCYZM: »» rozdzielczość »» rozmiar ekranu »» urządzenie »» szybkość łącza »» technologia
  18. 18. MOBILE ONE WEB
  19. 19. »» 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/
  20. 20. MOBILE FIRST RESPONSIVE
  21. 21. PROSTOTA = ELASTYCZNOŚĆ skeumorfizm kontra flat design
  22. 22. PROSTOTA = SZYBKOŚĆ
  23. 23. PO PIERWSZE TREŚĆ
  24. 24. DOTYK I GESTY
  25. 25. CROSS-PLATFORM
  26. 26. POMYŚLIMY O...
  27. 27. CROSS-PLATFORM COPE
  28. 28. NUI
  29. 29. FIRST PERSON USER INTERFACES
  30. 30. THE INTERNET OF THINGS czy Internet of Silos?
  31. 31. ŹRÓDŁA:
  32. 32. CZYTAJ
  33. 33. Giles Colborne „Prostota i użyteczność. Projektowanie rozwiązań internetowych, mobilnych i interaktywnych” Helion 2011
  34. 34. Gavin Ambrose, Paul Harris „Layout. Zasady. Kompozycja. Zastosowanie” PWN 2008
  35. 35. Jennifer Tidwell „Projektowanie interfejsów. Sprawdzone wzorce projektowe” Helion 2012
  36. 36. FEEDY Gibbon, Geisha, Sacha Greif, The News, Feedly, Flip, ...
  37. 37. IDŹ NA SKRÓTY :)
  38. 38. http://www.smashingmagazine.com/2014/02/14/ learning-resources-roundup/
  39. 39. http://www.damnyouartschool.com/
  40. 40. http://learnthesecrethandshake.com/
  41. 41. OGLĄDAJ
  42. 42. SŁUCHAJ
  43. 43. 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

×