EPI Interfejs użytkownika - lab. 5

Post on 01-Dec-2014

228 views 2 download

description

 

Transcript of EPI Interfejs użytkownika - lab. 5

Prototype SelectIdeate

1. EKSPOZYCJA ELEMENTÓW

2. ORGANIZACJA ELEMENTÓW

3. NAWIGACJA

4.CZYNNOŚCI I POLECENIA

WZORCEPROJEKTOWE

GRUPY PRZYCISKÓWGestalt

UKRYTE NARZĘDZIANawigacja asocjacyjna

INTELIGENTNE ELEMENTY MENU

PODGLĄDBezpieczna eksploracja

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

AUTOUZUPEŁNIANIE + POPRAWNEWARTOŚCI DOMYŚLNE

POBŁAŻLIWY FORMAT DANYCH

WSKAZÓWKI

KOMUNIKATY O BŁĘDACH

5.RWD

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

PROBLEMY

RÓŻNE EKRANY

OBRACANIE

www.responsinator.com

RÓŻNE SYSTEMY OPERACYJNE

RETINA

EKRANY DOTYKOWEBrak prawego klawisza, hovera

KLAWIATURA

EKRANY DOTYKOWENowe rozwiązania

ROZPROSZENIE UWAGI

POTENCJAŁ URZĄDZEŃMOBILNYCH:

GPSkameramikrofonwibracjegesty+dotykaplikacje

POTENCJAŁ MOBILE

POTENCJAŁ MOBILE

POTENCJAŁ MOBILE

POTENCJAŁ MOBILE

POTENCJAŁ MOBILE

JAK PROJEKTOWAĆ?

MOBILE FIRST

ODWRÓCONA PIRAMIDA

TYLKO NAJWAŻNIEJSZE FUNKCJE

JAK NAJMNIEJ PISANIA

JAK NAJMNIEJ PISANIA

WZORCE PROJEKTOPWE

PIONOWY STOS

KLISZA

DOLNY PASEK NAWIGACYJNYStopka

NIESKOŃCZONA LISTA

BUTTONY I MARGINESY

NARZĘDZIA DOTYKOWEUkryte funkcje

POŁĄCZONE APLIKACJECOPE, cross-platform

6.SOCIAL MEDIA

ZALETY:

darmowynieograniczony zasięgcross-mediakontrola nad kreowaniem wizerunkufeedbackviral

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ę

WZORCEPROJEKTOWE

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

OSOBISTE WYPOWIEDZI

ZAGAJENIA

ODWRÓCONA MIKROPIRAMIDA

HARMONOGRAM

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

repostowaniezawsze na bieżąco

RANKING TREŚCIPorady innych

LINKI I WSPÓŁDZIELENIEOsobiste rekomendacje

7.BRANDING

INTERNET = BIZNESStart-upy, aplikacje itp.

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

SPÓJNOŚĆ

ORYGINALNOŚĆ

NA CZASIE... ALE Z WYCZUCIEM :)

INSIGHT!