SlideShare a Scribd company logo
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:
EPI Interfejs użytkownika - lab. 1
BĘDZIE:
customer journey canvas
microcopy
brief

burza mózgów

research

readability
wzorzec projektowy
złoty podział

dostępność
makieta
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 ograniczenia końcowego użytkownika są szczegółowo
badane na każdym etapie procesu projektowego
WYRYJCIE TO SOBIE W SERCACH :)

/ Wikipedia
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

Prototype

Grupa 3:
makieta SG
+ podstrona

Grupa 5:
projekt
graficzny

Learn
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 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/
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?
EPI Interfejs użytkownika - lab. 1
Ź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
EPI Interfejs użytkownika - lab. 1
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
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
SŁUCHAJ
EPI Interfejs użytkownika - lab. 1
EPI Interfejs użytkownika - lab. 1
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

More Related Content

PDF
EPI Interfejs użytkownika - lab. 2
PDF
Projektowanie ergonomicznych interfejsów użytkownika
PDF
dobry dizajn
PPTX
Examples of Design Briefs
PDF
EPI Interfejs użytkownika - lab. 7
PDF
EPI Interfejs użytkownika - lab. 6
PDF
EPI Interfejs użytkownika - lab. 5
PDF
EPI Interfejs użytkownika - lab. 4
EPI Interfejs użytkownika - lab. 2
Projektowanie ergonomicznych interfejsów użytkownika
dobry dizajn
Examples of Design Briefs
EPI Interfejs użytkownika - lab. 7
EPI Interfejs użytkownika - lab. 6
EPI Interfejs użytkownika - lab. 5
EPI Interfejs użytkownika - lab. 4
Ad

EPI Interfejs użytkownika - lab. 1