Design
  onkraj pleskanja fasad



                           natann@gmail.com
          Natan Nikolič
                   ...
Hello,


                      3delavnica,
                      bonsai,
Third Frame Studios   kulinarika,
sonce.net      ...
Design?!



nerazumevanje pojma dizajn, smatranje dizajna kot samo forme oz. visualnega aspekta
design |dəˈzīn|
        verb [ trans. ]
        decide upon the look and functioning of (a building, garment, or other obj...
design |dəˈzīn|
        noun
        1 a plan or drawing produced to show the look and function or workings of a
        b...
In umetnost?



prav tako ni naključna
tanka meja

filozofsko gledano je ločilnica ravno namen: umetnost - subjektivno izražanje, posredno
vizualno komuniciranje ...
“Umetnost probleme ustvarja,
   design pa jih rešuje”
Namen!



meja postane veliko bolj jasna, ko namen definira nekdo drug, kot pa sam umetnik oz.
izvajalec
arhitektura
industrijski dizajn
interierni dizajn
information design
grafični dizajn
dizajn uporabniških vmesnikov
dizajn črkovnih vrst
itd.
• interdisciplinarna področja

• delovne skupine

• komercialni cilji

• kapitalna odvisnost

• različni interesi & rezult...
In splet?
Kaj definira dizajn spletnega mesta
dizajn SM = UX dizajn
dizajn SM = UX dizajn




         user mental models


študija miselnih procesov in kognicije
dizajn SM = UX dizajn




        task flow analysis
        mental models


študija načina opravil preko uporabniških scen...
dizajn SM = UX dizajn




        information arch.
        task flow analysis
        mental models


organizacija informa...
dizajn SM = UX dizajn




        interface design
        information arch.
        task flow analysis
        mental mode...
dizajn SM = UX dizajn



         interaction design
         interface design
         information arch.
         task flo...
dizajn SM = UX dizajn


        information design
        interaction design
        interface design
        information...
dizajn SM = UX dizajn

         visual design
         information design
         interaction design
         interface d...
dizajn SM = UX dizajn




        UX design




prvine UX designa ne definirajo delovnih funkcij ekipe ali linearnega delov...
Kaj je spletno mesto?
spletno mesto




backend koda
spletno mesto




baza
backend koda
spletno mesto




front-end koda
baza
backend koda
spletno mesto




grafika
front-end koda
baza
backend koda
spletno mesto



vsebina
grafika
front-end koda
baza
backend koda
spletno mesto




         spletno mesto




fizična manifestacija oz. utelešenje dizajna
dizajn vs. izdelek




        UX design                             spletno mesto




fizična manifestacija je proces tehn...
dizajn vs. izdelek




rezultat miselnega   fizična manifestacija
procesa
dizajn vs. izdelek




                                   =
        UX design                             spletno mesto


...
dizajn vs. izdelek




         UX design                             spletno mesto




v večini primerov pa se končni rez...
karakteristike                  = dizajn + teh. izvedba
       izdelka




dizajn torej ne predstavlja karakteristik njego...
user experience = dizajn + teh. izvedba




- ocenjevanje karakteristik SM = empirično, kvalitativno merjenje uporabniške ...
design = user experience - teh. izvedba
UX dizajn ekipe
UX design ekipe

• analitiki
• informacijski arhitekti
• interface dizajnerji
• information dizajnerji
• visual dizajnerji...
UX design ekipe

                            visual design
• analitiki
                            information design
• in...
Vrtičkanje!
načrtovalci (tendenca funkcije nad formo).
zanemarjanje znanja s področja visual in information designa, ter
spletnih tehn...
visual dizajnerji (tendenca forme nad funkcijo)
zanemarjanje znanja s področja information, interface in
interaction desig...
programerji (modern. tendence k univezalnemu sistemu)
zanemarjanje znanja s področja visual in information designa
Rešitev?
Je ni!
Pravila so, da se jih krši.
“Dizajn je upravljanje z omejitvami.”

                                       — Dino Dini




diskutabilnimi in nediskutab...
Eksperimentiranje in kršenje pravil z
namenom doseči pomembnejši cilj ...
Vendar to še ni vse...



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

rezultat kaosa in anarhije znotraj design stroke
modernizem

rezultat pretirane obsesije s poenotenjem oz. univerzalnostjo
postmodernizem

rezultat borbe proti monotonosti
poenotenje                      raznolikost
                                          VS.
           uniformiranost       ...
Hvala.
Vprašanja.
Upcoming SlideShare
Loading in...5
×

Design onkraj pleskanja fasad

1,047

Published on

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.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,047
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design onkraj pleskanja fasad

  1. 1. Design onkraj pleskanja fasad natann@gmail.com Natan Nikolič aldente.me user experience designer nathannever @ twitter
  2. 2. Hello, 3delavnica, bonsai, Third Frame Studios kulinarika, sonce.net ...
  3. 3. Design?! nerazumevanje pojma dizajn, smatranje dizajna kot samo forme oz. visualnega aspekta
  4. 4. 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
  5. 5. design |dəˈzīn| noun 1 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
  6. 6. In umetnost? prav tako ni naključna
  7. 7. tanka meja filozofsko gledano je ločilnica ravno namen: umetnost - subjektivno izražanje, posredno vizualno komuniciranje / dizajn: služi namenu (osebnemu, komercialnemu, družbenemu ...)
  8. 8. “Umetnost probleme ustvarja, design pa jih rešuje”
  9. 9. Namen! meja postane veliko bolj jasna, ko namen definira nekdo drug, kot pa sam umetnik oz. izvajalec
  10. 10. arhitektura
  11. 11. industrijski dizajn
  12. 12. interierni dizajn
  13. 13. information design
  14. 14. grafični dizajn
  15. 15. dizajn uporabniških vmesnikov
  16. 16. dizajn črkovnih vrst
  17. 17. itd.
  18. 18. • interdisciplinarna področja • delovne skupine • komercialni cilji • kapitalna odvisnost • različni interesi & rezultati
  19. 19. In splet?
  20. 20. Kaj definira dizajn spletnega mesta
  21. 21. dizajn SM = UX dizajn
  22. 22. dizajn SM = UX dizajn user mental models študija miselnih procesov in kognicije
  23. 23. dizajn SM = UX dizajn task flow analysis mental models študija načina opravil preko uporabniških scenarijev
  24. 24. dizajn SM = UX dizajn information arch. task flow analysis mental models organizacija informacij v koherentne enote
  25. 25. dizajn SM = UX dizajn interface design information arch. task flow analysis mental models definiranja skeleta
  26. 26. dizajn SM = UX dizajn interaction design interface design information arch. task flow analysis mental models definicija interakcije
  27. 27. dizajn SM = UX dizajn information design interaction design interface design information arch. task flow analysis mental models koherentna upodobitev vsebin
  28. 28. dizajn SM = UX dizajn visual design information design interaction design interface design information arch. task flow analysis mental models art direction / branding
  29. 29. dizajn SM = UX dizajn UX design prvine UX designa ne definirajo delovnih funkcij ekipe ali linearnega delovnega/miselnega procesa so osnovne komponente za upravljanje človeškega dojemanja interakcije s strojem dokumentacija, načrti, in vizualne upodobitve spletnih mest = rezultat miselnega procesa
  30. 30. Kaj je spletno mesto?
  31. 31. spletno mesto backend koda
  32. 32. spletno mesto baza backend koda
  33. 33. spletno mesto front-end koda baza backend koda
  34. 34. spletno mesto grafika front-end koda baza backend koda
  35. 35. spletno mesto vsebina grafika front-end koda baza backend koda
  36. 36. spletno mesto spletno mesto fizična manifestacija oz. utelešenje dizajna
  37. 37. dizajn vs. izdelek UX design spletno mesto fizična manifestacija je proces tehnološke izvedbe “po receptu” dizajna
  38. 38. dizajn vs. izdelek rezultat miselnega fizična manifestacija procesa
  39. 39. dizajn vs. izdelek = UX design spletno mesto v idealnem primeru je fizična manifestacija = rezultat miselnega procesa
  40. 40. dizajn vs. izdelek UX design spletno mesto v večini primerov pa se končni rezultat izvedbe razlikuje od dizajna
  41. 41. karakteristike = dizajn + teh. izvedba izdelka dizajn torej ne predstavlja karakteristik njegove fizične manifestacije pač pa še vedno rezultat miselnega procesa
  42. 42. user experience = dizajn + teh. izvedba - ocenjevanje karakteristik SM = empirično, kvalitativno merjenje uporabniške percepcije - pogoj za analizo UX-a = fizična manifestacija
  43. 43. design = user experience - teh. izvedba
  44. 44. UX dizajn ekipe
  45. 45. UX design ekipe • analitiki • informacijski arhitekti • interface dizajnerji • information dizajnerji • visual dizajnerji • front-end programerji • back-end programerji
  46. 46. UX design ekipe visual design • analitiki information design • informacijski arhitekti • interface dizajnerji interaction design • information dizajnerji interface design • visual dizajnerji information arch. • front-end programerji task flow analysis • back-end programerji mental models
  47. 47. Vrtičkanje!
  48. 48. načrtovalci (tendenca funkcije nad formo). zanemarjanje znanja s področja visual in information designa, ter spletnih tehnologij
  49. 49. visual dizajnerji (tendenca forme nad funkcijo) zanemarjanje znanja s področja information, interface in interaction designa, ter spletnih tehnologij
  50. 50. programerji (modern. tendence k univezalnemu sistemu) zanemarjanje znanja s področja visual in information designa
  51. 51. Rešitev?
  52. 52. Je ni!
  53. 53. Pravila so, da se jih krši.
  54. 54. “Dizajn je upravljanje z omejitvami.” — Dino Dini diskutabilnimi in nediskutabilnimi
  55. 55. Eksperimentiranje in kršenje pravil z namenom doseči pomembnejši cilj ...
  56. 56. Vendar to še ni vse... dizajn ima mnogo večjo vlogo, kot samo rešitev problemov oz. namenov projekta
  57. 57. vizualno onesnaževanje rezultat kaosa in anarhije znotraj design stroke
  58. 58. modernizem rezultat pretirane obsesije s poenotenjem oz. univerzalnostjo
  59. 59. postmodernizem rezultat borbe proti monotonosti
  60. 60. poenotenje raznolikost VS. uniformiranost kaotičnost = 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
  61. 61. Hvala.
  62. 62. Vprašanja.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×