PageSourceSearch

https://www.design-emotion.com/

html design-emotion.com collected 2026-10-02 20:49:09 UTC 55,177 bytes, 608 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
5  <meta charset="UTF-8">
6  <title>Design & Emotion - a website by Marco van Hout</title>
7  <link rel='dns-prefetch' href='//ajax.googleapis.com'>
8  <link rel='dns-prefetch' href='//cdn.jquerytools.org'>
9  <link rel='dns-prefetch' href='//secure.gravatar.com'>
10  <link rel='dns-prefetch' href='//stats.wp.com'>
11  <link rel='dns-prefetch' href='//v0.wordpress.com'>
12  <link rel="alternate" type="application/rss+xml" title="Design &amp; Emotion &raquo; Feed" href="/feed/">
13  <link rel="alternate" type="application/rss+xml" title="Design &amp; Emotion &raquo; Comments Feed" href="/comments/feed/">
14  
14<script type="text/javascript">
15  window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.design-emotion.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.2.3"}};
16  /*! This file is auto-generated */
17  !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){p.clearRect(0,0,i.width,i.height),p.fillText(e,0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(t,0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(p&&p.fillText)switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s("\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!s("\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!s("\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!s("\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings);
18  </script>
18
19  <style type="text/css">
20  img.wp-smiley,
21  img.emoji {
22        display: inline !important;
23        border: none !important;
24        box-shadow: none !important;
25        height: 1em !important;
26        width: 1em !important;
27        margin: 0 0.07em !important;
28        vertical-align: -0.1em !important;
29        background: none !important;
30        padding: 0 !important;
31  }
32  </style>
33  <link rel='stylesheet' id='prettybox_css-css' href='/wp-content/themes/simpl2/extend/css/prettyPhoto.css?ver=screen' type='text/css' media='all'>
34  <link rel='stylesheet' id='fancybox_css-css' href='/wp-content/themes/simpl2/extend/js/fancybox/jquery.fancybox-1.3.4.css?ver=screen' type='text/css' media='all'>
35  <link rel='stylesheet' id='wp-block-library-css' href='/wp-includes/css/dist/block-library/style.min.css?ver=6.2.3' type='text/css' media='all'>
36  <style id='wp-block-library-inline-css' type='text/css'>
37  .has-text-align-justify{text-align:justify;}
38  </style>
39  <link rel='stylesheet' id='jetpack-videopress-video-block-view-css' href='/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-videopress/build/block-editor/blocks/video/view.css?minify=false&#038;ver=317afd605f368082816f' type='text/css' media='all'>
40  <link rel='stylesheet' id='mediaelement-css' href='/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all'>
41  <link rel='stylesheet' id='wp-mediaelement-css' href='/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.2.3' type='text/css' media='all'>
42  <link rel='stylesheet' id='classic-theme-styles-css' href='/wp-includes/css/classic-themes.min.css?ver=6.2.3' type='text/css' media='all'>
43  <style id='global-styles-inline-css' type='text/css'>
44  body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
44--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
44.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
45  .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
46  :where(.wp-block-columns.is-layout-flex){gap: 2em;}
47  .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
48  </style>
49  <link rel='stylesheet' id='ik_facebook_gallery_style-css' href='/wp-content/plugins/ik-facebook/include/css/gallery.css?ver=6.2.3' type='text/css' media='all'>
50  <link rel='stylesheet' id='jetpack_css-css' href='/wp-content/plugins/jetpack/css/jetpack.css?ver=12.1' type='text/css' media='all'>
51  
51<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js?ver=6.2.3' id='jquery-js'></script>
51
52  
52<script type='text/javascript' src="https://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?ver=6.2.3" id='jquerytools-js'></script>
52
53  
53<script type='text/javascript' src='/wp-content/themes/simpl2/js/jquery.bgiframe.min.js?ver=6.2.3' id='bigframe-js'></script>
53
54  
54<script type='text/javascript' src='/wp-content/themes/simpl2/js/superfish.js?ver=6.2.3' id='superfish-js'></script>
54
55  
55<script type='text/javascript' src='/wp-content/themes/simpl2/js/jquery.effects.core.js?ver=6.2.3' id='fx-js'></script>
55
56  
56<script type='text/javascript' src='/wp-content/themes/simpl2/js/hover.fade.js?ver=6.2.3' id='hoverfade-js'></script>
56
57  
57<script type='text/javascript' src='/wp-content/themes/simpl2/js/jquery.tweet.js?ver=6.2.3' id='twitter-js'></script>
57
58  
58<script type='text/javascript' src='/wp-content/themes/simpl2/js/easySlider1.7.6.js?ver=6.2.3' id='slides-js'></script>
58
59  
59<script type='text/javascript' src='/wp-content/themes/simpl2/js/center.js?ver=6.2.3' id='center-js'></script>
59
60  
60<script type='text/javascript' src='/wp-content/themes/simpl2/extend/js/jquery.prettyPhoto.js?ver=6.2.3' id='prettybox_js-js'></script>
60
61  <link rel="https://api.w.org/" href="/wp-json/">
62  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd">
63  <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml">
64  <link rel='shortlink' href='https://wp.me/gCB4'>
65  <style type="text/css" media="screen"></style>
66  <style>
67  img#wpstats{display:none}
68  </style>
69  <meta property="og:type" content="website">
70  <meta property="og:title" content="Design &amp; Emotion">
71  <meta property="og:url" content="http://www.design-emotion.com/">
72  <meta property="og:site_name" content="Design &amp; Emotion">
73  <meta property="og:image" content="https://s0.wp.com/i/blank.jpg">
74  <meta property="og:image:alt" content="">
75  <meta name="description" content="Providing examples, updates and opinion on the topic of emotional design and design for emotion, since 2004. Interviews with experts, columns by practitioners and articles by Marco van Hout.">
76  <meta name="keywords" content="design emotion user experience ux meaning emotions values interaction product brand services">
77  <link rel="profile" href="https://gmpg.org/xfn/11">
78  <link rel="stylesheet" type="text/css" media="all" href="/wp-content/themes/simpl2/style.css">
79  <link rel="stylesheet" type="text/css" media="all" href="/wp-content/themes/simpl2/css/light.css">
80  <link rel="pingback" href="/xmlrpc.php">
81  <link rel="stylesheet" type="text/css" href="/wp-content/themes/simpl2/fonts/brawler/brawler.css">
82  <link rel="stylesheet" type="text/css" href="/wp-content/themes/simpl2/css/validationEngine.jquery.css">
83  <style type="text/css">
84
85
86  .menu li a {color:                                              #ADADAD;}
87  .menu li a:hover {color:#545454;}
88  .footer-menu li a {color:                                              #ADADAD;}
89  .footer-menu li a:hover {color:#545454;}
90  .menu li.current-menu-item a,.menu li.current-post-ancestor a {color:#545454;}
91  .sub-menu li a {background-color:                                               #ffffff;        color:                                               #ADADAD; }
92  .sub-menu li a:hover {background-color:#f8f8f8; color:#545454; }
93  .pagecontent .classicURL a {color:                                              #ADADAD;}
94  .pagecontent .classicURL a:hover {color:#545454;}
95  .pagecontent .right-widget small a {color:                                              #ADADAD;}
96  .pagecontent .right-widget small a:hover {color:#545454;}
97  .filter a {color:                                              #ADADAD;}
98  .filter a:hover {color:#545454;}
99  .pagecontent .commentmetadata a {color:                                              #ADADAD;}
100  .pagecontent .commentmetadata a:hover {color:#545454;}
101
102  .pagecontent .pagenavi {color:                                              #ADADAD;}
103  .pagecontent .pagenavi a {color:                                              #ADADAD;}
104  .pagecontent .pagenavi a:hover {color:#545454;}
105
106  .grid-recent .entry-title a, .grid-blog .entry-title a, .grid-search .entry-title a {color:#494949;}
107  .grid-recent .entry-title a:hover, .grid-blog .entry-title a:hover, .grid-search .entry-title a:hover {color:#7a0a00;}
108
109
110
111  .pagecontent .bottom_data .postauthor a {color:                                              #909090;}
112  .pagecontent .bottom_data .postauthor a:hover {color:                                              #909090;}
113  .pagecontent .postauthor a {color:                                              #909090;}
114  .pagecontent .postauthor a:hover {color:                                              #909090;}
115
116  .pagecontent .bottom_data a {color:#7a0a00;}
117  .pagecontent .bottom_data a:hover {color:#b03c34;}
118
119  .pagecontent .right-widget a {color:#636e1c;}
120  .pagecontent .right-widget a:hover {color:                                        #6f8000;}
121
122  .widget a {color:#636e1c;}
123  .widget a:hover {color:                                        #6f8000;}
124
125  a {color:#7a0a00;}
126  a:hover {color:#b03c34;}
127  .actions .show_love a:hover, .actions .show_love span.counter {background-color: #b03c34;}
128  .actions .show_image a:hover {background-color: #b03c34;}
129  .pagecontent a {color:#7a0a00;}
130  .pagecontent a:hover {color:#b03c34;}
131
132  </style>
133</head>
134<body class="home blog">
135  <div class="wrapper">
136    <div class="header">
137      <div class="logo">
138        <a href="/"><img src="/wp-content/uploads/2011/07/logo_DE.png" alt=""></a>
139      </div>
140      <div class="info-search">
141        <div class="info">
142          This website by Marco van Hout shows examples, stories and interviews on the topic of design for emotion. Since 2004.
143        </div>
144        <div class="search_box">
145          <form action="https://www.design-emotion.com/" method="get">
146            <input type="submit" class="searchsubmit"> <input type="text" class="searchinput" name="s" value="Search your emotions..." onfocus="if(this.value==this.defaultValue)this.value=''" onblur
146="if(this.value=='')this.value=this.defaultValue"><br style="clear:both">
147          </form>
148        </div>
149      </div>
150      <div style="clear:both;"></div>
151    </div>
152    <div class="menucontainer">
153      <div class="slogan"></div>
154      <ul id="menu-de" class="menu">
155        <li id="menu-item-1384" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1384">
156          <a href="/category/blog/">Blog</a>
157          <ul class="sub-menu">
158            <li id="menu-item-1437" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1437">
159              <a href="/category/blog/">Blog</a>
160            </li>
161            <li id="menu-item-1466" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1466">
162              <a href="/category/blog/browsings/">Browsings</a>
163            </li>
164            <li id="menu-item-1438" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1438">
165              <a href="/category/blog/snapshots/">Snapshots</a>
166            </li>
167          </ul>
168        </li>
169        <li id="menu-item-1548" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1548">
170          <a href="/category/blog/columns/">Columns</a>
171        </li>
172        <li id="menu-item-1398" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1398">
173          <a href="/category/blog/interviews/">Interviews</a>
174        </li>
175        <li id="menu-item-1396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1396">
176          <a href="/contact-me/">Contact</a>
177        </li>
178      </ul>
179      <div style="clear:both;"></div>
180    </div>
181    <div class="pagecontent">
182      <div class="thecontent">
183        <div id="slider">
184          <ul>
185            <li><img src="/wp-content/uploads/2014/12/D-Efront3.jpg" alt=""></li>
186          </ul>
187        </div>
188      </div>
189      <h2 class="articlecat"><span>Latest articles</span></h2>
190      <ul class="grid-blog">
191        <li data-id="id-1912" class="first">
192          <div class="post_box" id="post-1912">
193            <div class="post-thumb left gallery">
194              <a title="The Emotional City &#8211; the future of the (smart) city from an affective point of view" href="/2013/08/12/the-emotional-city-the-future-of-the-smart-city-from-an-affective-point-of-view/"><img src="/wp-content/uploads/2013/08/The-Feel-o-Meter-222x173.jpg" alt="" height="173">
195              <div class="overlay"></div></a>
196            </div>
197            <div class="left ml30">
198              <h2 class="entry-title"><a href="/2013/08/12/the-emotional-city-the-future-of-the-smart-city-from-an-affective-point-of-view/" rel="bookmark" title="The Emotional City &#8211; the future of the (smart) city from an affective point of view">The Emotional City &#8211; the future of the (smart) city from an affective point of view</a></h2>
199              <div class="entry-content">
200                <p>These days designers, technologists, hacktivists, urbanists, architects and journalists are all ...</p>
201                <div class="bottom_data">
202                  <div class="postauthor">
203                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2013/08/">Aug 12, 2013</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
204                  </div><a href="/2013/08/12/the-emotional-city-the-future-of-the-smart-city-from-an-affective-point-of-view/"><em><small>View post</small></em></a>
205                </div>
206              </div>
207            </div>
208          </div>
209        </li>
210        <li data-id="id-1902">
211          <div class="post_box" id="post-1902">
212            <div class="post-thumb left gallery">
213              <a title="Mini &#8216;Art Beat&#8217; full of LED&#8217;s serves as mobile urban screen, adding (your) personality" href="/2013/08/12/mini-art-beat-full-of-leds-serves-as-mobile-urban-screen/"><img src="/wp-content/uploads/2013/08/4-222x173.png" alt="" height="173">
214              <div class="overlay"></div></a>
215            </div>
216            <div class="left ml30">
217              <h2 class="entry-title"><a href="/2013/08/12/mini-art-beat-full-of-leds-serves-as-mobile-urban-screen/" rel="bookmark" title="Mini &#8216;Art Beat&#8217; full of LED&#8217;s serves as mobile urban screen, adding (your) personality">Mini &#8216;Art Beat&#8217; full of LED&#8217;s serves as mobile urban screen, adding (your) personality</a></h2>
218              <div class="entry-content">
219                <p>Not that the Mini was lacking it, but the 48000 LED&#8217;s that were incorporated in this ...</p>
220                <div class="bottom_data">
221                  <div class="postauthor">
222                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2013/08/">Aug 12, 2013</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">1
223                  </div><a href="/2013/08/12/mini-art-beat-full-of-leds-serves-as-mobile-urban-screen/"><em><small>View post</small></em></a>
224                </div>
225              </div>
226            </div>
227          </div><br style="clear:both;">
228        </li>
229        <li data-id="id-1882" class="first">
230          <div class="post_box" id="post-1882">
231            <div class="post-thumb left gallery">
232              <a title="Coca Cola launches &#8216;Happy Places&#8217; photo app" href="/2012/11/07/coca-cola-launches-happy-places-photo-app/"><img src="/wp-content/uploads/2012/11/coca_cola_happy_app-222x173.jpg" alt="" height="173">
233              <div class="overlay"></div></a>
234            </div>
235            <div class="left ml30">
236              <h2 class="entry-title"><a href="/2012/11/07/coca-cola-launches-happy-places-photo-app/" rel="bookmark" title="Coca Cola launches &#8216;Happy Places&#8217; photo app">Coca Cola launches &#8216;Happy Places&#8217; photo app</a></h2>
237              <div class="entry-content">
238                <p>
238Coca-Cola launches a photo app and social network called Happy Places, with the angle that ...</p>
239                <div class="bottom_data">
240                  <div class="postauthor">
241                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/11/">Nov 07, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
242                  </div><a href="/2012/11/07/coca-cola-launches-happy-places-photo-app/"><em><small>View post</small></em></a>
243                </div>
244              </div>
245            </div>
246          </div>
247        </li>
248        <li data-id="id-1862">
249          <div class="post_box" id="post-1862">
250            <div class="post-thumb left gallery">
251              <a title="Socially Responsive Design &#8211; an interview for Connecting the Dots" href="/2012/11/02/socially-responsive-design-an-interview-for-connecting-the-dots/"><img src="/wp-content/uploads/2012/11/Schermafbeelding-2012-11-02-om-12.29.021-222x173.png" alt="" height="173">
252              <div class="overlay"></div></a>
253            </div>
254            <div class="left ml30">
255              <h2 class="entry-title"><a href="/2012/11/02/socially-responsive-design-an-interview-for-connecting-the-dots/" rel="bookmark" title="Socially Responsive Design &#8211; an interview for Connecting the Dots">Socially Responsive Design &#8211; an interview for Connecting the Dots</a></h2>
256              <div class="entry-content">
257                <p>For the London Design Week special issue of Connecting the Dots (September 2012), I was ...</p>
258                <div class="bottom_data">
259                  <div class="postauthor">
260                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/11/">Nov 02, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
261                  </div><a href="/2012/11/02/socially-responsive-design-an-interview-for-connecting-the-dots/"><em><small>View post</small></em></a>
262                </div>
263              </div>
264            </div>
265          </div><br style="clear:both;">
266        </li>
267        <li data-id="id-1848" class="first">
268          <div class="post_box" id="post-1848">
269            <div class="post-thumb left gallery">
270              <a title="Introducing D&#038;E2012 conference keynote speaker: Bernardo Fleming (IFF)" href="/2012/09/06/introducing-de2012-conference-keynote-speaker-bernardo-fleming-iff/"><img src="/wp-content/uploads/2012/09/fleming-222x173.png" alt="" height="173">
271              <div class="overlay"></div></a>
272            </div>
273            <div class="left ml30">
274              <h2 class="entry-title"><a href="/2012/09/06/introducing-de2012-conference-keynote-speaker-bernardo-fleming-iff/" rel="bookmark" title="Introducing D&#038;E2012 conference keynote speaker: Bernardo Fleming (IFF)">Introducing D&#038;E2012 conference keynote speaker: Bernardo Fleming (IFF)</a></h2>
275              <div class="entry-content">
276                <p>Bernardo Fleming is the head of the Olfactive Design Studio (ODS) at International Flavors and ...</p>
277                <div class="bottom_data">
278                  <div class="postauthor">
279                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/09/">Sep 06, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
280                  </div><a href="/2012/09/06/introducing-de2012-conference-keynote-speaker-bernardo-fleming-iff/"><em><small>View post</small></em></a>
281                </div>
282              </div>
283            </div>
284          </div>
285        </li>
286        <li data-id="id-1830">
287          <div class="post_box" id="post-1830">
288            <div class="post-thumb left gallery">
289              <a title="New book &#8216;Design for Emotion&#8217; by Van Gorp &#038; Adams, now available" href="/2012/07/11/new-book-design-for-emotion-by-van-gorp-adams-now-available/"><img src="/wp-content/uploads/2012/07/book_cover1-222x173.png" alt="" height="173">
290              <div class="overlay"></div></a>
291            </div>
292            <div class="left ml30">
293              <h2 class="entry-title"><a href="/2012/07/11/new-book-design-for-emotion-by-van-gorp-adams-now-available/" rel="bookmark" title="New book &#8216;Design for Emotion&#8217; by Van Gorp &#038; Adams, now available">New book &#8216;Design for Emotion&#8217; by Van Gorp &#038; Adams, now available</a></h2>
294              <div class="entry-content">
295                <p>
295Ever since I met Trevor van Gorp at the 6th International Conference on Design &amp; Emotion in ...</p>
296                <div class="bottom_data">
297                  <div class="postauthor">
298                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/07/">Jul 11, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
299                  </div><a href="/2012/07/11/new-book-design-for-emotion-by-van-gorp-adams-now-available/"><em><small>View post</small></em></a>
300                </div>
301              </div>
302            </div>
303          </div><br style="clear:both;">
304        </li>
305        <li data-id="id-1817" class="first">
306          <div class="post_box" id="post-1817">
307            <div class="post-thumb left gallery">
308              <a title="Measure web emotions with LEMtool" href="/2012/05/23/measure-web-emotions-with-lemtool/"><img src="/wp-content/uploads/2012/05/lemtool_header1-222x173.jpg" alt="" height="173">
309              <div class="overlay"></div></a>
310            </div>
311            <div class="left ml30">
312              <h2 class="entry-title"><a href="/2012/05/23/measure-web-emotions-with-lemtool/" rel="bookmark" title="Measure web emotions with LEMtool">Measure web emotions with LEMtool</a></h2>
313              <div class="entry-content">
314                <p>The Internet has evolved from a source of information to a rich media and social experience. ...</p>
315                <div class="bottom_data">
316                  <div class="postauthor">
317                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/05/">May 23, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">1
318                  </div><a href="/2012/05/23/measure-web-emotions-with-lemtool/"><em><small>View post</small></em></a>
319                </div>
320              </div>
321            </div>
322          </div>
323        </li>
324        <li data-id="id-1777">
325          <div class="post_box" id="post-1777">
326            <div class="post-thumb left gallery">
327              <a title="Wanted: A common understanding of (the term) User Experience" href="/2012/05/22/wanted-a-common-understanding-of-the-term-user-experience/"><img src="/wp-content/uploads/2012/05/applepear-222x173.png" alt="" height="173">
328              <div class="overlay"></div></a>
329            </div>
330            <div class="left ml30">
331              <h2 class="entry-title"><a href="/2012/05/22/wanted-a-common-understanding-of-the-term-user-experience/" rel="bookmark" title="Wanted: A common understanding of (the term) User Experience">Wanted: A common understanding of (the term) User Experience</a></h2>
332              <div class="entry-content">
333                <p>I just came back from UXSpain, the first edition of what hopefully will soon be a household ...</p>
334                <div class="bottom_data">
335                  <div class="postauthor">
336                    by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2012/05/">May 22, 2012</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">4
337                  </div><a href="/2012/05/22/wanted-a-common-understanding-of-the-term-user-experience/"><em><small>View post</small></em></a>
338                </div>
339              </div>
340            </div>
341          </div><br style="clear:both;">
342        </li>
343      </ul><br style="clear:both;">
344      <h2 class="articlecat recent"><span>Interviews with experts</span></h2>
345      <ul class="grid-recent">
346        <li>
347          <div class="featuredDiv">
348            <h2 class="entry-title"><a href="/2011/07/29/getting-emotional-with-jeroen-van-erp/" rel="bookmark" title="Getting Emotional With&#8230; Jeroen van Erp">Getting Emotional With&#8230; Jeroen van Erp</a></h2>
349            <div class="entry-content">
350              <p>Jeroen van Erp is a co-founder and Creative Director of the multidisciplinary design agency, ...</p>
351              <div class="postauthor">
352                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2011/07/">Jul 29, 2011</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">2
353              </div><a href="/2011/07/29/getting-emotional-with-jeroen-van-erp/"><em><small>View post</small></em></a>
354            </div>
355          </div>
356        </li>
357        <li>
358          <div class="featuredDiv">
359            <h2 class="entry-title"><a href="/2010/06/22/getting-emotional-with-joe-pine/" rel="bookmark" title="Getting Emotional With&#8230; Joe Pine">Getting Emotional With&#8230; Joe Pine</a></h2>
360            <div class="entry-content">
361              <p>A writer and veteran consultant to entrepreneurs and executives alike, Joseph Pine&#8217;s ...</p>
362              <div class="postauthor">
363                by <a href="/author/marco-van-hout/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2010/06/">Jun 22, 2010</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">2
364              </div><a href="/2010/06/22/getting-emotional-with-joe-pine/"><em><small>View post</small></em></a>
365            </div>
366          </div>
367        </li>
368        <li>
369          <div class="featuredDiv">
370            <h2 class="entry-title"><a href="/2009/03/25/getting-emotional-with-thierry-lageat/" rel="bookmark" title="Getting Emotional With&#8230; Thierry Lageat">Getting Emotional With&#8230; Thierry Lageat</a></h2>
371            <div class="entry-content">
372              <p>Thierry Lageat is Director at EUROSYN, a Sensory and Consumer Tests Agency located in the Paris ...</p>
373              <div class="postauthor">
374                by <a href="/author/marco-van-hout/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2009/03/">Mar 25, 2009</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">0
375              </div><a href="/2009/03/25/getting-emotional-with-thierry-lageat/"><em><small>View post</small></em></a>
376            </div>
377          </div>
378        </li>
379        <li class="last">
380          <div class="featuredDiv">
381            <h2 class="entry-title"><a href="/2008/11/19/getting-emotional-with-laurens-van-den-acker/" rel="bookmark" title="Getting Emotional With&#8230; Laurens van den Acker">Getting Emotional With&#8230;
381 Laurens van den Acker</a></h2>
382            <div class="entry-content">
383              <p>This article is based on the interview I had with Laurens van den Acker and has been published ...</p>
384              <div class="postauthor">
385                by <a href="/author/marco-van-hout/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2008/11/">Nov 19, 2008</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">1
386              </div><a href="/2008/11/19/getting-emotional-with-laurens-van-den-acker/"><em><small>View post</small></em></a>
387            </div>
388          </div>
389        </li>
390        <li>
391          <div class="featuredDiv">
392            <h2 class="entry-title"><a href="/2008/06/29/getting-emotional-with-dan-hill/" rel="bookmark" title="Getting Emotional With&#8230; Dan Hill">Getting Emotional With&#8230; Dan Hill</a></h2>
393            <div class="entry-content">
394              <p>Dan Hill is the driving force behind Sensory Logic. Dan Hill is President of Sensory Logic and ...</p>
395              <div class="postauthor">
396                by <a href="/author/marco-van-hout/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2008/06/">Jun 29, 2008</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">2
397              </div><a href="/2008/06/29/getting-emotional-with-dan-hill/"><em><small>View post</small></em></a>
398            </div>
399          </div>
400        </li>
401        <li>
402          <div class="featuredDiv">
403            <h2 class="entry-title"><a href="/2007/05/08/getting-emotional-with-martin-j-beck/" rel="bookmark" title="Getting Emotional With&#8230; Martin J. Beck">Getting Emotional With&#8230; Martin J. Beck</a></h2>
404            <div class="entry-content">
405              <p>Martin J. Beck is CEO of the Cloverleaf Group, a family of companies that combines the ...</p>
406              <div class="postauthor">
407                by <a href="/author/marco-van-hout/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2007/05/">May 08, 2007</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">3
408              </div><a href="/2007/05/08/getting-emotional-with-martin-j-beck/"><em><small>View post</small></em></a>
409            </div>
410          </div>
411        </li>
412        <li>
413          <div class="featuredDiv">
414            <h2 class="entry-title"><a href="/2007/04/12/getting-emotional-with-robert-blaich/" rel="bookmark" title="Getting Emotional With&#8230; Robert Blaich">Getting Emotional With&#8230; Robert Blaich</a></h2>
415            <div class="entry-content">
416              <p>Dr. Robert Ian Blaich was born in 1930 in New York. He studied architecture at Syracuse ...</p>
417              <div class="postauthor">
418                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2007/04/">Apr 12, 2007</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">11
419              </div><a href="/2007/04/12/getting-emotional-with-robert-blaich/"><em><small>View post</small></em></a>
420            </div>
421          </div>
422        </li>
423        <li class="last">
424          <div class="featuredDiv">
425            <h2 class="entry-title"><a href="/2007/01/08/getting-emotion-with-john-barratt/" rel="bookmark" title="Getting Emotional With&#8230; John Barratt">Getting Emotional With&#8230; John Barratt</a></h2>
426            <div class="entry-content">
427              <p>As the President and CEO of Teague, John Barratt is responsible for positioning the company for ...</p>
428              <div class="postauthor">
429                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2007/01/">Jan 08, 2007</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">12
430              </div><a href="/2007/01/08/getting-emotion-with-john-barratt/"><em><small>View post</small></em></a>
431            </div>
432          </div>
433        </li>
434        <li>
435          <div class="featuredDiv">
436            <h2 class="entry-title"><a href="/2006/12/04/getting-emotional-with-pat-jordan/" rel="bookmark" title="Getting Emotional With&#8230; Pat Jordan">Getting Emotional With&#8230; Pat Jordan</a></h2>
437            <div class="entry-content">
438              <p>Dr. Patrick W. Jordan is an international design and marketing consultant, author and ...</p>
439              <div class="postauthor">
440                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/12/">Dec 04, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">13
441              </div><a href="/2006/12/04/getting-emotional-with-pat-jordan/"><em><small>View post</small></em></a>
442            </div>
443          </div>
444        </li>
445        <li>
446          <div class="featuredDiv">
447            <h2 class="entry-title"><a href="/2006/11/05/getting-emotional-with-dr-pieter-desmet/" rel="bookmark" title="Getting Emotional With&#8230; Pieter Desmet">Getting Emotional With&#8230; Pieter Desmet</a></h2>
448            <div class="entry-content">
449              <p>Dr. Pieter Desmet is an Assistant Professor in the Department of Industrial DesignDelft ...</p>
450              <div class="postauthor">
451                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/11/">Nov 05, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">14
452              </div><a href="/2006/11/05/getting-emotional-with-dr-pieter-desmet/"><em><small>View post</small></em></a>
453            </div>
454          </div>
455        </li>
456        <li>
457          <div class="featuredDiv">
458            <h2 class="entry-title"><a href="/2006/10/16/getting-emotional-with-chris-bangle/" rel="bookmark" title="Getting Emotional With&#8230; Chris Bangle">Getting Emotional With&#8230; Chris Bangle</a></h2>
459            <div class="entry-content">
460              <p>Chris Bangle, is an American automobile designer and currently the chief of design for the BMW ...</p>
461              <div class="postauthor">
462                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/10/">Oct 16, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">40
463              </div><a href="/2006/10/16/getting-emotional-with-chris-bangle/"><em><small>View post</small></em></a>
464            </div>
465          </div>
466        </li>
467        <li class="last">
468          <div class="featuredDiv">
469            <h2 class="entry-title"><a href="/2006/10/05/getting-emotional-with-young-il-kim/" rel="bookmark" title="Getting Emotional With&#8230; Young-Ill Kim">Getting Emotional With&#8230; Young-Ill Kim</a></h2>
470            <div class="entry-content">
471              <p>Mr Young-Ill Kim currently holds the position of Executive Vice-President for Design and Brand ...</p>
472              <div class="postauthor">
473                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/10/">Oct 05, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">8
474              </div><a href="/2006/10/05/getting-emotional-with-young-il-kim/"><em><small>View post</small></em></a>
475            </div>
476          </div>
477        </li>
478        <li>
479          <div class="featuredDiv">
480            <h2 class="entry-title"><a href="/2006/09/03/getting-emotional-with-guillaume-huret/" rel="bookmark" title="Getting Emotional With&#8230; Guillaume Huret">Getting Emotional With&#8230; Guillaume Huret</a></h2>
481            <div class="entry-content">
482              <p>After graduating in Business Management from Boston University, Guillaume began his career in ...</p>
483              <div class="postauthor">
484                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/09/">Sep 03, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">4
485              </div><a href="/2006/09/03/getting-emotional-with-guillaume-huret/"><em><small>View post</small></em></a>
486            </div>
487          </div>
488        </li>
489        <li>
490          <div class="featuredDiv">
491            <h2 class="entry-title"><a href="/2006/08/15/getting-emotional-with-hartmut-esslinger/" rel="bookmark" title="Getting Emotional With&#8230; Hartmut Esslinger">Getting Emotional With&#8230; Hartmut Esslinger</a></h2>
492            <div class="entry-content">
493              <p>Professor Hartmut Esslinger is founder and co-CEO of frog design inc. He studied Industrial ...</p>
494              <div class="postauthor">
495                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/08/">Aug 15, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">14
496              </div><a href="/2006/08/15/getting-emotional-with-hartmut-esslinger/"><em><small>View post</small></em></a>
497            </div>
498          </div>
499        </li>
500        <li>
501          <div class="featuredDiv">
502            <h2 class="entry-title"><a href="/2006/04/30/getting-emotional-with-paul-bennett/" rel="bookmark" title="Getting Emotional With&#8230; Paul Bennett">Getting Emotional With&#8230; Paul Bennett</a></h2>
503            <div class="entry-content">
504              <p>Paul Bennett brought more than 15 years of experience in the design business to IDEO when he ...</p>
505              <div class="postauthor">
506                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/04/">Apr 30, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">3
507              </div><a href="/2006/04/30/getting-emotional-with-paul-bennett/"><em><small>View post</small></em></a>
508            </div>
509          </div>
510        </li>
511        <li class="last">
512          <div class="featuredDiv">
513            <h2 class="entry-title"><a href="/2006/04/07/getting-emotional-with-wally-olins/" rel="bookmark" title="Getting Emotional With&#8230; Wally Olins">Getting Emotional With&#8230; Wally Olins</a></h2>
514            <div class="entry-content">
515              <p>Wally Olins is a co-founder of Wolff Olins and was chairman of the company until 1997. He is ...</p>
516              <div class="postauthor">
517                by <a href="/author/admin/" title="Posts by Marco van Hout" rel="author">Marco van Hout</a> <span class="sep">/</span> <a href="/2006/04/">Apr 07, 2006</a> <span class="sep">/</span> <img src="/wp-content/themes/simpl2/images/light_assets/comments_dialog.png" alt="">3
518              </div><a href="/2006/04/07/getting-emotional-with-wally-olins/"><em><small>View post</small></em></a>
519            </div>
520          </div>
521        </li>
522      </ul><br style="clear:both;">
523      <div class="classicURL">
524        <a href="/category/blog/interviews/">View all recent posts</a> | <a href="/2024/">View archives</a>
525      </div>
526    </div>
527  </div>
528  <div class="extendedcontent">
529    <div class="wrapper">
530      <div class="widget right w284 logobottom">
531        <a href="/"><img src="/wp-content/uploads/2011/susa-banner.png" alt=""></a>
532      </div><br style="clear:both;">
533    </div>
534  </div>
535  <div class="footer">
536    <div class="wrapper">
537      <div class="footer_left">
538        All of the content on this website are for inspiration only, and can be used only with reference or written consent by the author.
539      </div>
540      <div class="footer_right">
541        <div class="menu_container">
542          <ul id="menu-de-1" class="footer-menu">
543            <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-category-ancestor current-category-parent menu-item-has-children menu-item-1384">
544              <a href="/category/blog/">Blog</a>
545              <ul class="sub-menu">
546                <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-category-ancestor current-category-parent menu-item-1437">
547                  <a href="/category/blog/">Blog</a>
548                </li>
549                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1466">
550                  <a href="/category/blog/browsings/">Browsings</a>
551                </li>
552                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1438">
553                  <a href="/category/blog/snapshots/">Snapshots</a>
554                </li>
555              </ul>
556            </li>
557            <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1548">
558              <a href="/category/blog/columns/">Columns</a>
559            </li>
560            <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-1398">
561              <a href="/category/blog/interviews/" aria-current="page">Interviews</a>
562            </li>
563            <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1396">
564              <a href="/contact-me/">Contact</a>
565            </li>
566          </ul>
567        </div>
568      </div><br style="clear:both">
569    </div>
570  </div>
571  
571<script type="text/javascript">
572        
573                jQuery(document).ready(function($){
574
575                        $('.simpllike_button').click(function() {
576                                var postId = $(this).attr('rel');
577                                if (postId != '') {
578                                        $('#simpllike-'+postId+' .counter').html('<span><span class="begin left">...</span></span><span class="end left"></span>');
579                                        
580                                        var ajax_url = 'http://www.design-emotion.com/wp-admin/admin-ajax.php';
581                                        var data = {
582                                                id: postId,
583                                                action: 'simpllike'
584                                        };
585                                        
586                                        $.post(ajax_url, data, function(response) {
587                                                $('#simpllike-'+postId+' .counter').html(response);
588                                        });
589                                        
590                                        return false;
591                                }
592                        });
593                
594                });
595        
596  </script>
596 
597  
597<script type='text/javascript' src='/wp-content/themes/simpl2/js/simpl.js?ver=1.0' id='simpl_jquery-js'></script>
597 
598  
598<script type='text/javascript' id='jetpack-stats-js-after'>
599
600
601  _stq = window._stq || [];
602  _stq.push([ "view", {v:'ext',blog:'3961618',post:'0',tz:'0',srv:'www.design-emotion.com',j:'1:12.1'} ]);
603  _stq.push([ "clickTrackerInit", "3961618", "0" ]);
604  </script>
604 
605  
605<script type='text/javascript' src='/wp-content/themes/simpl2/js/light.js?ver=1.0' id='light-js'></script>
vendor: 1 bytes, line 605
605
606<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"453bcd2fad324ebd80df0ade4a00dbdb","r":1,"spa":2}' crossorigin="anonymous"></script>
606
607</body>
608</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.