EPI Interfejs użytkownika - lab. 1

51
INTERFEJS użytkownika
  • date post

    21-Oct-2014
  • Category

    Design

  • view

    359
  • download

    3

description

 

Transcript of EPI Interfejs użytkownika - lab. 1

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

INTERFEJS użytkownika

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

[email protected]

Dyżur (online):poniedziałek, 14:00 – 15:00

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

facebook.com/groups/epi.interfejs

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

6 godzin wykładów·

7 godzin ćwiczeń·

podsumowanie + korekta

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

GOŚCIE!

GABI MAŁACHAEstimote, Inc.

MASZA ŁOJEKBold Interactive

WAŻNA OSOBA – TBCWażna Firma

+?

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

PROJEKT ZALICZENIOWY:

responsywny projekt funkcjonalny i graficzny interfejsu

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

NIE BĘDZIE:

Page 8: EPI Interfejs użytkownika - lab. 1
Page 9: EPI Interfejs użytkownika - lab. 1

BĘDZIE:

burza mózgów research

brief

customer journey canvas

dostępnośćreadability

złoty podział

microcopy

makietawzorzec projektowy

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

PROPOZYCJA 1:

e-Sekretariat EPI

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

PROPOZYCJA 2:

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

JAK BĘDZIEMYPROJEKTOWAĆ?

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

USER-CENTERED DESIGN

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

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

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

THE 7 STAGES OF DESIGN

/ G. Ambrose, P. Harris

Define Research Ideate Prototype Select Implement Learn

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

Define Research Ideate Select Prototype Learn

wszyscy:brief

Grupa 1:Research

Grupa 2:2 koncepcje

Grupa 3:makieta SG + podstrona

Grupa 5:projektgraficzny

Grupa 4:responsywność

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

Wiem, że nic nie wiem

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

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

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

MOBILE ONE WEB

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

» w 2014 r. liczba urządzeń mobilnych (7.3 miliarda) przekroczy liczbę ludzi!*

» 17.4% odsłon serwisów na świecie odbywa się 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/

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

MOBILE FIRST RESPONSIVE

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

PROSTOTA = ELASTYCZNOŚĆskeumorfizm kontra flat design

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

PROSTOTA = SZYBKOŚĆ

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

PO PIERWSZE TREŚĆ

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

DOTYK I GESTY

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

CROSS-PLATFORM

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

POMYŚLIMY O...

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

CROSS-PLATFORMCOPE

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

NUI

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

FIRST PERSON USER INTERFACES

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

THE INTERNET OF THINGSczy Internet of Silos?

Page 32: EPI Interfejs użytkownika - lab. 1
Page 33: EPI Interfejs użytkownika - lab. 1

ŹRÓDŁA:

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

CZYTAJ

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

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

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

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

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

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

Page 38: EPI Interfejs użytkownika - lab. 1
Page 39: EPI Interfejs użytkownika - lab. 1

FEEDYGibbon, Geisha, Sacha Greif, The News, Feedly, Flip, ...

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

IDŹ NA SKRÓTY :)

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

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

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

http://www.damnyouartschool.com/

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

http://learnthesecrethandshake.com/

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

OGLĄDAJ

Page 45: EPI Interfejs użytkownika - lab. 1
Page 46: EPI Interfejs użytkownika - lab. 1
Page 47: EPI Interfejs użytkownika - lab. 1

SŁUCHAJ

Page 48: EPI Interfejs użytkownika - lab. 1
Page 49: EPI Interfejs użytkownika - lab. 1
Page 50: EPI Interfejs użytkownika - lab. 1
Page 51: EPI Interfejs użytkownika - lab. 1

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