-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·599 lines (459 loc) · 30.9 KB
/
index.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
<!DOCTYPE HTML>
<html style="width: 100%; height: 100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UX Camp Hamburg 2013</title>
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/nivo-slider.css" type="text/css" rel="stylesheet">
<link href="css/prettyPhoto.css" type="text/css" rel="stylesheet">
<link href="css/tipsy.css" type="text/css" rel="stylesheet">
<link href="css/gh-buttons.css" type="text/css" rel="stylesheet">
<link href="css/ux-styles.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/libs/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/libs/modernizr-1.7.min.js"></script>
<script type="text/javascript" src="js/libs/css3-mediaqueries.js"></script>
<script type="text/javascript" src="js/libs/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="js/libs/jquery.visualNav.min.js"></script>
<script type="text/javascript" src="js/libs/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/libs/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/libs/jquery.livetwitter.min.js"></script>
</head>
<body>
<div id="page">
<header id="header">
<div class="center">
<nav id="main-menu">
<ul>
<li class="logo-wrap">
<a href="#home" id="logo"><img src="images/ci/UXC_Logo_HH_2013.png" alt="UX Camp HH Logo" /></a>
</li>
<div style="margin-top: 35px;">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#sponsors">SPONSORS</a></li>
<li><a href="#tickets">TICKETS</a></li>
<li><a href="#sessions">SESSIONS</a></li>
<li><a href="#location">LOCATION</a></li>
<li><a href="#contact">CONTACT</a></li>
</div>
</ul>
</nav>
<ul id="filter" class="mobile-ipad-menu">
<li id="top"><a class="top-link">Home</a>
<ul id="controls">
<li><a href="#home" class="visualNav">HOME</a></li>
<li><a href="#about" class="visualNav">ABOUT</a></li>
<li><a href="#sponsors" class="visualNav">SPONSORS</a></li>
<li><a href="#tickets" class="visualNav">TICKETS</a></li>
<li><a href="#sessions" class="visualNav">SESSIONS</a></li>
<li><a href="#location" class="visualNav">LOCATION</a></li>
<li><a href="#contact" class="visualNav">CONTACT</a></li>
</ul>
</li>
</ul>
<!-- /END nav -->
<div class="clear"></div>
</div>
</header>
<!-- /END header-->
<section id="home" class="content first_content">
<div class="center">
<h1 id="intro">Interaction-Design-Information-Architecture-Interface-Design-User-Research-Visual-Design-UI-Development.<br>For Those Who Want to Build Better Experiences and Products.</h1>
<!--- TICKET BUTTON
<a href="http://www.eventbrite.de/event/7707307765?ref=ebtn" target="_blank"><img class="ticketbutton" src="http://www.eventbrite.de/custombutton?eid=7707307765" alt="Eventbrite - UX Camp Hamburg 2013" /></a>
END TICKET BUTTON
<div class="clear"></div> --->
<div id="slider_wrap">
<div id="slider" class="nivoSlider"> <img src="images/slider/2013-8.jpg" alt="THANKS!" /> <!-- <img src="images/slider/2013-7.jpg" alt="Tickets available soon" /> <img src="images/slider/2013-5.jpg" alt="Enjoy a summer camp" /> <img src="images/slider/2013-6.jpg" alt="We need volunteers"/> --> </div>
</div>
</div>
<!-- /END .center-->
</section>
<!-- /END #home-->
<section id="about" class="content">
<div class="center">
<h2 class="title"><span>About UX Camp Hamburg</span></h2>
<h2>The second iteration</h2>
<div class="columns">
<div class="one_half">
<p>The second UX Camp Hamburg has happened on <span class="mark"> Saturday, August 17, 2013</span>. It is a <a href="http://en.wikipedia.org/wiki/BarCamp">BarCamp</a> on the topic of <a href="http://en.wikipedia.org/wiki/User_experience">User Experience</a>. The independently organised event took place at <a href="http://www.sinnerschrader.com/">SinnerSchrader</a>, our beloved location partner. This year round we were also supported by <a href="http://www.precious-forever.com/">precious</a>, with a special room for larger sessions.<span class="mark"> It is by all means a summer camp: besides <a href="http://www.flickr.com/photos/uxcamphh/7866359186/">well-equipped conference rooms</a> on the inside, the location also features roofed and open-air spaces for <a href="http://www.flickr.com/photos/uxcamphh/7866372430/">outside sessions</a></span>. There always is lunch, tasty <a href="https://twitter.com/onemanagency/status/237199742721998848/photo/1">BBQ</a>, and <a href="https://twitter.com/pixel_frame/status/236799412297416704/photo/1">cold drinks</a> (someone overheard people talking about additional surprises!?). For your information this year was a next generation event: We provided free child care. There was a warm-up-evening and after-party both happening at 8pm at <a href="http://imoto-bar.de/">imoto-Bar close by.</a> What <em>you</em> need to provide for barcamps: <a href="#sessions">cool sessions</a>! If you are wondering now what that means, or what a Barcamp is anyways, read "<a href="http://en.wikipedia.org/wiki/BarCamp">What is a BarCamp</a>?".</p>
</div>
<div class="one_half last">
<h4>Join the newsletter!</h4>
<p>To stay up to date on what's happening just leave your email address (No spam, promised):</p>
<!-- Begin MailChimp Signup Form <div id="mc_embed_signup"> -->
<div class="formularfeld" id="mc_embed_signup">
<form action="http://uxcamphh.us5.list-manage.com/subscribe/post?u=a66a1ddc52ff1f09bd819d31d&id=fe6f7acbc1" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<!-- <h4>Der Newsletter</h4> -->
<div class="mc-field-group">
<label for="mce-EMAIL"><strong>Email address:</strong></label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div class="clear">
<br><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button submitButton">
</div>
</form>
</div>
<!-- End mc_embed_signup-->
</div>
</div>
<div class="clear"></div>
</div> <!-- /END .center-->
</section><!-- /END #newsletter-->
<section id="sponsors" class="content">
<div class="center">
<h2 class="title"><span>Sponsors</span></h2>
<ul class="thumbnail">
<li class="col-1">
<h2>This year's ♥ sponsors</h2>
<h3>Location sponsor</h3>
<a href="http://sinnerschrader.com" target="_blank">
<img src="images/sponsors/location-sinner.jpg" alt="Location Sponsor: sinnerschrader" />
</a>
</li>
</ul>
<!-- Example for 1 column logo with width of 1000px -->
<h3>Platin sponsors</h3>
<ul class="thumbnail">
<li class="col-1">
<a href="http://corporate.innogames.com/de/home.html" target="_blank">
<img src="images/sponsors/platin-innogames.gif" alt="Innogames" />
</a>
</li>
<li class="col-1">
<a href="http://www.eventim.de" target="_blank">
<img src="images/sponsors/platin-eventim.gif" alt="Eventim" />
</a>
</li>
<li class="col-1">
<a href="http://www.goodgamestudios.com/de/" target="_blank">
<img src="images/sponsors/platin-goodgame.gif" alt="Goodgame Studios" />
</a>
</li>
</ul>
<div class="clear"></div>
<!-- Example for 2 column logo with width of 480px -->
<h3>Gold sponsors</h3>
<ul class="thumbnail">
<li class="col-2">
<a href="http://www.eparo.de/" target="_blank">
<img src="images/sponsors/gold-eparo.jpg" alt="eparo" />
</a>
</li>
<li class="col-2">
<a href="http://www.immonet.de/" target="_blank">
<img src="images/sponsors/gold-immonet.jpg" alt="Immonet" />
</a>
</li>
</ul>
<div class="clear"></div>
<div id="ga-view"></div>
<!-- Default with 4 columne logo with width of 222px -->
<h3>Silver sponsors</h3>
<ul class="thumbnail">
<li class="col-4">
<a href="http://www.db-n.com/" target="_blank">
<img src="images/sponsors/Sponsor_DB.jpg" alt="deep blue" />
</a>
</li>
<li class="col-4">
<a href="http://xing.de/" target="_blank">
<img src="images/sponsors/Silver_xing.gif" alt="XING" />
</a>
</li>
<li class="col-4">
<a href="http://precious-forever.com/" target="_blank">
<img src="images/sponsors/location_precious.gif" alt="precious" />
</a>
</li>
</ul>
<div class="clear"></div>
<h3>Bronze sponsor</h3>
<ul class="thumbnail">
<li><a href="http://www.designerdock.de/ueber-uns/unsere-vorteile" target="_blank">
<img src="images/sponsors/bronze-designerdock.jpg" alt="Designerdock" />
</a></li>
</ul>
<div class="clear"></div>
<h3>Giveaway sponsors</h3>
<ul class="thumbnail">
<li>
<a href="http://www.thenoteboard.eu/" target="_blank">
<img src="images/sponsors/giveaway_noteboard.gif" alt="noteboard" />
</a>
</li>
<li>
<a href="http://www.usertesting.com/" target="_blank">
<img src="images/sponsors/giveaway_usertesting.gif" alt="usertesting" />
</a>
</li>
<li>
<a href="http://fivesecondtest.com/" target="_blank">
<img src="images/sponsors/giveaway_useabilityhub.gif" alt="usabilityhub" />
</a>
</li>
<li>
<a href="http://proto.io/" target="_blank">
<img src="images/sponsors/giveaway_protoio.gif" alt="protoio" />
</a>
</li>
<li>
<a href="http://www.hotgloo.com/" target="_blank">
<img src="images/sponsors/giveaway_hotgloo.gif" alt="hotgloo" />
</a>
</li>
<li>
<a href="https://www.notism.io/" target="_blank">
<img src="images/sponsors/giveaway_notism.gif" alt="notism" />
</a>
</li>
<li>
<a href="https://pidoco.com/" target="_blank">
<img src="images/sponsors/giveaway_pidoco.gif" alt="pidoco" />
</a>
</li>
<li>
<a href="http://www.uishape.com/" target="_blank">
<img src="images/sponsors/giveaway_uishape.gif" alt="uishape" />
</a>
</li>
<li>
<a href="https://moqups.com/" target="_blank">
<img src="images/sponsors/moqups-uxcamphh.gif" alt="moqups" />
</a>
</li>
</ul>
<div class="clear"></div>
</div>
</section><!-- /END #sponsors -->
<section id="tickets" class="content">
<div class="center">
<h2 class="title"><span>TICKETS</span></h2>
<div class="columns">
<h2>Sorry, but you might have missed the event.</h2>
<p>The second iteration of the <span class="mark"> UX Camp Hamburg took place 17 August.</span> Subscribe to our newsletter to be well informed next time :)
</div>
</div>
</section> <!-- /END #tickets -->
<div class="clear"></div>
<section id="sessions" class="content">
<div class="center">
<h2 class="title"><span>Sessions</span></h2>
<div class="columns">
<!-- Intro
<div class="one_half">
<img src="images/content/sessions.jpg">
</div>
<div class="one_half last">
<p>We want to favour people who bring a session. <span class="mark"> That does not mean that you have to prepare slides or a frontal speech. </span>A session can also be an open discussion, exchange of experiences/failures/best practices, getting feedback on your app – or a workshop, of course. For inspiration check out the <a href="http://bit.ly/uxce13">schedule of UX Camp Europe</a>.<span class="mark"> Sessions are planned to be 45 minutes all up – ideally there are about 15 minutes of Q+A included. </span></p>
<p>So, here is the deal: post your session title and a quick outline to your blog and send us the link. We will put that in a list here on the site and you will get a ticket token in return. (The rest of the <a href="#tickets">tickets will be available on a first-come-first-serve basis</a>, date and time will be send via the mailing list.)</p>
<p>Anouncing and scheduling will happen at normal session planning in the morning.</p>
</div>
<div class="clear"></div>
-->
<h2>Some of this year's sessions</h2>
<div class="one_half">
<a href="https://twitter.com/jrez">Jonathan Rez</a><br>
<h3>Designing the Mobile Wallet Experience</h3>
<p>By the end of 2013 more than 270M NFC enabled mobile devices are expected to be in use world-wide. Initially these will be used for contactless payments, transport ticketing and retail loyalty programs and vouchers, replacing physical plastic cards and paper coupons. Long term, mobile wallets will potentially store identity information. During this session I intend to share some of the unique design challenges.</p></div>
<div class="one_half last">
<a href="http://uiux.de/">Marcel Böttcher</a><br>
<h3>Quick & Dirty Usability Testing</h3>
<p>Usability Testing wird häufig mit aufwändigem Eye-Tracking, hunderten Probanden und einer vielzahl weiterer, kostspielieger Faktoren in Verbindung gebracht. In dieser Session möchte ich zeigen, wie man mit den berühmten 20 % Aufwand die 80 % Ergebnis erzielen kann und einen Usability Test in weniger als 2 Stunden planen und ohne große Investitionen durchführen kann.</p>
<a href="https://speakerdeck.com/uiux/quick-and-dirty-usability-testing" target="_blank"><div class="button primary big">Slides</div></a>
<a href="http://sketchnotes.de/2013/08/19/quick-dirty-usability-testing/" target="_blank"><div class="button primary big">Sketch Notes</div></a>
</div>
<div class="one_third">
<a href="https://twitter.com/jrez">Jonathan Rez</a><br>
<h3>Adapt or Perish</h3>
<p>In this talk I aim to discuss the concept of adaptive content and show how an adaptive-content approach has business imperative. I will discuss the potential of machine learning algorithms in creating adaptive-content solutions, and finally for those of us who work in a small organisation that cannot employ data scientists to write complex algorithms, I will share simple tactics for adaptive content design.</p>
</div>
<div class="one_third">
<a href="http://www.kafarsken.no">Cecilie Wold</a><br>
<h3>Designing for small interfaces</h3>
<p>If you downsize from a big house to a small apartment, you probably realize at some point that you can't bring all your stuff with you, and that you have to be a bit creative with space.This is where you sit down and define what's important for you and you either trade in the rest for smaller versions of the same stuff or you get rid of it. Either way, it's all about being creative with what you've got.</p>
</div>
<div class="one_third last">
<a href="http://petranovskaja.com">Nadja Petranovskaja</a><br>
<h3>The hidden secrets of user motivation</h3>
<p>Background: I am psychologist, working with project teams on reaching their goals smarter and with more fun. In this session I will share with you why I did quite my job at IBM and why I am not longer active on Facebook. Please bring your questions with you, I am willing to get in dialog!</p>
<a href="http://de.slideshare.net/lazyNadja/hidden-secrets-of-motivation-update" target="_blank"><div class="button primary big">Slides</div></a>
</div>
<div class="one_half">
<a href="#">K. Muske, L. Boetzkes, M. Fahn</a><br>
<h3>Fjær - Musikvideo 3.0</h3>
<p>Musikvideos bleiben lebendig, wenn Zuschauer aktiv eingebunden werden. Und zwar da, wo die Clips konsumiert werden, auf dem Sofa, im Grünen oder gemeinsam im Café. Fjær ist ein crossmediales Musikalbum, in dem Booklet, Songtext und vor allem die Songs in einer interaktiven App für das iPad vereint sind. Fünf Songs in fünf Clips. Die Videos selbst bilden hierbei die Menüführung und lassen den User in die Welt der Protagonistin Leiha eintauchen, die uns durch das Album begleitet. Das Konzept gibt dem Medium des Musikalbum noch mehr Tiefe und Mehrwert und lassen den User in eine tiefere Welt der Musik eintauchen. Wir möchten diese Arbeit vorstellen und mit euch über die neue Möglichkeiten, die Tablets und Smartphones für die Musikbranche bieten, reden und diskutieren.</p>
</div>
<div class="one_half last">
<a href="http://www.twitter/wunschfeld">Dirk Platzek</a><br>
<h3>Was Verbindung schafft. Über Rhythmus, Empathie und Verschmelzung </h3>
<p>Wir sind süchtig nach sozialer Verbindung. Rhythmus und Empathie sind unsere „Connector”-Drogen. Sie gestatten uns, mit den Objekten und Lebewesen unserer Umwelt in intensiven Bezug zu treten. Die Evolution hat unser Hirn und unseren Körper für diese Wechselbeziehungen fest verdrahtet. So verstärken wir die Gemeinschaft, lernen voneinander und kommunizieren ohne Unterlass. Der Vortrag zeigt, wie empathische Prozesse entstehen und gesteuert werden können. Zum Schluss werden erfolgreiche Designbeispielen gezeigt, die Rhythmus und Empathie bewusst einsetzen, um die Verbindung zwischen Mensch und Produkt zu stärken.</p>
<a href="http://www.slideshare.net/DirkPlatzek/was-verbindung-schafft-ber-rhythmus-empathie-und-verschmelzung-25358030" target="_blank"><div class="button primary big">Slides</div></a>
<a href="http://uxhh-radio.blogspot.de/2013/08/uxcamphh13-rhythmus.html" target="_blank"><div class="button primary big">Podcast</div></a>
</div>
</div>
<div class="one_third">
<a href="https://plus.google.com/u/0/104825074134585709671/posts">Rainer Sax</a><br>
<h3>Prism Verstehen</h3>
<p>Ich möchte mich Euch versuchen eine einfache, klare und verständliche Metapher für die Global-Überwachung zu finden. Welche Geschichte können wir über Prism und Tempora etc. erzählen, die das monumentale Ausmaß dieser Programme deutlich macht? Eine erste Idee habe ich, aber da geht mehr.</p>
</div>
<div class="one_third">
<a href="http://woelwer.com">Stefan Wölwer</a><br>
<h3>Digital is so yesterday</h3>
<p>Wer das Digitale betont hebt auch das Analoge hervor. Diese beiden Schubladen schränken Kreativität jedoch eher ein als dass sie einem guten UX Design entgegenkommen. Erfolgreiches Interaction Design funktioniert unabhängig vom Medium, da es sich um das Wie und besonders auch um das Wo kümmert. UX Design ist ortsabhängig und steht im Kontext mit dem Raum, indem sich die Anwender befinden.</p>
<a href="http://uxhh-radio.blogspot.de/2013/08/uxcamphh13-digital.html" target="_blank"><div class="button primary big">Podcast</div></a>
</div>
<div class="one_third last">
<a href="http://www.szyperrek.de">Frank Alexander Szyperrek</a><br>
<h3>Volkswagen Eco - User Experience und Elektromobilität</h3>
<p>Ist effizientes Autofahren erlernbar und kann es dabei auch noch Spaß machen? Mit diesen und vielen weiteren Fragen habe ich mich während meiner Bachelor-Abschlussarbeit beschäftigt. Entstanden ist ein spielerischer und motivierender Ansatz zur Verbesserung des Fahrverhaltens. Im Zuge meiner Session möchte ich die Kernbausteine meines Ansatzes präsentieren und auf die Herausforderungen und Möglichkeiten der Automobilhersteller im Bereich der UX und UI eingehen.</p>
</div>
<div class="one_half">
<a href="https://twitter.com/birgitgcom">Birgit Geiberger</a><br>
<h3>Communicating in style</h3>
<p>In our field we put a high focus on users, mental models, personas, computer-human-interaction and often miss out on the human-human-interaction during the design process. Successful communication of your contributions to different stakeholders can be greatly improved by applying communication styles. By understanding your style, recognising the style of others and flexing your personal style to others, you will learn to gain the necessary awareness to overcome communication breaking points within the design process. I will explain the concept of communication styles, show how to identify your own style and that of co-workers. I will show you how to adapt your own style to others to ensure you will be heard during the process and help you to overcome conflicts.</p>
<a href="http://de.slideshare.net/birgitgcom/ux-camp-hamburg-august-2013-0817-slideshare" target="_blank"><div class="button primary big">Slides</div></a>
<a href="http://sketchnotes.de/2013/08/19/social-styles/" target="_blank"><div class="button primary big">Sketch Notes</div></a>
<a href="http://uxhh-radio.blogspot.de/2013/08/uxcamphh13-communicating.html" target="_blank"><div class="button primary big">Podcast</div></a>
</div>
<div class="one_half last">
<a href="http://twitter.com/making_de">Sven Kräuter</a><br>
<h3>Physical UX hits the consumer market - now what are we going to do with it?</h3>
<p>Physical interaction with electronic devices not only left the maker spaces and went pro. It already hit the mass market. From Internet of Things with products like Berg Little Printer to the Intranet Of Things with Leap Motion, Sphero and Tile we are seeing a rising number of new form of interaction with our online and offline devices. Besides the representation of data in physical objects there's also a new wave of data input devices. We'll discuss examples and of course will have some on site experience with one device or the other. What are the opportunities & challenges that we face from a UX perspective? Are we going to make the same mistakes that were made transitioning from print to online? Let's have a look.</p>
<a href="http://sketchnotes.de/2013/08/19/physical-ux/" target="_blank"><div class="button primary big">Sketch Notes</div></a>
</div>
<div class="one_half">
<a href="https://twitter.com/MarkusWienen">Markus Wienen</a><br>
<h3>The dark side of UX</h3>
<p>Was passiert, wenn User Experience Design nicht zum Besten der Nutzer eingesetzt wird? Wenn ein Interface Nutzer nicht nur nicht darin unterstützt, ein Bedürfnis zu befriedigen, sondern es sie aktiv daran hindert und wir das feste Gefühl haben, dass das beabsichtigt ist? Auf diese Fragen existiert keine einfache Antwort. Die Session zeigt Beispiele dunkler und böser UX und fragt, wie User Experience Design und Business-Requirements am Ende bestmöglich zusammengehen? Als Ziel jedes professionellen UX-Designs erscheint die Optimierung des Nutzer-Business-Gleichgewichts...</p>
<a href="http://de.slideshare.net/eparo/eparo-dark-ux-session-ux-camp-hh-2013-markus-wienen-25592383" target="_blank"><div class="button primary big">Slides</div></a>
</div>
</div></div>
</section>
<!-- /END #sessions-->
<div class="clear"></div>
<section id="location" class="content">
<div class="center">
<h2 class="title"><span>Location</span></h2>
<div class="columns">
<h2>We are right in the heart of Hamburg</h2>
<iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?client=safari&oe=UTF-8&q=V%C3%B6lckersstra%C3%9Fe+38,+22765+Hamburg&ie=UTF8&hq=&hnear=V%C3%B6lckersstra%C3%9Fe+38,+Hamburg+22765+Hamburg&gl=de&t=m&ll=53.554688,9.930267&spn=0.007648,0.012832&z=15&output=embed"></iframe><br /><a href="http://maps.google.de/maps?client=safari&oe=UTF-8&q=V%C3%B6lckersstra%C3%9Fe+38,+22765+Hamburg&ie=UTF8&hq=&hnear=V%C3%B6lckersstra%C3%9Fe+38,+Hamburg+22765+Hamburg&gl=de&t=m&ll=53.554688,9.930267&spn=0.007648,0.012832&z=15&source=embed" style="color:#949494;text-align:left"></a>
<div class="one_third">
<p><br><strong>The camp was held at sponsor:</strong><br>Sinnerschrader<br>Völckersstraße 38<br>22765 Hamburg (Ottensen)<br>Germany<br><a href="https://www.google.com/maps/preview#!q=SinnerSchrader+AG%2C+V%C3%B6lckersstra%C3%9Fe%2C+Hamburg%2C+Germany&data=!4m10!1m9!4m8!1m3!1d679!2d9.926456!3d53.5573175!3m2!1i1550!2i880!4f13.1" target="_blank">On Google Maps</a></p>
</div>
<div class="one_third">
<p><br><strong>How to get there:</strong><br>Take the train to Hamburg-Altona,<br>Take bus 2 from the station and get off after two stops at Gaußstraße and walk back a few steps.<br><a href="http://geofox.hvv.de/jsf/home.seam?language=en" target="_blank">Public transport website HVV</a><br><a href="https://www.google.com/maps/preview#!data=!4m30!3m29!1m5!1sSinnerSchrader%2C+V%C3%B6lckersstra%C3%9Fe+38%2C+22765+Hamburg%2C+Germany!2s0x47b18591e7504141%3A0x1a57cf875d28e604!3m2!3d53.557126!4d9.926201!1m5!3m2!3d53.5525508!4d9.9338764!4sScheel-Plessen-Stra%C3%9Fe+17%2C+22765+Hamburg%2C+Germany!6e2!2e2!3m8!1m3!1d4043!2d9.9303606!3d53.5554121!3m2!1i634!2i655!4f13.1!6m2!1m1!1e4!7e0!8m2!1e1!2b1!6m1!1e1&fid=0i1">Or a 10 minute walk</a></p>
</div>
</div>
<div class="clear"></div>
</div>
<!-- /END .center-->
</section>
<section id="contact" class="content">
<div class="center">
<h2 class="title"><span>CONTACT</span></h2>
<div class="columns">
<div class="one_third">
<h3>The team</h3>
<p>The camp is organised with ♥ by
<ul>
<li><a href="http://filtercake.com">Fabian Fabian</a></li>
<li><a href="https://www.xing.com/profile/Friederike_Schmiedebach">Rike Schmiedebach</a></li>
<li><a href="http://supersoon.net">Andreas Popp</a></li>
</ul>
</p><p>
2013 Photos by <a href="http://www.ingaseevers.de/">Inga Seevers</a>
2012 Photos by <a href="http://500px.com/Mr_Mo">Moritz Königsbüscher</a>
</p>
</div>
<div class="one_third">
<h3>Contact us</h3>
<p>We'd love to hear your thoughts, suggestions and questions. We are listening via...
<ul>
<li><a href="http://twitter.com/uxcamphh">Twitter</a></li>
<li><a href="mailto:orga[AT]uxcamphh[DOT]org">Email</a></li>
</ul>
</p>
</div>
<div class="one_third last">
<h3>Imprint</h3>
<p>hamburgFTW GbR<br>
Fabian/Schmiedebach<br>
Alte Wöhr 17<br>
22307 Hamburg<br>
Tel: 0151 25 303 555<br>
EU VAT ID: tba<br>
E-Mail: orga[at]uxcamphh[DOT]org
</p>
</div>
</div>
</div>
<div class="clear"></div>
</section> <!-- contact -->
</div> <!-- page? -->
<section id="copyright" class="footer content">
<div class="center">
<ul class="bottom_social_icon">
<li class="twitter"><a href="https://twitter.com/uxcamphh" class="tool_tip" title="Follow us on Twitter now">Twitter</a></li>
<li class="flickr"><a href="http://www.flickr.com/photos/uxcamphh" class="tool_tip" title="Follow us on Flickr">Flickr</a></li>
<li class="lanyrd"><a href="http://lanyrd.com/2013/uxchh13/" class="tool_tip" title="Find us on Lanyrd">Lanyrd</a></li>
<li class="tumblr"><a href="http://uxcamphh.tumblr.com/" class="tool_tip" title="Follow us on tumblr">Tumblr</a></li>
</ul>
<p>© 2012-2013 All Right Reserved UX Camp HH. Powered by <a href="http://pages.github.com/">Github Pages</a>. <a href="datenschutzgoogle.html" target=_blank>This page makes use of Google Analytics.</a></p>
<div class="clear"></div>
</div>
</section>
<script src="js/custom.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ajax-contact-form").submit(function(){
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "contact.php",
data: str,
success: function(msg){
$("#note").ajaxComplete(function(event, request, settings){
if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
{
result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
$("#fields").hide();
}
else
{
result = '<ul class="error">'+msg+'</ul>';
}
$(this).html(result);
});
}
});
return false;
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33226457-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--/border-->
<div id="left-border"></div>
<div id="right-border"></div>
<div id="top-border"></div>
<div id="bottom-border"></div>
</body>
</html>