SlideShare a Scribd company logo
1 of 111
Download to read offline
Web Dogma


              10 alapelv
a webes kommunikációhoz



               Eric Reiss
           HVG Könyvek
        2010. március 31.
       Budapest, Hungary
A cégek még nem elkötelezettek
A felhasználói elégedettség mítosza
 Lojalitás




              Elégedettség
User Centered Design
Felhasználóközpontú design



             Innováció >



            Felhasználók
        >




                               De
    tás




                           sig
 ta
     Ku




                           >   n
Gus, a macska
User Driven Design
„Felhasználóvezérelt design”



             Innováció >



            Felhasználók
        >




                               De
    tás




                           sig
 ta
     Ku




                           >   n
Ötlet: Bogo Vatovec
best prac·tice
        bevált gyakorlat
                     főnév
 1 : valami elvégzésének legjobb módja
2 : egy tesztelt ötlet, módszer vagy eszköz
innováció
                  főnév
    1 : valami újdonság bevezetése
2 : egy új ötlet, módszer vagy eszköz
Három rossz indok az innovációra

    A termék megkülönböztetése
    Egyediség
    Az ego kielégítése
Kísérlet
Találmány
Találmány
Innováció




15 April 1912
Invention
Invention
Az innovációnak egyetlen oka lehet…


                   egy probléma megoldása!
Innováció életútja
                                        Bevált gyakorlat



                                   Innováció


                                                               Divat
                     Bevált gyakorlat
Fejlődés




               Innováció                              Szokás



    Találmány
                                                                  Divatjamúlt
  Idő
best practice
      vs. innovation
dogma
             főnév
1 : a tenent or code of tenents

2 : az egyház által hivatalosan
       kihirdetett hittétel
Amit a szakértők mondanak...
   „A hivatkozás legyen kék és aláhúzott.”
   „Flash 98%-ban rossz.”
   „Ne legyen 10 sornál hosszabb a szöveg.”
Emberek




       Technológia




Eljárások
A koncepció

  bevált gyakorlati elvek
       létrehozása,
   amelyek túlmutatnak
a technológián és divaton.
1. Szabadulj that azoktól only to
1. Anything   meg exists a
   satisfy the internal politics
   kötöttségektől, amelyeket
   of the site owner must be
   kizárólag a cég belső irányelvei
   eliminated.
   miatt kell fenntartani.
SE
2. Törölj el that exists only to
1. Anything   mindent, ami kizárólag
   azzal a céllal jött the
   satisfy the ego of létre, hogy
   a designer egóját eliminated.
   designer must be masszírozza.
3. Töröld az that iskontextusa
1. Anything   oldal irrelevant
   szempontjából nem releváns page
   within the context of the
   must be eliminated.
   dolgokat.
4. Felejtsd el vagy alakítsd that
1. Any feature or technique
   át azokat az visitor’s ability
   reduces the funkciókat és
   to navigate freely must be
   technikai megoldásokat, melyek
   eliminated.
   gátolják a látogatót
   a szabad navigációban.
5. Felejtsd el vagy object that a
1. Any interactive   alakítsd át
   forces the visitor to guess
   felhasználót felesleges
   találgatásra must be
   its meaning kényszerítő
   eliminated.
   interaktív elemeket.
6. A böngészőn kívül más szoftver
1. No software, apart from the
   browser itself, must be
   nem lehet szükséges ahhoz,
   required to get the site to
   hogy a weboldal jól működjön.
   work correctly.
7. A tartalom megjelenítésénél a
1. Content must be readable
   first, printable second,
   következő prioritásokra
   downloadable third.
   figyelj: elsődleges az
   olvashatóság, másodlagos az,
   hogy a tartalmat ki lehessen
   nyomtatni, harmadlagos a
   letölthetőség.
8. Rossz úton must never a style
1. Usability   jársz, ha be
   guide-ok és for the sake of a
   sacrificed hasonló előírások
   style guide.
   betartása a használhatóság
   rovására megy.
9. Ne kényszerítsd a látogatót
1. No visitor must be forced to
   register or surrender
   olyan személyes adatok
   megadására, amelyek nem site
   personal data unless the
   feltétlenül szükségesek az a
   owner is unable to provide
   adott szolgáltatás a
   service or complete
   transaction without it.
   teljesítéséhez.
10. Inkább any of meg bármelyik
 1. Break   szegd these rules
    fenti szabályt, anything
    sooner than do minthogy
    outright barbarous!
    elkövess valami valóban
    borzasztót.
George Orwell

szerző: Animal Farm, “1984”
Please visit: www.wordsatplay.com
Ha nem követelünk jobb weblapokat, soha nem érjük el őket.

 Ne csak annyit tegyél, hogy meggátolod a rossz dolgokat,
           hanem tegyél csodálatos dolgokat.
Köszönöm!
Eric Reiss can (usually) be found at:
The FatDUX Group ApS
Strandøre 15
2100 Copenhagen
Denmark

Office: (+45) 39 29 67 77
Mobil: (+45) 20 12 88 44
Twitter: @elreiss
info@fatdux.com
www.fatdux.com

More Related Content

Viewers also liked

Who Were The Colonists Video United Streaming
Who Were The Colonists Video United StreamingWho Were The Colonists Video United Streaming
Who Were The Colonists Video United Streaming
awltech
 
The Conquistadors
The ConquistadorsThe Conquistadors
The Conquistadors
awltech
 
2Fonet GEPON Presentation
2Fonet GEPON Presentation2Fonet GEPON Presentation
2Fonet GEPON Presentation
ScorpAL
 
Envisioning Augmented Reality: Smart Technology for the Future
Envisioning Augmented Reality: Smart Technology for the FutureEnvisioning Augmented Reality: Smart Technology for the Future
Envisioning Augmented Reality: Smart Technology for the Future
Dr Poonsri Vate-U-Lan
 

Viewers also liked (19)

Your mother is an information architect
Your mother is an information architectYour mother is an information architect
Your mother is an information architect
 
Performance tuning
Performance tuningPerformance tuning
Performance tuning
 
Batxillerat1011v.5 05-10
Batxillerat1011v.5 05-10Batxillerat1011v.5 05-10
Batxillerat1011v.5 05-10
 
Who Were The Colonists Video United Streaming
Who Were The Colonists Video United StreamingWho Were The Colonists Video United Streaming
Who Were The Colonists Video United Streaming
 
Online Social Networks to Support Community Collaboration Workshop
Online Social Networks to Support Community Collaboration WorkshopOnline Social Networks to Support Community Collaboration Workshop
Online Social Networks to Support Community Collaboration Workshop
 
Community Mill: Data, Media & Communities
Community Mill: Data, Media & CommunitiesCommunity Mill: Data, Media & Communities
Community Mill: Data, Media & Communities
 
Django Girls 2015 - HTML
Django Girls 2015 -  HTMLDjango Girls 2015 -  HTML
Django Girls 2015 - HTML
 
Pagine Blog
Pagine BlogPagine Blog
Pagine Blog
 
Over Naar (embedded) Linux
Over Naar (embedded) LinuxOver Naar (embedded) Linux
Over Naar (embedded) Linux
 
Hindsight Imbalance Online and Offline Life: Qualitative Feedback from Online...
Hindsight Imbalance Online and Offline Life: Qualitative Feedback from Online...Hindsight Imbalance Online and Offline Life: Qualitative Feedback from Online...
Hindsight Imbalance Online and Offline Life: Qualitative Feedback from Online...
 
Journal Club #5 - In vivo inhibitory activity
Journal Club #5 - In vivo inhibitory activityJournal Club #5 - In vivo inhibitory activity
Journal Club #5 - In vivo inhibitory activity
 
Digital Photography
Digital PhotographyDigital Photography
Digital Photography
 
The Conquistadors
The ConquistadorsThe Conquistadors
The Conquistadors
 
2Fonet GEPON Presentation
2Fonet GEPON Presentation2Fonet GEPON Presentation
2Fonet GEPON Presentation
 
Envisioning Augmented Reality: Smart Technology for the Future
Envisioning Augmented Reality: Smart Technology for the FutureEnvisioning Augmented Reality: Smart Technology for the Future
Envisioning Augmented Reality: Smart Technology for the Future
 
From Marketing to Social Media (and back again)
From Marketing to Social Media (and back again)From Marketing to Social Media (and back again)
From Marketing to Social Media (and back again)
 
0756307 Facebook: A Peephole into the Lives of Many
0756307 Facebook: A Peephole into the Lives of Many0756307 Facebook: A Peephole into the Lives of Many
0756307 Facebook: A Peephole into the Lives of Many
 
Reiss WIAD Los Angeles 2013
Reiss WIAD Los Angeles 2013Reiss WIAD Los Angeles 2013
Reiss WIAD Los Angeles 2013
 
Happy New Year 2009 how will you Celebrate
Happy New Year 2009 how will you CelebrateHappy New Year 2009 how will you Celebrate
Happy New Year 2009 how will you Celebrate
 

Similar to Web Dogma HVG Könyvek (Magyar)

Gyulay tibor tm és innováció műhely_120927
Gyulay tibor tm és innováció műhely_120927Gyulay tibor tm és innováció műhely_120927
Gyulay tibor tm és innováció műhely_120927
PoziTeam Csoport
 
Innovációs Piaci Program
Innovációs Piaci ProgramInnovációs Piaci Program
Innovációs Piaci Program
Ascon Consulting
 
Kkv tm műhely győr 130225
Kkv tm műhely győr 130225Kkv tm műhely győr 130225
Kkv tm műhely győr 130225
POZITEAM
 
Idea management and crowdsourcing
Idea management and crowdsourcingIdea management and crowdsourcing
Idea management and crowdsourcing
BME
 
PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215
prsmagency
 

Similar to Web Dogma HVG Könyvek (Magyar) (20)

Márkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korábanMárkaépítés a fogyasztói kontroll korában
Márkaépítés a fogyasztói kontroll korában
 
A jó designer...
A jó designer...A jó designer...
A jó designer...
 
A jó designer - Gocza Zoltan
A jó designer - Gocza ZoltanA jó designer - Gocza Zoltan
A jó designer - Gocza Zoltan
 
Tíz tanács prezentációhoz
Tíz tanács prezentációhozTíz tanács prezentációhoz
Tíz tanács prezentációhoz
 
Értékajánlat tervezés - MOM teszt - Interjúk
Értékajánlat tervezés - MOM teszt - InterjúkÉrtékajánlat tervezés - MOM teszt - Interjúk
Értékajánlat tervezés - MOM teszt - Interjúk
 
Gyulay tibor tm és innováció műhely_120927
Gyulay tibor tm és innováció műhely_120927Gyulay tibor tm és innováció műhely_120927
Gyulay tibor tm és innováció műhely_120927
 
Webes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadásWebes alkalmazások - MOME előadás
Webes alkalmazások - MOME előadás
 
Elegans megoldasok
Elegans megoldasokElegans megoldasok
Elegans megoldasok
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzés
 
Innovációs Piaci Program
Innovációs Piaci ProgramInnovációs Piaci Program
Innovációs Piaci Program
 
Memetika 2016
Memetika 2016Memetika 2016
Memetika 2016
 
HSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptxHSUP Mentorkurzus 2024.pptx
HSUP Mentorkurzus 2024.pptx
 
Kkv tm műhely győr 130225
Kkv tm műhely győr 130225Kkv tm műhely győr 130225
Kkv tm műhely győr 130225
 
Használhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védésHasználhatóság és üzleti vonatkozásai - diploma védés
Használhatóság és üzleti vonatkozásai - diploma védés
 
Idea management and crowdsourcing
Idea management and crowdsourcingIdea management and crowdsourcing
Idea management and crowdsourcing
 
Stretch összefoglaló 2014
Stretch összefoglaló 2014Stretch összefoglaló 2014
Stretch összefoglaló 2014
 
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
Fehér Péter - Varga Krisztián: Hogyan törjünk ki a szabályzatok útvesztő...
 
Workshop in the Nobu 20101215
Workshop in the Nobu 20101215Workshop in the Nobu 20101215
Workshop in the Nobu 20101215
 
PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215PRSM Workshop in the Nobu 20101215
PRSM Workshop in the Nobu 20101215
 
Miért kell ügyfélcentrikus vállalatot építeni?
Miért kell ügyfélcentrikus vállalatot építeni?Miért kell ügyfélcentrikus vállalatot építeni?
Miért kell ügyfélcentrikus vállalatot építeni?
 

More from Eric Reiss

Innovation vs. Best Practice
Innovation vs. Best PracticeInnovation vs. Best Practice
Innovation vs. Best Practice
Eric Reiss
 

More from Eric Reiss (20)

The Ethics of AI – dealing with difficult choices in a non-binary world
The Ethics of AI – dealing with difficult choices in a non-binary worldThe Ethics of AI – dealing with difficult choices in a non-binary world
The Ethics of AI – dealing with difficult choices in a non-binary world
 
Shared references Dhaka, Bangladesh 2019
Shared references Dhaka, Bangladesh 2019Shared references Dhaka, Bangladesh 2019
Shared references Dhaka, Bangladesh 2019
 
Ethics and ux ux sofia nov 2018
Ethics and ux ux sofia nov 2018Ethics and ux ux sofia nov 2018
Ethics and ux ux sofia nov 2018
 
Ethics and UX IxDA Berlin 2018
Ethics and UX IxDA Berlin 2018Ethics and UX IxDA Berlin 2018
Ethics and UX IxDA Berlin 2018
 
Copenhagen letter lightning talk at Techfestival 2018
Copenhagen letter lightning talk at Techfestival 2018Copenhagen letter lightning talk at Techfestival 2018
Copenhagen letter lightning talk at Techfestival 2018
 
EthUX - ethics and ux
EthUX - ethics and uxEthUX - ethics and ux
EthUX - ethics and ux
 
Ethics and IA - seven deadly sins that prevent us from building a better world
Ethics and IA - seven deadly sins that prevent us from building a better worldEthics and IA - seven deadly sins that prevent us from building a better world
Ethics and IA - seven deadly sins that prevent us from building a better world
 
Innovation vs. Best Practice
Innovation vs. Best PracticeInnovation vs. Best Practice
Innovation vs. Best Practice
 
Misunderstood value proposition (mvp)
Misunderstood value proposition (mvp)Misunderstood value proposition (mvp)
Misunderstood value proposition (mvp)
 
10 war stories you (probably) won't see on Slideshare
10 war stories you (probably) won't see on Slideshare10 war stories you (probably) won't see on Slideshare
10 war stories you (probably) won't see on Slideshare
 
Product Camp Poland 2017
Product Camp Poland 2017Product Camp Poland 2017
Product Camp Poland 2017
 
UX Camp Europe 2017
UX Camp Europe 2017UX Camp Europe 2017
UX Camp Europe 2017
 
Ux strategy for st petersburg 2017 rud
Ux strategy for st petersburg 2017 rudUx strategy for st petersburg 2017 rud
Ux strategy for st petersburg 2017 rud
 
UX Strategy at CExp Forum, Bucharest 2017
UX Strategy at CExp Forum, Bucharest 2017UX Strategy at CExp Forum, Bucharest 2017
UX Strategy at CExp Forum, Bucharest 2017
 
Ux strategy - the secret sauce that defines the pixie dust
Ux strategy - the secret sauce that defines the pixie dustUx strategy - the secret sauce that defines the pixie dust
Ux strategy - the secret sauce that defines the pixie dust
 
A bigger view of UX
A bigger view of UXA bigger view of UX
A bigger view of UX
 
Five UX myths - UXCE16, Berlin, Germany
Five UX myths - UXCE16, Berlin, GermanyFive UX myths - UXCE16, Berlin, Germany
Five UX myths - UXCE16, Berlin, Germany
 
UX strategy at UX Sofia 2016
UX strategy at UX Sofia 2016UX strategy at UX Sofia 2016
UX strategy at UX Sofia 2016
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
WIAD Ghent 2016
WIAD Ghent 2016WIAD Ghent 2016
WIAD Ghent 2016
 

Web Dogma HVG Könyvek (Magyar)

  • 1. Web Dogma 10 alapelv a webes kommunikációhoz Eric Reiss HVG Könyvek 2010. március 31. Budapest, Hungary
  • 2. A cégek még nem elkötelezettek
  • 3. A felhasználói elégedettség mítosza Lojalitás Elégedettség
  • 4. User Centered Design Felhasználóközpontú design Innováció > Felhasználók > De tás sig ta Ku > n
  • 6.
  • 7.
  • 8. User Driven Design „Felhasználóvezérelt design” Innováció > Felhasználók > De tás sig ta Ku > n
  • 10. best prac·tice bevált gyakorlat főnév 1 : valami elvégzésének legjobb módja 2 : egy tesztelt ötlet, módszer vagy eszköz
  • 11. innováció főnév 1 : valami újdonság bevezetése 2 : egy új ötlet, módszer vagy eszköz
  • 12. Három rossz indok az innovációra A termék megkülönböztetése Egyediség Az ego kielégítése
  • 13.
  • 14.
  • 15.
  • 22. Az innovációnak egyetlen oka lehet… egy probléma megoldása!
  • 23. Innováció életútja Bevált gyakorlat Innováció Divat Bevált gyakorlat Fejlődés Innováció Szokás Találmány Divatjamúlt Idő
  • 24. best practice vs. innovation
  • 25. dogma főnév 1 : a tenent or code of tenents 2 : az egyház által hivatalosan kihirdetett hittétel
  • 26.
  • 27. Amit a szakértők mondanak... „A hivatkozás legyen kék és aláhúzott.” „Flash 98%-ban rossz.” „Ne legyen 10 sornál hosszabb a szöveg.”
  • 28. Emberek Technológia Eljárások
  • 29. A koncepció bevált gyakorlati elvek létrehozása, amelyek túlmutatnak a technológián és divaton.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. 1. Szabadulj that azoktól only to 1. Anything meg exists a satisfy the internal politics kötöttségektől, amelyeket of the site owner must be kizárólag a cég belső irányelvei eliminated. miatt kell fenntartani.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58. SE
  • 59.
  • 60. 2. Törölj el that exists only to 1. Anything mindent, ami kizárólag azzal a céllal jött the satisfy the ego of létre, hogy a designer egóját eliminated. designer must be masszírozza.
  • 61.
  • 62.
  • 63.
  • 64. 3. Töröld az that iskontextusa 1. Anything oldal irrelevant szempontjából nem releváns page within the context of the must be eliminated. dolgokat.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69. 4. Felejtsd el vagy alakítsd that 1. Any feature or technique át azokat az visitor’s ability reduces the funkciókat és to navigate freely must be technikai megoldásokat, melyek eliminated. gátolják a látogatót a szabad navigációban.
  • 70.
  • 71.
  • 72.
  • 73. 5. Felejtsd el vagy object that a 1. Any interactive alakítsd át forces the visitor to guess felhasználót felesleges találgatásra must be its meaning kényszerítő eliminated. interaktív elemeket.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78. 6. A böngészőn kívül más szoftver 1. No software, apart from the browser itself, must be nem lehet szükséges ahhoz, required to get the site to hogy a weboldal jól működjön. work correctly.
  • 79.
  • 80.
  • 81.
  • 82. 7. A tartalom megjelenítésénél a 1. Content must be readable first, printable second, következő prioritásokra downloadable third. figyelj: elsődleges az olvashatóság, másodlagos az, hogy a tartalmat ki lehessen nyomtatni, harmadlagos a letölthetőség.
  • 83.
  • 84.
  • 85.
  • 86. 8. Rossz úton must never a style 1. Usability jársz, ha be guide-ok és for the sake of a sacrificed hasonló előírások style guide. betartása a használhatóság rovására megy.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94. 9. Ne kényszerítsd a látogatót 1. No visitor must be forced to register or surrender olyan személyes adatok megadására, amelyek nem site personal data unless the feltétlenül szükségesek az a owner is unable to provide adott szolgáltatás a service or complete transaction without it. teljesítéséhez.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106. 10. Inkább any of meg bármelyik 1. Break szegd these rules fenti szabályt, anything sooner than do minthogy outright barbarous! elkövess valami valóban borzasztót.
  • 107. George Orwell szerző: Animal Farm, “1984”
  • 109. Ha nem követelünk jobb weblapokat, soha nem érjük el őket. Ne csak annyit tegyél, hogy meggátolod a rossz dolgokat, hanem tegyél csodálatos dolgokat.
  • 111. Eric Reiss can (usually) be found at: The FatDUX Group ApS Strandøre 15 2100 Copenhagen Denmark Office: (+45) 39 29 67 77 Mobil: (+45) 20 12 88 44 Twitter: @elreiss info@fatdux.com www.fatdux.com