EPI Interfejs użytkownika - lab. 5

63
Prototype Sel ate

description

 

Transcript of EPI Interfejs użytkownika - lab. 5

Page 1: EPI Interfejs użytkownika - lab. 5

Prototype SelectIdeate

Page 2: EPI Interfejs użytkownika - lab. 5

1. EKSPOZYCJA ELEMENTÓW

2. ORGANIZACJA ELEMENTÓW

3. NAWIGACJA

Page 3: EPI Interfejs użytkownika - lab. 5

4.CZYNNOŚCI I POLECENIA

Page 4: EPI Interfejs użytkownika - lab. 5

WZORCEPROJEKTOWE

Page 5: EPI Interfejs użytkownika - lab. 5

GRUPY PRZYCISKÓWGestalt

Page 6: EPI Interfejs użytkownika - lab. 5

UKRYTE NARZĘDZIANawigacja asocjacyjna

Page 7: EPI Interfejs użytkownika - lab. 5

INTELIGENTNE ELEMENTY MENU

Page 8: EPI Interfejs użytkownika - lab. 5

PODGLĄDBezpieczna eksploracja

Page 9: EPI Interfejs użytkownika - lab. 5

WSKAŹNIK POSTĘPU + ODWOŁYWALNOŚĆ

Page 10: EPI Interfejs użytkownika - lab. 5

AUTOUZUPEŁNIANIE + POPRAWNEWARTOŚCI DOMYŚLNE

Page 11: EPI Interfejs użytkownika - lab. 5

POBŁAŻLIWY FORMAT DANYCH

Page 12: EPI Interfejs użytkownika - lab. 5

WSKAZÓWKI

Page 13: EPI Interfejs użytkownika - lab. 5

KOMUNIKATY O BŁĘDACH

Page 14: EPI Interfejs użytkownika - lab. 5

5.RWD

Page 15: EPI Interfejs użytkownika - lab. 5

RESPONSIVE:will fluidly change and respond to fit any screen or device size

ADAPTIVE:will change to fit a predetermined set of screen and device sizes

/ www.techrepublic.com/blog/web-designer/what-is-the-difference-between-responsive-vs-adaptive-web-design

Page 16: EPI Interfejs użytkownika - lab. 5

PROBLEMY

Page 17: EPI Interfejs użytkownika - lab. 5

RÓŻNE EKRANY

Page 18: EPI Interfejs użytkownika - lab. 5

OBRACANIE

Page 19: EPI Interfejs użytkownika - lab. 5

www.responsinator.com

Page 20: EPI Interfejs użytkownika - lab. 5

RÓŻNE SYSTEMY OPERACYJNE

Page 21: EPI Interfejs użytkownika - lab. 5

RETINA

Page 22: EPI Interfejs użytkownika - lab. 5

EKRANY DOTYKOWEBrak prawego klawisza, hovera

Page 23: EPI Interfejs użytkownika - lab. 5

KLAWIATURA

Page 24: EPI Interfejs użytkownika - lab. 5

EKRANY DOTYKOWENowe rozwiązania

Page 25: EPI Interfejs użytkownika - lab. 5

ROZPROSZENIE UWAGI

Page 26: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ URZĄDZEŃMOBILNYCH:

GPSkameramikrofonwibracjegesty+dotykaplikacje

Page 27: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ MOBILE

Page 28: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ MOBILE

Page 29: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ MOBILE

Page 30: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ MOBILE

Page 31: EPI Interfejs użytkownika - lab. 5

POTENCJAŁ MOBILE

Page 32: EPI Interfejs użytkownika - lab. 5

JAK PROJEKTOWAĆ?

Page 33: EPI Interfejs użytkownika - lab. 5

MOBILE FIRST

Page 34: EPI Interfejs użytkownika - lab. 5

ODWRÓCONA PIRAMIDA

Page 35: EPI Interfejs użytkownika - lab. 5

TYLKO NAJWAŻNIEJSZE FUNKCJE

Page 36: EPI Interfejs użytkownika - lab. 5

JAK NAJMNIEJ PISANIA

Page 37: EPI Interfejs użytkownika - lab. 5

JAK NAJMNIEJ PISANIA

Page 38: EPI Interfejs użytkownika - lab. 5

WZORCE PROJEKTOPWE

Page 39: EPI Interfejs użytkownika - lab. 5

PIONOWY STOS

Page 40: EPI Interfejs użytkownika - lab. 5

KLISZA

Page 41: EPI Interfejs użytkownika - lab. 5

DOLNY PASEK NAWIGACYJNYStopka

Page 42: EPI Interfejs użytkownika - lab. 5

NIESKOŃCZONA LISTA

Page 43: EPI Interfejs użytkownika - lab. 5

BUTTONY I MARGINESY

Page 44: EPI Interfejs użytkownika - lab. 5

NARZĘDZIA DOTYKOWEUkryte funkcje

Page 45: EPI Interfejs użytkownika - lab. 5

POŁĄCZONE APLIKACJECOPE, cross-platform

Page 46: EPI Interfejs użytkownika - lab. 5

6.SOCIAL MEDIA

Page 47: EPI Interfejs użytkownika - lab. 5

ZALETY:

darmowynieograniczony zasięgcross-mediakontrola nad kreowaniem wizerunkufeedbackviral

Page 48: EPI Interfejs użytkownika - lab. 5

STRATEGIA:

generuj dobry contentregularnośćporządek tematyczny, logiczny ciągwięcej niż jeden kanałpozwól dzielić się treściąpozwól oceniaćsłuchaj i ucz się

Page 49: EPI Interfejs użytkownika - lab. 5

WZORCEPROJEKTOWE

Page 50: EPI Interfejs użytkownika - lab. 5

PRZEGLĄD TEMATYCZNYCiekawy content odwraca uwagę od działań marketingowych

Page 51: EPI Interfejs użytkownika - lab. 5

OSOBISTE WYPOWIEDZI

Page 52: EPI Interfejs użytkownika - lab. 5

ZAGAJENIA

Page 53: EPI Interfejs użytkownika - lab. 5

ODWRÓCONA MIKROPIRAMIDA

Page 54: EPI Interfejs użytkownika - lab. 5

HARMONOGRAM

Twitter: 3-15 x dziennieFB: 1 x 1-2 dniblogi: 1 x 2-4 dnimailing: jak najrzadziej

repostowaniezawsze na bieżąco

Page 55: EPI Interfejs użytkownika - lab. 5

RANKING TREŚCIPorady innych

Page 56: EPI Interfejs użytkownika - lab. 5

LINKI I WSPÓŁDZIELENIEOsobiste rekomendacje

Page 57: EPI Interfejs użytkownika - lab. 5

7.BRANDING

Page 58: EPI Interfejs użytkownika - lab. 5

INTERNET = BIZNESStart-upy, aplikacje itp.

Page 59: EPI Interfejs użytkownika - lab. 5

ELASTYCZNOŚĆCOPE, zgodność również w druku!

Page 60: EPI Interfejs użytkownika - lab. 5

SPÓJNOŚĆ

Page 61: EPI Interfejs użytkownika - lab. 5

ORYGINALNOŚĆ

Page 62: EPI Interfejs użytkownika - lab. 5

NA CZASIE... ALE Z WYCZUCIEM :)

Page 63: EPI Interfejs użytkownika - lab. 5

INSIGHT!