design onkraj pleskanja fasad

62
Design onkraj pleskanja fasad Natan Nikolič user experience designer [email protected] aldente.me nathannever @ twitter

Upload: natan-nikolic

Post on 18-Jan-2015

1.014 views

Category:

Design


2 download

DESCRIPTION

Splet, kot ga pojmujemo, predstavlja široko paleto spletnih mest ustvarjenih s specifičnimi nameni in določenimi cilji. Da bi spletno mesto doseglo zastavljene cilje, je potrebno strateško orodje – celovit pristop k oblikovanju uporabniške izkušnje. Oblikovanje onkraj pleskanja fasad, očiščeno navideznih zakonitosti, intime, kapric in ega.

TRANSCRIPT

Page 1: Design onkraj pleskanja fasad

Designonkraj pleskanja fasad

Natan Nikoličuser experience designer

[email protected] @ twitter

Page 2: Design onkraj pleskanja fasad

Hello,

Third Frame Studios

sonce.net

3delavnica,

bonsai,

kulinarika,

...

Page 3: Design onkraj pleskanja fasad

Design?!

nerazumevanje pojma dizajn, smatranje dizajna kot samo forme oz. visualnega aspekta

Page 4: Design onkraj pleskanja fasad

design |dəˈzīn|verb [ trans. ]decide upon the look and functioning of (a building, garment, or other object), typically by making a detailed drawing of it : a number of architectural students were designing a factory | [as adj. with submodifier ] ( designed) specially designed buildings.• (often be designed) do or plan (something) with a specific purpose or intention in mind : [ trans. ] the tax changes were designed to stimulate economic growth.

design kot glagol = proces zavestnega sprejemanja odločitev z namenom definirati karakteristike stvari

Page 5: Design onkraj pleskanja fasad

design |dəˈzīn|noun1 a plan or drawing produced to show the look and function or workings of a building, garment, or other object before it is built or made : he has just unveiled his design for the new museum.• the art or action of conceiving of and producing such a plan or drawing : good design can help the reader understand complicated information | the cloister is of late twelfth century design.• an arrangement of lines or shapes created to form a pattern or decoration : pottery with a lovely blue and white design.

2 purpose, planning, or intention that exists or is thought to exist behind an action, fact, or material object : the appearance of design in the universe.

design kot samostalnik = rezultat miselnega procesa; sprejete vse odločitve; pogovor o dizajnu nečesa je analiza odločitev in namenov; reverzni inžinering procesa in ne njegove fizične manifestacije - lahko govorimo tudi o designu brez manifestacije

Page 6: Design onkraj pleskanja fasad

In umetnost?

prav tako ni naključna

Page 7: Design onkraj pleskanja fasad

tanka meja

filozofsko gledano je ločilnica ravno namen: umetnost - subjektivno izražanje, posredno vizualno komuniciranje / dizajn: služi namenu (osebnemu, komercialnemu, družbenemu ...)

Page 8: Design onkraj pleskanja fasad

“Umetnost probleme ustvarja, design pa jih rešuje”

Page 9: Design onkraj pleskanja fasad

Namen!

meja postane veliko bolj jasna, ko namen definira nekdo drug, kot pa sam umetnik oz. izvajalec

Page 10: Design onkraj pleskanja fasad

arhitektura

Page 11: Design onkraj pleskanja fasad

industrijski dizajn

Page 12: Design onkraj pleskanja fasad

interierni dizajn

Page 13: Design onkraj pleskanja fasad

information design

Page 14: Design onkraj pleskanja fasad

grafični dizajn

Page 15: Design onkraj pleskanja fasad

dizajn uporabniških vmesnikov

Page 16: Design onkraj pleskanja fasad

dizajn črkovnih vrst

Page 17: Design onkraj pleskanja fasad

itd.

Page 18: Design onkraj pleskanja fasad

• interdisciplinarna področja

• delovne skupine

• komercialni cilji

• kapitalna odvisnost

• različni interesi & rezultati

Page 19: Design onkraj pleskanja fasad

In splet?

Page 20: Design onkraj pleskanja fasad

Kaj definira dizajn spletnega mesta

Page 21: Design onkraj pleskanja fasad

dizajn SM = UX dizajn

Page 22: Design onkraj pleskanja fasad

user mental models

dizajn SM = UX dizajn

študija miselnih procesov in kognicije

Page 23: Design onkraj pleskanja fasad

task flow analysis

mental models

dizajn SM = UX dizajn

študija načina opravil preko uporabniških scenarijev

Page 24: Design onkraj pleskanja fasad

information arch.

task flow analysis

mental models

dizajn SM = UX dizajn

organizacija informacij v koherentne enote

Page 25: Design onkraj pleskanja fasad

interface design

information arch.

task flow analysis

mental models

dizajn SM = UX dizajn

definiranja skeleta

Page 26: Design onkraj pleskanja fasad

interaction design

interface design

information arch.

task flow analysis

mental models

dizajn SM = UX dizajn

definicija interakcije

Page 27: Design onkraj pleskanja fasad

information design

interaction design

interface design

information arch.

task flow analysis

mental models

dizajn SM = UX dizajn

koherentna upodobitev vsebin

Page 28: Design onkraj pleskanja fasad

visual design

information design

interaction design

interface design

information arch.

task flow analysis

mental models

dizajn SM = UX dizajn

art direction / branding

Page 29: Design onkraj pleskanja fasad

UX design

dizajn SM = UX dizajn

prvine UX designa ne definirajo delovnih funkcij ekipe ali linearnega delovnega/miselnega procesaso osnovne komponente za upravljanje človeškega dojemanja interakcije s strojem dokumentacija, načrti, in vizualne upodobitve spletnih mest = rezultat miselnega procesa

Page 30: Design onkraj pleskanja fasad

Kaj je spletno mesto?

Page 31: Design onkraj pleskanja fasad

backend koda

spletno mesto

Page 32: Design onkraj pleskanja fasad

baza

backend koda

spletno mesto

Page 33: Design onkraj pleskanja fasad

front-end koda

baza

backend koda

spletno mesto

Page 34: Design onkraj pleskanja fasad

grafika

front-end koda

baza

backend koda

spletno mesto

Page 35: Design onkraj pleskanja fasad

vsebina

grafika

front-end koda

baza

backend koda

spletno mesto

Page 36: Design onkraj pleskanja fasad

spletno mesto

spletno mesto

fizična manifestacija oz. utelešenje dizajna

Page 37: Design onkraj pleskanja fasad

UX design

dizajn vs. izdelek

spletno mesto

fizična manifestacija je proces tehnološke izvedbe “po receptu” dizajna

Page 38: Design onkraj pleskanja fasad

rezultat miselnega procesa

dizajn vs. izdelek

fizična manifestacija

Page 39: Design onkraj pleskanja fasad

UX design

dizajn vs. izdelek

spletno mesto=

v idealnem primeru je fizična manifestacija = rezultat miselnega procesa

Page 40: Design onkraj pleskanja fasad

UX design

dizajn vs. izdelek

spletno mesto

v večini primerov pa se končni rezultat izvedbe razlikuje od dizajna

Page 41: Design onkraj pleskanja fasad

karakteristike izdelka

= dizajn + teh. izvedba

dizajn torej ne predstavlja karakteristik njegove fizične manifestacije pač pa še vedno rezultat miselnega procesa

Page 42: Design onkraj pleskanja fasad

user experience = dizajn + teh. izvedba

- ocenjevanje karakteristik SM = empirično, kvalitativno merjenje uporabniške percepcije- pogoj za analizo UX-a = fizična manifestacija

Page 43: Design onkraj pleskanja fasad

design = user experience - teh. izvedba

Page 44: Design onkraj pleskanja fasad

UX dizajn ekipe

Page 45: Design onkraj pleskanja fasad

UX design ekipe

• analitiki

• informacijski arhitekti

• interface dizajnerji

• information dizajnerji

• visual dizajnerji

• front-end programerji

• back-end programerji

Page 46: Design onkraj pleskanja fasad

UX design ekipe

• analitiki

• informacijski arhitekti

• interface dizajnerji

• information dizajnerji

• visual dizajnerji

• front-end programerji

• back-end programerji

visual design

information design

interaction design

interface design

information arch.

task flow analysis

mental models

Page 47: Design onkraj pleskanja fasad

Vrtičkanje!

Page 48: Design onkraj pleskanja fasad

načrtovalci (tendenca funkcije nad formo).zanemarjanje znanja s področja visual in information designa, ter spletnih tehnologij

Page 49: Design onkraj pleskanja fasad

visual dizajnerji (tendenca forme nad funkcijo)zanemarjanje znanja s področja information, interface in interaction designa, ter spletnih tehnologij

Page 50: Design onkraj pleskanja fasad

programerji (modern. tendence k univezalnemu sistemu)zanemarjanje znanja s področja visual in information designa

Page 51: Design onkraj pleskanja fasad

Rešitev?

Page 52: Design onkraj pleskanja fasad

Je ni!

Page 53: Design onkraj pleskanja fasad

Pravila so, da se jih krši.

Page 54: Design onkraj pleskanja fasad

“Dizajn je upravljanje z omejitvami.”

— Dino Dini

diskutabilnimi in nediskutabilnimi

Page 55: Design onkraj pleskanja fasad

Eksperimentiranje in kršenje pravil z namenom doseči pomembnejši cilj ...

Page 56: Design onkraj pleskanja fasad

Vendar to še ni vse...

dizajn ima mnogo večjo vlogo, kot samo rešitev problemov oz. namenov projekta

Page 57: Design onkraj pleskanja fasad

vizualno onesnaževanje

rezultat kaosa in anarhije znotraj design stroke

Page 58: Design onkraj pleskanja fasad

modernizem

rezultat pretirane obsesije s poenotenjem oz. univerzalnostjo

Page 59: Design onkraj pleskanja fasad

postmodernizem

rezultat borbe proti monotonosti

Page 60: Design onkraj pleskanja fasad

poenotenjeuniformiranost

raznolikostkaotičnostVS.

= cikel = ideologije- dober dizajn rešuje tako mikroprobleme (projektni cilji), kot makroprobleme (vpliv na družbo)- obdobje zanimive tranzicije, ki se dogaja trenutno na webu = zgodovini dizajna realnega sveta (modernizem)- najpomembnejša je uravnoteženost

Page 61: Design onkraj pleskanja fasad

Hvala.

Page 62: Design onkraj pleskanja fasad

Vprašanja.