Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

EPI Interfejs użytkownika - lab. 1

797 views

Published on

Published in: Design
  • Be the first to comment

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

×