EPI Interfejs użytkownika - lab. 1

Post on 21-Oct-2014

359 views 3 download

Tags:

description

 

Transcript of EPI Interfejs użytkownika - lab. 1

INTERFEJS użytkownika

emilia.obrzut@gmail.comwww.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ŁACHAEstimote, Inc.

MASZA ŁOJEKBold Interactive

WAŻNA OSOBA – TBCWażna Firma

+?

PROJEKT ZALICZENIOWY:

responsywny projekt funkcjonalny i graficzny interfejsu

NIE BĘDZIE:

BĘDZIE:

burza mózgów research

brief

customer journey canvas

dostępnośćreadability

złoty podział

microcopy

makietawzorzec projektowy

PROPOZYCJA 1:

e-Sekretariat EPI

PROPOZYCJA 2:

JAK BĘDZIEMYPROJEKTOWAĆ?

USER-CENTERED 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

/ G. Ambrose, P. Harris

Define Research Ideate Prototype Select Implement Learn

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ść

Wiem, że nic nie wiem

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

MOBILE ONE WEB

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

MOBILE FIRST RESPONSIVE

PROSTOTA = ELASTYCZNOŚĆskeumorfizm kontra flat design

PROSTOTA = SZYBKOŚĆ

PO PIERWSZE TREŚĆ

DOTYK I GESTY

CROSS-PLATFORM

POMYŚLIMY O...

CROSS-PLATFORMCOPE

NUI

FIRST PERSON USER INTERFACES

THE INTERNET OF THINGSczy Internet of Silos?

Ź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

FEEDYGibbon, 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

SŁUCHAJ

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