-
Notifications
You must be signed in to change notification settings - Fork 4
/
So you want to be an interaction designer Cooper Journal.html
700 lines (670 loc) · 72.5 KB
/
So you want to be an interaction designer Cooper Journal.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
<!DOCTYPE html>
<!-- saved from url=(0068)http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti -->
<html class="large"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>So you want to be an interaction designer | Cooper Journal</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="./So you want to be an interaction designer Cooper Journal_files/fonts.css">
<link rel="stylesheet type=" text="" css"="" href="http://www.cooper.com/wp-content/themes/cooper2013/css/lib/common.css?v=f92d933dcf6388ffbac7253cd0d235bc"><link rel="stylesheet type=" text="" css"="" href="http://www.cooper.com/wp-content/themes/cooper2013/css/pages/posts.css?v=13b82f73c07c7ab4fdac30fe219c7302"> <!--[if lt IE 9]>
<link rel="stylesheet" href="http://www.cooper.com/wp-content/themes/cooper2013/css/ltie9.css">
<script type="text/javascript" src="http://www.cooper.com/wp-content/themes/cooper2013/js/html5shiv.js"></script>
<![endif]-->
<!-- Favicon -->
<link rel="shortcut icon" href="http://www.cooper.com/wp-content/themes/cooper2013/touch/favicon.ico">
<!-- Apple Touch icons for iOS devices, also used by Android with -precomposed" -->
<link href="http://www.cooper.com/wp-content/themes/cooper2013/touch/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed">
<link href="http://www.cooper.com/wp-content/themes/cooper2013/touch/apple-touch-icon-72x72-precomposed.png" rel="apple-touch-icon-precomposed" sizes="72x72">
<link href="http://www.cooper.com/wp-content/themes/cooper2013/touch/apple-touch-icon-114x114-precomposed.png" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="http://www.cooper.com/wp-content/themes/cooper2013/touch/apple-touch-icon-144x144-precomposed.png" rel="apple-touch-icon-precomposed" sizes="144x144">
<!-- Windows 8 tiles background color and icon with transparency for Windows 8 tablet devices -->
<meta name="msapplication-TileColor" content="08C6F2">
<meta name="msapplication-TileImage" content="/wp-content/themes/cooper2013/touch/tileicon.png">
<!-- Twitter meta tag for better Twitter analytics -->
<meta property="twitter:account_id" content="17223242">
<script src="./So you want to be an interaction designer Cooper Journal_files/cb=gapi.loaded_1" async=""></script><script src="./So you want to be an interaction designer Cooper Journal_files/cb=gapi.loaded_0" async=""></script><script id="twitter-wjs" src="./So you want to be an interaction designer Cooper Journal_files/widgets.js"></script><script type="text/javascript">var html = document.getElementsByTagName('html')[0]; html.className = html.className.replace('no-js', '');</script>
<link rel="alternate" type="application/rss+xml" title="Cooper » Feed" href="http://www.cooper.com/feed/">
<link rel="alternate" type="application/rss+xml" title="Cooper » Comments Feed" href="http://www.cooper.com/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="Cooper » So you want to be an interaction designer Comments Feed" href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti/feed/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.cooper.com/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.cooper.com/wp-includes/wlwmanifest.xml">
<link rel="prev" title="Bridging the gap between design and engineering cultures" href="http://www.cooper.com/journal/2008/05/bridging_the_gap_between_desig">
<link rel="next" title="Foldit: distributed gaming as research tool" href="http://www.cooper.com/journal/2008/05/foldit">
<link rel="canonical" href="./So you want to be an interaction designer Cooper Journal_files/So you want to be an interaction designer Cooper Journal.html">
<link rel="shortlink" href="http://www.cooper.com/?p=321">
<script src="./So you want to be an interaction designer Cooper Journal_files/nonSecureAnonymousFramework"></script><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
.fb_connect_bar_container div,.fb_connect_bar_container span,.fb_connect_bar_container a,.fb_connect_bar_container img,.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}.fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}.fb_connect_bar a:hover{color:#fff}.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}.fb_connect_bar div a,.fb_connect_bar span,.fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}.fb_connect_bar .fb_buttons{float:right;margin-top:7px}
.fbpluginrecommendationsbarleft,.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}.fbpluginrecommendationsbarleft{left:10px}.fbpluginrecommendationsbarright{right:10px}</style><style type="text/css">* html #li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link{height:1% !important;}#li_ui_li_gen_1401099213732_0{position:relative !important;overflow:visible !important;display:block !important;}#li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link{border:0 !important;height:20px !important;text-decoration:none !important;padding:0 !important;margin:0 !important;display:inline-block !important;}#li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link:link, #li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link:visited, #li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link:hover, #li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link:active{border:0 !important;text-decoration:none !important;}#li_ui_li_gen_1401099213732_0 a#li_ui_li_gen_1401099213732_0-link:after{content:"." !important;display:block !important;clear:both !important;visibility:hidden !important;line-height:0 !important;height:0 !important;}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-logo{background-image:url(http://s.c.lnkd.licdn.com/scds/common/u/images/apps/connect/sprites/sprite_connect_v14.png) !important;background-position:0px -276px !important;background-repeat:no-repeat !important;background-size:initial !important;cursor:pointer !important;border:0 !important;text-indent:-9999em !important;overflow:hidden !important;padding:0 !important;margin:0 !important;position:absolute !important;left:0px !important;top:0px !important;display:block !important;width:20px !important;height:20px !important;float:right !important;border-radius:0 !important;-webkit-border-radius:0 !important;border-top-right-radius:2px !important;border-bottom-right-radius:2px !important;-webkit-border-top-right-radius:2px !important;-webkit-border-bottom-right-radius:2px !important;}#li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-logo{background-position:-20px -276px !important;}#li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-logo, #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-logo{background-position:-40px -276px !important;}.IN-shadowed #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-logo{}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title{color:#333 !important;cursor:pointer !important;display:block !important;white-space:nowrap !important;float:left !important;margin-left:1px !important;vertical-align:top !important;overflow:hidden !important;text-align:center !important;height:18px !important;padding:0 4px 0 23px !important;border:1px solid #000 !important;border-top-color:#E2E2E2 !important;border-right-color:#BFBFBF !important;border-bottom-color:#B9B9B9 !important;border-left-color:#E2E2E2 !important;border-left:0 !important;text-shadow:#FFFFFF -1px 1px 0 !important;line-height:20px !important;border-radius:0 !important;-webkit-border-radius:0 !important;border-top-right-radius:2px !important;border-bottom-right-radius:2px !important;-webkit-border-top-right-radius:2px !important;-webkit-border-bottom-right-radius:2px !important;background-color:#ECECEC !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#ECECEC)) !important; background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #ECECEC 100%) !important;}#li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title{border:1px solid #000 !important;border-top-color:#ABABAB !important;border-right-color:#9A9A9A !important;border-bottom-color:#787878 !important;border-left-color:#04568B !important;border-left:0 !important;background-color:#EDEDED !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DEDEDE)) !important; background-image: -webkit-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%) !important;}#li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title, #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title{color:#666 !important;border:1px solid #000 !important;border-top-color:#B6B6B6 !important;border-right-color:#B3B3B3 !important;border-bottom-color:#9D9D9D !important;border-left-color:#49627B !important;border-left:0 !important;background-color:#DEDEDE !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E3E3), color-stop(100%,#EDEDED)) !important; background-image: -webkit-linear-gradient(top, #E3E3E3 0%, #EDEDED 100%) !important;}.IN-shadowed #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title{}.IN-shadowed #li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title{}.IN-shadowed #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title, .IN-shadowed #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title{}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text, #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text *{color:#333 !important;font-size:11px !important;font-family:Arial, sans-serif !important;font-weight:bold !important;font-style:normal !important;-webkit-font-smoothing:antialiased !important;display:inline-block !important;background:transparent none !important;vertical-align:top !important;height:18px !important;line-height:20px !important;float:none !important;}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text strong{font-weight:bold !important;}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text em{font-style:italic !important;}#li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title-text, #li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title-text *{color:#000 !important;}#li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title-text, #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title-text, #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title-text *, #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title-text *{color:#666 !important;}#li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title #li_ui_li_gen_1401099213732_0-mark{display:inline-block !important;width:0px !important;overflow:hidden !important;}.success #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title{color:#333 !important;border-top-color:#E2E2E2 !important;border-right-color:#BFBFBF !important;border-bottom-color:#B9B9B9 !important;border-left-color:#E2E2E2 !important;background-color:#ECECEC !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#ECECEC)) !important; background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #ECECEC 100%) !important;}.success #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text, .success #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title-text *{color:#333 !important;}.IN-shadowed .success #li_ui_li_gen_1401099213732_0 #li_ui_li_gen_1401099213732_0-title{}.success #li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title{color:#000 !important;border-top-color:#ABABAB !important;border-right-color:#9A9A9A !important;border-bottom-color:#787878 !important;border-left-color:#04568B !important;background-color:#EDEDED !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#DEDEDE)) !important; background-image: -webkit-linear-gradient(top, #EDEDED 0%, #DEDEDE 100%) !important;}.success #li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title-text, .success #li_ui_li_gen_1401099213732_0.hovered #li_ui_li_gen_1401099213732_0-title-text *{color:#000 !important;}.success #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title, .success #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title{color:#666 !important;border-top-color:#B6B6B6 !important;border-right-color:#B3B3B3 !important;border-bottom-color:#9D9D9D !important;border-left-color:#49627B !important;background-color:#DEDEDE !important;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E3E3), color-stop(100%,#EDEDED)) !important; background-image: -webkit-linear-gradient(top, #E3E3E3 0%, #EDEDED 100%) !important;}.success #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title-text, .success #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title-text, .success #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title-text *, .success #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title-text *{color:#666 !important;}.IN-shadowed .success #li_ui_li_gen_1401099213732_0.clicked #li_ui_li_gen_1401099213732_0-title, .IN-shadowed .success #li_ui_li_gen_1401099213732_0.down #li_ui_li_gen_1401099213732_0-title{}</style></head>
<body style="visibility: visible;">
<!--[if lt IE 9]>
<div id="browser-upgrade" class="row m2">
<div class="column span-full">
You're using a browser that doesn't support basic modern web standards, so you'll probably
see something on this page that doesn't look very pretty. Go download a better browser.
They're all free:
<a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer (for Windows)</a></li>,
<a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>,
<a href="https://www.google.com/intl/en/chrome/browser/">Chrome</a>, or
<a href="http://www.apple.com/safari/">Safari (for Mac)</a>
</div>
</div>
<![endif]-->
<header class="navigation">
<div class="row">
<div class="column span-full">
<nav>
<a href="http://www.cooper.com/about/" class="about" data-section="about">About</a>
<a href="http://www.cooper.com/work/" class="work" data-section="work">Work</a>
<a href="http://www.cooper.com/services/" class="services" data-section="services">Services</a>
<a href="http://www.cooper.com/training/" class="training" data-section="training">Training</a>
<a class="selected" href="http://www.cooper.com/journal/" data-section="journal">Journal</a>
<a href="http://www.cooper.com/contact/" class="contact" data-section="contact">Contact</a>
</nav>
<div class="persistent">
<div class="border"></div>
<a class="logo" href="http://www.cooper.com/">Cooper</a>
<span class="current">Journal</span>
<a href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti#" class="menu-toggle">Menu</a>
</div>
</div>
</div>
</header>
<div id="content" class="overlap-header padding-header">
<div class="banner background-darker overlap-header padding-header">
<div class="row">
<div class="column span-full default-header">
<a class="plain" href="http://www.cooper.com/journal">
<h2>A blog about <strong>design</strong>, <strong>business</strong>, and the <strong>world</strong> we live in.</h2>
</a>
</div>
</div>
</div>
<div class="arrow arrow-darker">
<div class="row pt1">
<div class="column full span-8-12 mt1">
<article class="post single">
<div class="row">
<div class="column span-full">
<header class="mb1">
<h1 class="post-title"><a class="plain" href="./So you want to be an interaction designer Cooper Journal_files/So you want to be an interaction designer Cooper Journal.html" title="permanent link">So you want to be an interaction designer</a></h1>
<div class="byline">
by <a class="plain" href="http://www.cooper.com/author/robert_reimann/">Robert Reimann</a>
<span class="hide-small">
<span class="separator">•</span>
<time class="post-date" title="2008-05-15T15:23:47+00:00">May 15, 2008</time>
<span class="separator">•</span>
<a class="plain" href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti#comments">Comments (18)</a>
</span>
</div>
</header>
<div class="post-body">
<p>We get a lot of email from students and usability professionals asking how one goes about becoming an interaction designer, and what background one needs to get into the field. What are good interaction design programs? What real-world skills and experience are required? What, exactly, do interaction designers do on a day-to-day basis?</p>
<p><span id="more-321"></span><br>
</p><h3>Pursuing academic training</h3>
<p> The first thing to keep in mind is that interaction design is a new discipline that is still being defined in the academic setting. There are only a few institutions in the world offering degree programs specifically in "interaction design," and while their curricula share similarities, they are by no means standardized (which may very well be a good thing). Most of these and other "computer-related," "human-computer interaction," or "new media" design programs are outgrowths of either art schools or technical departments (often architecture or computer science departments) at larger institutions, each of which brings its own history, perspective, and preconceptions to its teaching approach.</p>
<p>There isn’t agreement (though this is happily beginning to change) in the academic community about what the core elements of an interaction design curriculum might be, or how to approach the teaching of that curriculum. Art schools tend to approach interaction design as a means of personal or brand expression rather than as an approach to solving product definition and usability problems; technical departments tend to teach interaction design from the perspective of exploring and implementing technologies rather than discovering and addressing human goals. Programs that emphasize HCI techniques tend to focus on cognitive theory and user research, with less emphasis on design methods and practices (i.e., the craft of design). Many design programs still focus on tools rather than methods, but that too is changing.</p>
<h3>How is interaction design different?</h3>
<p> It’s easy to understand the confusion, since interaction design as a discipline borrows theory and technique from traditional design, psychology, and technical disciplines. It is a synthesis, however—more than a sum of its parts, with its own unique methods and practices. It is also very much a <em>design</em> discipline, with a different approach than that of scientific and engineering disciplines. In an effort to clarify this, I offer the following definitions for interaction design.</p>
<p>Interaction Design is a design discipline dedicated to:</p>
<ul>
<li>Defining the behavior of artifacts, environments, and systems (i.e., products)</li>
</ul>
<p>…and therefore concerned with:</p>
<ul>
<li>Defining the form of products as they relate to their behavior and use</li>
<li>Anticipating how the use of products will mediate human relationships and affect human understanding</li>
<li>Exploring the dialogue between products, people, and contexts (physical, cultural, historical)</li>
</ul>
<p>Interaction design is also a perspective that approaches the design of products in several different ways:</p>
<ul>
<li>From an understanding of how and why people desire to use them</li>
<li>As an advocate for the users and their goals</li>
<li>As gestalts, not simply as sets of features and attributes</li>
<li>By looking to the future-seeing things as they might be, not necessarily as they currently are</li>
</ul>
<p>Given these definitions, interaction designers must:</p>
<ul>
<li>Learn new domains quickly</li>
<li>Solve problems both analytically and creatively</li>
<li>Be able to visualize and simplify complex systems</li>
<li>Empathize with users, their needs, and their aspirations</li>
<li>Understand the strengths and limitations of both humans and technology</li>
<li>Share a passion for making the world a better place through ethical, purposeful, pragmatic, and elegant design solutions</li>
</ul>
<p>Many academic institutions with new or established interaction design and HCI programs are beginning to develop an understanding of interaction design and the qualities and skills required of interaction designers. Some of the most forward-thinking of these institutions include:</p>
<ul>
<li><a href="http://www.design.cmu.edu/">Carnegie Mellon University</a></li>
<li><a href="http://www.id.iit.edu/">Institute of Design, Illinois Institute of Technology</a></li>
<li><a href="http://www.ncsu.edu/">North Carolina State University</a></li>
<li><a href="http://www.uiah.fi/">University of Art and Design Helsinki</a></li>
<li><a href="http://www.vcu.edu/">Virginia Commonwealth University</a></li>
</ul>
<h3>Other paths</h3>
<p> But, do you really need a Master’s Degree or Ph.D. to practice interaction design? There are advantages to rigorous studio training combined with adequate breadth courses (in art, business, humanities, and science), to be sure. But some things, as in any discipline, can’t easily be taught. Empathy with users and the ability to conceptualize working solutions (and then refine them ruthlessly) are difficult skills to teach. At Cooper, we look for people with these talents, regardless of their formal education. Some come from traditional design backgrounds (industrial design and graphic design), but most have an eclectic education in the humanities, technology, or both. Many have had significant experience in software development organizations, working as technical writers, project managers, customer or technical support staff, and even programmers, where they created interaction designs out of pure concern for users being ill-served by technology.</p>
<p>If you are considering interaction design as a possible career shift, here are a few things to keep in mind:</p>
<ul>
<li>Designers seldom code—if you are attached to programming, all power to you: the world needs more design-sensitive programmers. But unless you have complete control over your projects, you will be short-changing your users by trying to design and develop at the same time—it’s a conflict of interest. So, if you can’t stomach the thought of abandoning programming, interaction design may not be for you.</li>
</ul>
<ul>
<li>Usability research is tremendously important, but it isn’t design. It identifies problems, but doesn’t (except at the most detailed level) suggest solutions. Can you envision and refine broad and detailed solutions, or are you more comfortable extracting facts from known situations? If the latter, then usability may be a better focus for your interests.</li>
</ul>
<ul>
<li>Temperament is important. The best interaction designers I know are interested in everything, and willing (even eager) to immerse themselves in unfamiliar territories to learn and absorb. They are also very concerned about people as individuals and the human condition in general.</li>
</ul>
<ul>
<li>Designers all need some basic skills; interaction designers should be able to draw or write well (doing both is rare and valued), and must be able to communicate excellently with both their colleagues and their clients. The toughest skill to acquire is that combination of creative insight and analytical thinking that is the hallmark of a great interaction designer.</li>
</ul>
<p>If any of this resonates with you, you may be an interaction designer in the making. Good luck in your pursuits!</p>
</div>
<section class="share inline-container">
<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="cooper"></a></div>
<div class="facebook"><div class="fb-like fb_iframe_widget" data-href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti" data-send="false" data-layout="button_count" data-width="110" data-show-faces="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=173188206099579&href=http%3A%2F%2Fwww.cooper.com%2Fjournal%2F2008%2F05%2Fso_you_want_to_be_an_interacti&layout=button_count&locale=en_US&sdk=joey&send=false&show_faces=false&width=110"><span style="vertical-align: bottom; width: 76px; height: 20px;"><iframe name="f16feebf7c" width="110px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like Facebook Social Plugin" src="./So you want to be an interaction designer Cooper Journal_files/like.html" class="" style="border: none; visibility: visible; width: 76px; height: 20px;"></iframe></span></div></div>
<div class="googleplus"><div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I1_1401099208726" name="I1_1401099208726" src="./So you want to be an interaction designer Cooper Journal_files/fastbutton.html" data-gapiattached="true" title="+1"></iframe></div></div>
<div class="linkedin"><span class="IN-widget" style="line-height: 1; vertical-align: baseline; display: inline-block; text-align: center;"><span style="padding: 0px !important; margin: 0px !important; text-indent: 0px !important; display: inline-block !important; vertical-align: baseline !important; font-size: 1px !important;"><span id="li_ui_li_gen_1401099213732_0"><a id="li_ui_li_gen_1401099213732_0-link" href="javascript:void(0);"><span id="li_ui_li_gen_1401099213732_0-logo">in</span><span id="li_ui_li_gen_1401099213732_0-title"><span id="li_ui_li_gen_1401099213732_0-mark"></span><span id="li_ui_li_gen_1401099213732_0-title-text">Share</span></span></a></span></span></span><script type="IN/Share+init" data-url="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti" data-onsuccess="LinkedInShare"></script></div>
</section>
</div>
</div>
<section id="comments" class="comments row pt1 no-m">
<div class="row">
<div class="column span-full">
<h1 class="comment-count small">18 Comments</h1>
</div>
</div>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Alfredo Saavedra</address>
<time pubdate="" class="published column span-1-2 text-right">November 22, 2008</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
First I want to thank you for such a great article, it really helped understand a little bit better what is an Interaction Designer, I am still gonna research and study more before I jump to it 100%, although I think I have already made my choice. Even though this entry is like 7 years old, it really gives a good summary of what is Interaction Design.
Thank You,
~Alfredo Saavedra </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">A.L.</address>
<time pubdate="" class="published column span-1-2 text-right">December 16, 2008</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Thank you for your article. I am interested in moving more into Interaction Design, but I do not have so much academic background in the field. How can I show employers my skills if I have no prior projects? </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Fabio Silva</address>
<time pubdate="" class="published column span-1-2 text-right">January 4, 2009</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Hi. I am a programmer.
And I mostly work with database-driven applications and JQuery for client-side interactions.
Regarding database, it's not only "I will store your information and later, when you came back, I will show you".
Just like JQuery (javascript library), they are responses to user acts.
Isn't that kind of dynamic a behavior of the application?
So, since I am intersted in add interaction design context into my future projects on web applications, why a programmer can't be on hands with an interaction designer?
Thank you for your article.
Fábio Silva. </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">bob quinn</address>
<time pubdate="" class="published column span-1-2 text-right">January 19, 2009</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
I've been programming for 30+ years and seen *many* changes in that time. One of the most profound is how the design process occurs. UI used to be an after-thought, but now its the starting point. As a result, I'd encourage any programmer to learn Interactive Design.
That said, I fail to understand why/how programming and ID are at odds. They complement each other in web development.
Also, although historically it is true that designers did not code, with the need for Flash, Javascript and CSS it is less true everyday. In some cases (small web dev shops), even knowledge of server-side PHP/SQL may be needed.
And finally, with the advent of data visualizations being used for navigation (Flash or Progression.org), the distinction between programmer and designer is further blurred.
Regards,
bob quinn </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Fábio Silva</address>
<time pubdate="" class="published column span-1-2 text-right">January 20, 2009</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
True. If I fail to understand the ID behavior designed for my application, how can I code that?
[]s
Fábio </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Jyoti Pandey</address>
<time pubdate="" class="published column span-1-2 text-right">May 9, 2009</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Thanks alot for the info.. But it would be better if u could quote an example.. :| </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Paul Neave</address>
<time pubdate="" class="published column span-1-2 text-right">August 6, 2010</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Interaction Design is still a nacent, misunderstood and oft-overlooked discipline. Great article though - it should really help people better understand what it is to be an Interaction Designer and how to get into the industry. </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Michelle Boisson</address>
<time pubdate="" class="published column span-1-2 text-right">August 22, 2010</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
I'd like to add:
New York University's Interactive Telecommunications program
http://itp.nyu.edu/
and
School of Visual Arts' Interaction Design progra,
http://interactiondesign.sva.edu
to the list of schools. </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Dalila</address>
<time pubdate="" class="published column span-1-2 text-right">September 18, 2010</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Thank you for the post, it provides great tools to explain our career to others! I would like to add the User System Interacton program from TU/e in Enindhoven, Netherlands. It is a novel, international, multidisciplinary program that offers a solid background on both: user research and the entire life cycle process from concept, to design (prototyping) and testing. Coming from a Human Factors background I believe it is a great way to enter the ID discipline! Hope this helps some readers considering the same path. Again, thanks for the post!
Dali
</section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Josh</address>
<time pubdate="" class="published column span-1-2 text-right">October 30, 2010</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
One Interaction Design school that is pretty amazing is the Copenhagen Institute of Interaction Design.
Check it out!
http://ciid.dk/education/ </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Tomer G.</address>
<time pubdate="" class="published column span-1-2 text-right">December 27, 2010</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Hei people you might be interested in reading a recent interview with Bill Verplank. The reason why I am reporting this is that, among the other things, he stated "my favorite post-graduate program now is a spin-off of IDII: the Copenhagen Institute of Interaction Design (CIID)".
http://johnnyholland.org/2010/12/15/an-interview-with-bill-verplank/
</section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">UX Chicken turns students into teachers | Cooper Journal</address>
<time pubdate="" class="published column span-1-2 text-right">November 1, 2012</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
[...] can learn about user experience design (UX) through blogs, books, and conferences, but there is no better teacher than chickens. I mean, [...] </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Textos introdutórios ao Design de Interação</address>
<time pubdate="" class="published column span-1-2 text-right">November 22, 2012</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
[...] Robert Reimann. 2008. Então você quer ser um designer de interação. Tradução disponível em: www.faberludens.com.br/pt-br/node/96 Texto original “So you want to be an interaction designer”, disponível em: http://www.cooper.com/journal/2001/06/so_you_want_to_be_an_interacti.html/ [...] </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Weekly Reads: Free Time Edition : Sententia</address>
<time pubdate="" class="published column span-1-2 text-right">March 25, 2013</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
[...] So You Want To Be An Interaction Designer (from Cooper) and So You Want to Be an Interaction Designer 2006 (from AdaptivePath). How had I not heard of Interaction Design (commonly abbreviated IxD) before this week? There is just so much in these two articles that resonates with me and calls to something within me. Is this another fleeting passion of my scanner-ness? Who cares, it sounds fascinating, and I think I’m going to spend some time checking it out. Any Interaction Designers have some favorite introductory books they’d like to recommend? [...] </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">http://paydayloansonlinehut.com/</address>
<time pubdate="" class="published column span-1-2 text-right">April 9, 2013</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
C <a href="http://paydayloansonlinehut.com/" rel="nofollow">Online Payday Loans Direct Lenders</a> 4 http://paydayloanshut1b.com/ - http://paydayloansonlinehut.com h http://paydayloansonlinehut.com/ n They take their businesses seriously.But has definite advantages if you own it, for those who can afford it, blogs,websites and submitting written articles.Other people used comparable financial lending legitimate, received to earn up to $1500 in just 24 hours. X </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Jacqueline</address>
<time pubdate="" class="published column span-1-2 text-right">April 3, 2014</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Thank you for this article! I am a copywriter, but I love doing interaction design. I don't work as an ID professionaly, but I would definitely love to as I believe the combination of doing both copy (which is basically content-ID) could be a great combination.
It's hard however, to find out what exactly I should learn to become an actual ID :-) </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Chris Noessel</address>
<time pubdate="" class="published column span-1-2 text-right">April 3, 2014</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
Jacqueline, if you're not looking for formal training, I penned an article about self-study interaction design that you may be interested in, on this very blog: http://www.cooper.com/journal/2013/01/self-study-interaction-design </section>
</div>
</article>
<article class="comment">
<div class="row small">
<address class="author column span-1-2">Easy Diet Articles</address>
<time pubdate="" class="published column span-1-2 text-right">May 22, 2014</time>
</div>
<div class="row">
<section class="body-type column span-full no-mt">
I really love this website! I was searching for some new cooking ideas and your article helped me allot! Keep up the excellent writing.
http://articlemadness.tripod.com </section>
</div>
</article>
<div class="row">
<div class="column span-full">
<h3 class="comments-open-header">Post a comment</h3>
</div>
</div>
<form id="comments-form" method="post" action="http://www.cooper.com/wp-comments-post.php">
<input type="hidden" name="comment_post_ID" value="321" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
<div class="row">
<div class="column span-1-2 mhalf">
<div class="name">
<label for="comment-author">Name</label>
<input class="text" name="author" size="30">
</div>
</div>
<div class="column span-1-2 mhalf">
<div class="email">
<label for="comment-email">Email Address</label>
<input class="text" name="email" size="30">
</div>
</div>
</div>
<div class="row">
<div class="column span-full mhalf">
<label>Comments (Feel free to use basic HTML tags for style)</label>
<textarea class="comment column span-full mb1" name="comment"></textarea>
<p class="small">We’re trying to advance the conversation, and we trust that you will, too. We’d rather not moderate, but we will remove any comments that are blatantly inflammatory or inappropriate. Let it fly, but keep it clean. Thanks.</p>
<p>
<a href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti#" class="button" onclick="$('#comments-form').submit(); return false;">Post this comment</a>
</p>
</div>
</div>
</form>
</section>
</article>
<div class="row only-small">
<nav class="m2 column span-full">
<a href="http://www.cooper.com/journal/2008/05/bridging_the_gap_between_desig" class="button alt previous-post">Previous</a>
<a href="http://www.cooper.com/journal/2008/05/foldit" class="button next-post">Next</a>
</nav>
</div>
<div class="categories clearfix mb2 hide-small">
<div class="column span-full">
<hr class="mb2">
<h3>Categories</h3>
</div>
<ul class="column span-1-3 small no-mt">
<li><a class="plain" href="http://www.cooper.com/category/agile/">Agile (24)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/architecture/">Architecture (10)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/automotive/">Automotive (5)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/awards/">Awards (4)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/books/">Books (18)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/branding/">Branding (17)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/business/">Business (55)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/cooper_u/classes/">Classes (41)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/clients/">Clients (15)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/communicating_design/">Communicating design (52)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/cooper/">Cooper (61)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/cooper_u/">Cooper U (67)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/critiques/">Critiques (48)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/culture-2/">Culture (4)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/design_engineering/">Design & engineering (31)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/design_disciplines/">Design disciplines (15)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/design_in_organizations/">Design in organizations (60)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/design_principles/">Design principles (49)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/design-the-future/">Design the Future (12)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/drawing_board/">Drawing Board (9)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/education/">Education (40)</a></li>
</ul>
<ul class="column span-1-3 small no-mt">
<li><a class="plain" href="http://www.cooper.com/category/events/">Events (79)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/experience_design/">Experience design (54)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/features/">Features (101)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/financial-services/">Financial services (13)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/games/">Games (4)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/humor/">Humor (21)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/industrial_design/">Industrial design (16)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/information_design/">Information design (26)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/innovation/">Innovation (71)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/interaction_design/">Interaction design (160)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/patterns/">Interaction patterns (20)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/interface-design/">Interface Design (19)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/journalism/">Journalism (5)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/leadership/">Leadership (7)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/media/">Media (14)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/medical/">Medical (25)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/methods/">Methods (34)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/mobile/">Mobile (34)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/news/">News (32)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/newsletters/">Newsletters (34)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/personas/">Personas (39)</a></li>
</ul>
<ul class="column span-1-3 small no-mt">
<li><a class="plain" href="http://www.cooper.com/category/platforms/">Platforms & technology (22)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/presentations/">Presentations (19)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/product_definition/">Product definition (16)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/prototyping/">Prototyping (7)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/requirements/">Requirements (8)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/research/">Research (37)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/service_design_1/">Service design (30)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/startup/">Startup (9)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/strategy/">Strategy (33)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/sustainability/">Sustainability (13)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/tablet/">Tablet (13)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/techniques/">Techniques (71)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/travel/">Travel (12)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/trends/">Trends (40)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/tv/">TV (6)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/typography/">Typography (7)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/ux/">User experience (28)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/video/">Video (11)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/visual_design/">Visual design (51)</a></li>
<li><a class="plain" href="http://www.cooper.com/category/web/">Web (34)</a></li>
</ul>
</div> </div>
<div class="column offset-1-12 span-3-12 mt1 hide-small">
<div class="sidebar">
<form class="search" method="get" action="http://www.cooper.com/">
<input type="hidden" name="pagename" value="journal">
<input type="text" class="search-terms" name="s" value="" id="search">
</form>
<section class="mt2">
<h1 class="small container">Subscribe<a target="_blank" data-profile="rss" href="http://www.cooper.com/feed" class="bottomright icon rss">RSS</a></h1>
<hr>
<p class="small">Sign up to get our featured articles delivered straight to your inbox every month or two.</p>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="signup">
<form class="mb2" action="http://cooper.us1.list-manage.com/subscribe/post?u=6732c2f2d7d9b174f6ab6c326&id=162d77b95f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate="">
<div class="course-subscribe">
<div class="accordion-container">
<div class="accordion-header">
<input type="email" autocapitalize="off" autocorrect="off" value="Enter your email" name="EMAIL" class="required email mhalf placeholder" id="mce-EMAIL" onfocus="if(this.value == 'Enter your email') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email';}">
</div>
<div class="accordion-content">
<h5 class="accordion-header no-m">Optional</h5>
<input type="text" value="First Name" name="FNAME" class="mhalf placeholder" id="mce-FNAME" onfocus="if(this.value == 'First Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'First Name';}">
<input type="text" value="Last Name" name="LNAME" class="mhalf placeholder" id="mce-LNAME" onfocus="if(this.value == 'Last Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Last Name';}">
</div>
<input type="hidden" value="1" name="group[81][1]" id="mce-group[81]-81-0"> <!--Journal (featured articles) -->
<input type="hidden" name="EMAILTYPE" value="html">
<div id="mce-responses" class="clear"><div class="response" id="mce-error-response"></div><div class="response" id="mce-success-response"></div></div>
<a class="journal-signup button alt" href="http://www.cooper.com/journal/2008/05/so_you_want_to_be_an_interacti#"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="alt"></a>
</div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</section>
<section>
<h1 class="small">Follow us</h1>
<hr>
<ul class="social-media inline-container mb2">
<li><a rel="me" target="_blank" data-profile="facebook" href="http://www.facebook.com/pages/Cooper/436493933848" class="icon facebook">Facebook</a></li>
<li><a rel="me" target="_blank" data-profile="vimeo" href="http://vimeo.com/cooperdesign" class="icon vimeo">Vimeo</a></li>
<li><a rel="me" target="_blank" data-profile="twitter" href="http://twitter.com/cooper" class="icon twitter">Twitter</a></li>
<li><a rel="publisher" target="_blank" data-profile="googleplus" href="https://plus.google.com/102253237624912173870" class="icon google">Google+</a></li>
<li><a rel="me" target="_blank" data-profile="linkedin" href="http://www.linkedin.com/company/cooper" class="icon linkedin">LinkedIn</a></li>
</ul>
</section>
<section>
<h1 class="small">Cooper topics</h1>
<hr>
<ul>
<li>
<a class="plain" href="http://www.cooper.com/topics/tools-of-the-trade/">Tools of the trade</a>
</li>
<li>
<a class="plain" href="http://www.cooper.com/topics/design-the-future/">Design the Future</a>
</li>
<li>
<a class="plain" href="http://www.cooper.com/topics/designing-culture/">Designing Culture</a>
</li>
</ul>
</section>
<section>
<h1 class="small">Featured articles</h1>
<hr>
<article class="mb2">
<h2><a class="plain" href="http://www.cooper.com/journal/2013/08/amber-alert-the-tragedy-of-bad-design">Amber Alert: The Tragedy of Bad Design</a></h2>
<strong>by <a class="plain" href="http://www.cooper.com/author/jenea_hayes/">Jenea Hayes</a></strong>
</article>
<article class="mb2">
<h2><a class="plain" href="http://www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes">Designer’s Toolkit: Road Testing Prototype Tools</a></h2>
<strong>by <a class="plain" href="http://www.cooper.com/author/emily_schwartzman/">Emily Schwartzman</a></strong>
</article>
</section>
<section>
<h1 class="small">Cooper staff archives</h1>
<hr>
<ul>
<li><a class="plain" href="http://www.cooper.com/author/alan_cooper//">Alan Cooper</a></li>
<li><a class="plain" href="http://www.cooper.com/author/cale_leroy//">Cale LeRoy</a></li>
<li><a class="plain" href="http://www.cooper.com/author/chris_noessel//">Chris Noessel</a></li>
<li><a class="plain" href="http://www.cooper.com/author/christinabeard//">Christina Beard</a></li>
<li><a class="plain" href="http://www.cooper.com/author/dan_winterberg//">Dan Winterberg</a></li>
<li><a class="plain" href="http://www.cooper.com/author/doug_lemoine//">Doug LeMoine</a></li>
<li><a class="plain" href="http://www.cooper.com/author/the_editors//">The Editors</a></li>
<li><a class="plain" href="http://www.cooper.com/author/elisha_cook//">Elisha Cook</a></li>
<li><a class="plain" href="http://www.cooper.com/author/emily_schwartzman//">Emily Schwartzman</a></li>
<li><a class="plain" href="http://www.cooper.com/author/greg_schuler//">Greg Schuler</a></li>
<li><a class="plain" href="http://www.cooper.com/author/izac_ross//">Izac Ross</a></li>
<li><a class="plain" href="http://www.cooper.com/author/jason_csizmadi//">Jason Csizmadi</a></li>
<li><a class="plain" href="http://www.cooper.com/author/jayson_mccauliff//">Jayson McCauliff</a></li>
<li><a class="plain" href="http://www.cooper.com/author/jenea_hayes//">Jenea Hayes</a></li>
<li><a class="plain" href="http://www.cooper.com/author/jim_dibble//">Jim Dibble</a></li>
<li><a class="plain" href="http://www.cooper.com/author/julie_celia//">Julie Celia</a></li>
<li><a class="plain" href="http://www.cooper.com/author/kendra_shimmell//">Kendra Shimmell</a></li>
<li><a class="plain" href="http://www.cooper.com/author/kenny_landes//">Kenny Landes</a></li>
<li><a class="plain" href="http://www.cooper.com/author/lauren_ruiz//">Lauren Ruiz</a></li>
<li><a class="plain" href="http://www.cooper.com/author/nate_clinton//">Nate Clinton</a></li>
<li><a class="plain" href="http://www.cooper.com/author/nikki_knox//">Nikki Knox</a></li>
<li><a class="plain" href="http://www.cooper.com/author/steve_calde//">Steve Calde</a></li>
<li><a class="plain" href="http://www.cooper.com/author/suzy_thompson//">Suzy Thompson</a></li>
<li><a class="plain" href="http://www.cooper.com/author/teresa_brazen//">Teresa Brazen</a></li>
</ul>
</section>
</div> </div>
</div>
</div>
</div>
<footer class="background-darkest arrow-only-small">
<div class="row">
<div class="vcard column span-full">
<h3 class="small">Contact</h3>
<span class="fn org">Cooper</span>
<ul class="ruled">
<li>
<a class="adr" href="https://maps.google.com/?q=85+Second+Street+8th+floor,+San+Francisco+CA,+94105" target="_blank">
<span class="icon pin"></span>
<span class="street-address">85 2nd Street, 8th Floor</span>
<br>
<span class="locality">San Francisco</span>,
<span class="region">CA</span>
<span class="postal-code">94105</span>
</a>
</li>
<li>
<a class="email" href="mailto:[email protected]">
<span class="icon envelope"></span>
</a>
<hr class="only-small mhalf">
<a class="tel" href="tel:+1-415-267-3500">
<span class="icon phone"></span>
+1 (415) 267-3500
</a>
</li>
</ul>
<ul class="social-media hoverable">
<li><a rel="me" target="_blank" data-profile="facebook" href="http://www.facebook.com/pages/Cooper/436493933848" class="icon facebook">Facebook</a></li>
<li><a rel="me" target="_blank" data-profile="vimeo" href="http://vimeo.com/cooperdesign" class="icon vimeo">Vimeo</a></li>
<li><a rel="me" target="_blank" data-profile="twitter" href="http://twitter.com/cooper" class="icon twitter">Twitter</a></li>
<li><a rel="publisher" target="_blank" data-profile="googleplus" href="https://plus.google.com/102253237624912173870" class="icon google">Google+</a></li>
<li><a rel="me" target="_blank" data-profile="linkedin" href="http://www.linkedin.com/company/cooper" class="icon linkedin">LinkedIn</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="column span-full mb1">
<p class="copyright">
All rights reserved. © 2014 Cooper. <a class="alt" href="http://www.cooper.com/privacy-policy">Privacy Policy</a>
</p>
</div>
</div>
</footer>
<script type="text/javascript">
var THEME_URL = 'http://www.cooper.com/wp-content/themes/cooper2013/'
var require =
{
baseUrl: 'http://www.cooper.com/wp-content/themes/cooper2013/js/lib',
paths: {
'pages': '../pages'
},
shim: {
'jquery.touch': ['jquery']
}
}
</script>
<script type="text/javascript" src="./So you want to be an interaction designer Cooper Journal_files/default.js"></script>
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="f18ec6aeac" frameborder="0" allowtransparency="true" scrolling="no" src="./So you want to be an interaction designer Cooper Journal_files/ping.html" style="display: none;"></iframe></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./So you want to be an interaction designer Cooper Journal_files/dgdTycPTSRj.html" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./So you want to be an interaction designer Cooper Journal_files/dgdTycPTSRj(1).html" style="border: none;"></iframe></div></div></div>
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-t-wp3EyRQSkQR.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<script src="./So you want to be an interaction designer Cooper Journal_files/plusone.js" async="" type="text/javascript" gapi_processed="true"></script><script src="./So you want to be an interaction designer Cooper Journal_files/all.js" async="" type="text/javascript"></script><script src="./So you want to be an interaction designer Cooper Journal_files/in.js" async="" type="text/javascript"></script><script src="./So you want to be an interaction designer Cooper Journal_files/ga.js" async="" type="text/javascript"></script><script src="./So you want to be an interaction designer Cooper Journal_files/quant.js" async="" type="text/javascript"></script><iframe name="oauth2relay821467791" id="oauth2relay821467791" src="./So you want to be an interaction designer Cooper Journal_files/postmessageRelay.html" tabindex="-1" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe></body></html>