-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·507 lines (377 loc) · 26.8 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
<!DOCTYPE HTML>
<html style="width: 100%; height: 100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UX Camp Hamburg 2012</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/ux-styles.css" type="text/css" rel="stylesheet">
<link href="css/gh-buttons.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>
<!-- fancybox
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
-->
<!-- share this
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.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/logo.png" alt="UX Camp HH" /></a>
</li>
<div style="margin-top: 35px;">
<li><a href="#home">HOME</a></li>
<li><a href="#tweetlr">PHOTOS</a></li>
<li><a href="#about">DAS ERSTE</a></li>
<li><a href="#sponsors">SPONSOREN</a></li>
<li><a href="#sessions">SESSIONS</a></li>
<li><a href="#contact">WO UND WER</a></li>
<li><a href="#english">SPEAKING ENGLISH</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><a href="#tweetlr" class="visualNav">PHOTOS</a></li>
<li><a href="#about" class="visualNav">DAS ERSTE</a></li>
<li><a href="#sponsors" class="visualNav">SPONSOREN</a> </li>
<li><a href="#sessions" class="visualNav">SESSIONS</a></li>
<li><a href="#contact" class="visualNav">WO UND WER</a> </li>
<li><a href="#english" class="visualNav">SPEAKING ENGLISH</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>Für alle, die bessere Erlebnisse und Produkte entwickeln wollen
<!--<a href="http://de.amiando.com/UXCampHH.html" class="button big" id="ticketbutton">Warteliste</a>
<span class="button big disable" id="ticketbutton">ALL TICKETS GONE :(</span> -->
<!-- <a href="http://de.amiando.com/UXCampHH.html" class="button big disable" id="ticketbutton">TICKETS</a> -->
</h1>
<div class="clear"></div>
<div id="slider_wrap">
<div id="slider" class="nivoSlider"> <img src="images/slider1.jpg" alt="" /> <img src="images/slider2.jpg" alt="" /> <img src="images/slider4.jpg" alt=""/> </div>
</div>
</div>
<!-- /END .center-->
</section>
<!-- /END #home-->
<section id="tweetlr" class="content">
<div class="center">
<h2 class="title"><span>Photos</span></h2>
<div class="one_third">
<a href="http://uxcamphh.tumblr.com/"><img src="images/tweetlr2.jpg" style="border: 1px solid black;"></a>
</div> <!-- half -->
<div class="two_thirds last">
<h2>Das Camp in Wort und Bild</h2>
<p>Was ist das schönste Camping ohne Erinnerungsfotos? Richtig!</p>
<p>Fotos vom ersten Camp in Hamburg findet ihr hier auf unserer <a href="https://secure.flickr.com/photos/uxcamphh/" target="_blank">flickr-Seite</a> und alle von euch mit #uxcamphh geposteten Bilder automatisch auf dem <a href="http://uxcamphh.tumblr.com/" target="_blank">Tumblr</a>. Auch bei <a href="http://mprove.de/art/12/uxcamphh.html" target="_blank">@mprove</a> gibt's bunte Bilder.</p>
<p>Gibts noch Bilder, die ihr gerne teilen wollt, taggt sie am besten auf flickr mit 'uxcamphh', dann kommt zusammen was zusammen gehört.</p>
<p>Es wurden aber nicht nur Bilder gemacht, es gibt auch was zu lesen. Zum Beispiel über unser <a href="http://www.digitalmediawomen.de/2012/08/21/branding-fur-bananen-beim-ux-camp-hamburg/" target="_blank">Bananen-Branding</a> und eine <a href="http://blog.makersand.co/post/29883327754/uxcamphh">Makers-Sicht</a> auf die Dinge.</p><p>Und noch mehr auf <a href="http://ifluxplus.blogspot.de/2012/08/uxcamp-hamburg-2012.html" target="_blank">IFLUX</a>, <a href="http://fux.interwall.net/allgemeines/uxcamphh/" target="_blank">FUX</a>, <a href="http://christianrieger.de/social-media/uxcamphh-am-18-08-2012/" target="_blank">Christian Rieger</a> und <a href="http://www.dt-hh.de/2012/08/session-wie-entsteht-ux-beim-uxcamphh/" target="_blank">Design Thinking Hamburg</a>.
</div>
<!-- half -->
</div> <!-- .center -->
<div class="clear"></div>
</section>
<section id="about" class="content">
<div class="center">
<h2 class="title"><span>Was und Wann</span></h2>
<h2>Das Erste</h2>
<div class="columns">
<div class="one_half">
<p>Am 18. August fand das erste UX Camp in Hamburg statt –ein Tag voller spannender Vorträge, Diskussionen und Inspirationen. Unser sommerliches Camp fand in den Räumlichkeiten unseres Location-Sponsors Sinnerschrader statt, wo wir über gut ausgestattete Konfis hinaus auch schattige Arkadengänge und eine schöne grüne Wiese für Sessions anbieten konnten.</p>
<h4>Keinen Plan was ein BarCamp überhaupt ist?</h4>
<p><a href="http://de.wikipedia.org/wiki/Barcamp">Wikipedia</a> gibt Auskunft:</p>
<blockquote><p>Ein Barcamp (häufig auch: BarCamp, Unkonferenz, Ad-hoc-Nicht-Konferenz) ist eine offene Tagung mit offenen Workshops, deren Inhalte und Ablauf von den Teilnehmern zu Beginn der Tagung selbst entwickelt und im weiteren Verlauf gestaltet werden.</p></blockquote>
</div>
<div class="one_half last">
<h4>Nach dem Camp ist vor dem Camp</h4>
<p>Es hat euch Spaß gemacht, es hat uns Spaß gemacht, warum also keine weitere Iteration des UX Camp Hamburgs? <span class="mark">Abonniert das Newsletter, folgt uns auf Twitter <a href="http://twitter.com/uxcamphh">@uxcamphh</a> oder geht Bier mit uns trinken. Dann seid ihr die ersten, die von Neuigkeiten erfahrt.</span> Und dran denken, weitersagen ist gut fürs Karma!</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>E-Mail-Addresse</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="Newsletter abonnieren" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
<!-- End mc_embed_signup-->
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!-- /END #newsletter-->
<section id="sponsors" class="content">
<div class="center">
<h2 class="title"><span>Sponsoren</span></h2>
<ul class="thumbnail">
<li class="col-1">
<h2>Danke an unsere großartigen Sponsoren.</h2>
<a href="http://sinnerschrader.com" target="_blank">
<img src="images/sponsoren/sinner.jpg" alt="Location Sponsor: sinnerschrader" />
</a>
</li>
</ul>
<!-- Example for 1 column logo with width of 1000px -->
<ul class="thumbnail">
<li class="col-1">
<a href="http://www.mytaxi.net" rel="featured_group" target="_blank">
<img src="images/Sponsor_mytaxi.jpg" alt="myTaxi" />
</a>
</li>
</ul>
<div class="clear"></div>
<!-- Example for 2 column logo with width of 480px -->
<ul class="thumbnail">
<li class="col-2">
<a href="http://www.useeds.de" rel="USEEDS" target="_blank">
<img src="images/useeds.jpg" alt="USEEDS" />
</a>
</li>
<li class="col-2">
<a href="http://www.eparo.de/" rel="eparo" target="_blank">
<img src="images/Sponsor_eparo.jpg" alt="eparo" />
</a>
</li>
</ul>
<div class="clear"></div>
<!-- Default with 4 columne logo with width of 222px -->
<ul class="thumbnail">
<li><a href="http://designerdock.de" rel="featured_group" target="_blank"><img src="images/Sponsor_DD.jpg" alt="Designerdock" /></a> </li>
<li><a href="http://www.db-n.com" rel="featured_group" target="_blank"><img src="images/Sponsor_DB.jpg" alt="deepblue" /></a> </li>
<li><a href="http://www.oose.de/" rel="featured_group" target="_blank"><img src="images/sponsoren/oose.png" alt="Work Image" /></a> </li>
<li><a href="http://www.sirvaluse.com/" rel="featured_group" target="_blank"><img src="images/sponsoren/sirvaluse.jpg" alt="Work Image" /></a> </li>
</ul>
<div class="clear"></div>
</div>
</section>
<!-- /END #sponsors -->
<section id="sessions" class="content">
<div class="center">
<h2 class="title"><span>Session-Auswahl</span></h2>
<h2>Sessions vom ersten UX Camp HH</h2>
<div class="columns">
<div class="columns">
<p>Wir danken allen, die dieses Camp so erfolgreich gemacht haben, speziell den vielen Vortragenden. Ein Auswahl an Sessions findet ihr hier. Sollte eure Session noch fehlen und ihr wollt sie unterbringen, schickt sie uns gerne inkl. Link zu den Slides.</p>
</div>
</div>
<div class="clear"></div>
<div class="one_third">
<a href="https://twitter.com/Arxoren"><img src="https://twimg0-a.akamaihd.net/profile_images/65981374/twitter.jpg">
Oliver Annen:</a><br> <h3>Content is king – and navigation is queen</h3>
<p>Die Zusammenführung von Inhalten und Navigationskonzept eröffnet neue Interaktionsformen und Zugangswege auf Plattformen. Ordnet sich der Inhalt der Navigation unter oder bestimmt der Inhalt das Navigationskonzept? [<a href="http://www.slideshare.net/Arxoren/content-is-king-navigation-is-queen">slides</a>]</p><p><a href="http://de.slideshare.net/Arxoren/content-is-king-navigation-is-queen">Slides</a></p>
</div>
<div class="one_third">
<a href="https://twitter.com/mprove"><img src="https://twimg0-a.akamaihd.net/profile_images/1438720125/Matthias_M_ller-Prove2.jpg" alt="Image"/> Matthias Müller-Prove:</a><h3>x-Experience</h3>
<p>user experience. customer exporience. shopping experience. conference experience. event experience. community experience.
Was sind die gemeinsamen Elemente all dieser Bindestrich-Erlebniswelten? Was kann man von dem einen Gestaltungsbereich in den anderen übertragen? Da der Vortragende das auch noch nicht genau weiß, wird es eine offen moderierte Diskussion mit einigen Beispielen zu Beginn..</p>
</div>
<div class="one_third last">
<a href="https://twitter.com/interactmatter"><img src="https://twimg0-a.akamaihd.net/profile_images/760278586/IM_Icon.png
" alt="Image"/> Marcus Nowotny:<br></a><h3>Interacting with the Internet of Things</h3>
<ul>
<li>IoT als If-Then Machines zwischen Realität und Internet</li>
<li>IoT als Visualisierung von abstrakten Daten</li>
<li>IoT zur Datenerfassung um reale Daten mit digitalen Daten zu verknüpfen</li>
<li>Und wie wirkt das alles zusammen?</li>
</ul>
</div>
<div class="one_third">
<a href="https://twitter.com/wunschfeld"><img src="https://twimg0-a.akamaihd.net/profile_images/1969735494/ringelshirt.png">Dirk Platzek:<br></a><h3>Codierte Bewegung und die Sehnsucht nach Rhythmus</h3>
<p>Die Wahrnehmung kinetischer Displays aus der Sicht eines Tänzers/Interaction Designers</p>
</p>Für Tänzer besteht die Welt aus Bewegung und Rhythmus. Der Vortrag untersucht den Ursprung von Rhythmus und den Prozess der Abspeicherung sinnlicher Erlebnisse im Körper. Als Erinnerung werden diese Erlebnisse bei der Betrachtung von Bewegung herangezogen und stellen einen konkreten Bezug zum betrachteten Subjekt/Objekt her. Diese Wechselbeziehung stellt sich auch ein, wenn Bewegung durch Computer-Code künstlich erzeugt wird.Letztenendes zeigt der Vortrag, wie wir Menschen Bewegung betrachten und wahrnehmen (können). Daraus lassen sich viele Ableitungen schaffen für die Kreation von Bewegung in Animation (z.B. Interfaces) und kinetischen Displays.</p><p><a href="http://de.slideshare.net/DirkPlatzek/codierte-bewegung-und-die-sehnsucht-nach-rhythmus">Slides</a></p>
</div>
<div class="one_third">
<a href="http://gplus.to/cgraf"><img src="https://lh4.googleusercontent.com/-Ouk0uUUH770/TlNIS2ldtPI/AAAAAAAAAlM/MVqZ20dctsk/w291-h289-p-k/Photo_Christian_quer_HQ.jpg">Christian Graf:<br></a><h3>Innovation mit Methode.</h3><p>Es geht um kontinuierliche Weiterentwicklung von Produkten mittels Design Thinking Ansätzen und Rückgriff auf das Potential in Gruppen zu aktivieren. Ich werde ein wenig Hintergrund geben, aus der Praxis erzählen, aber möchte eigentlich die Leute dafür begeistern, selbst mal in die Haut eines Idea Engineers zu fahren. Mit spielerischen aber dennoch strukturierten Verfahren wollen wir erleben, wie innovative Produktideen entstehen können. Interessenten sind aufgefordert selbst Probleme einzubringen, zu denen wir dann gemeinsam erste Ideen produzieren wollen.</p><p><a href="http://de.slideshare.net/ChristianGraf/ux-camp-hh2012materialsammlung">Slides</a></p>
</div>
<div class="one_third last">
<a href="https://twitter.com/sven_kr"><img src="http://5v3n.com/images/look_small.jpg">Sven Kräuter:<br></a><h3>Let's get physical</h3>
<p>Our everyday interaction with the world includes not only software - many of the products and systems we interact with are actually physical. Despite the fact that you can argue about the usability of most of the objects you use or have to use everyday, there is a lot of learned behavior that we can re-use. Which comes quite handy when moving on from today's display interaction towards a new form of interaction: social objects, aka the much quoted Internet Of Things (tm). Questions are: what happens if you punch the time clock - and instead of recording your working hours you check-in to Foursquare? And how much of this concept is feasible already today?</p>
</div>
<div class="clear"></div>
<div class="one_third">
<a href="http://twitter.com/gbaganz"><img src="https://lh5.googleusercontent.com/-p3JzI7lu4Ak/AAAAAAAAAAI/AAAAAAAAACM/P7Aotek21ts/photo.jpg%3Fsz%3D200">Gunther Baganz:<br></a><h3>The Web of IMGs</h3>
<p>Wie Google Goggles, Pinterest und wir alle dafür sorgen, dass UXler Bilder mit anderen Augen betrachten werden. </p>
<p>Im Zeitalter von Smartphones, automatischer Bilderkennung und Bildstreams sind Bilder im Web längst mehr als Ornament, Blickfang oder Informationsträger. Künftig werden gute Bilder QR-Codes überflüssig machen. Packaging- und Produktdesigner werden sich mit SEO beschäftigen müssen. Und wir werden das alles unseren Kunden erklären müssen. Die Session soll kein Monolog werden, sondern ein kurzer Blick in die Zukunft mit ein paar praktischen Beispielen und vielen offenen Fragen zur gemeinsamen Diskussion.</p><p><a href="http://de.slideshare.net/gbaganz/web-of-imgs">Slides</a></p>
</div>
<div class="one_third">
<a href="http://www.xing.com/profile/Vanessa_Schomakers"><img src="http://vanessa-schomakers.de/vanessa_klein.jpg">Vanessa Schomakers:<br></a><h3>Warum das Thema Blindtext gegessen ist</h3>
<p>“Lorem ipsum dolor sit amet” – so oder so ähnlich lautet es in vielen Wireframes, Layouts und Prototypen für interaktive Anwendungen. Text ist nicht nur ein Design-Element, das durch Typografie ansprechend verpackt werden will. Die Content-Strategy-Welle zeigt, dass Text wichtig ist und bleibt. Auch im Interaktionsdesign lässt sich von Sprache viel lernen. Denken, Sprechen und Handeln hängen eng zusammen. In der Art, wie wir Dinge formulieren, liegt Potential für positive Nutzungserlebnisse. Von Microsofts "Bob" bis zu subtilen metaphorischen Konzepten möchte ich einen kleinen Einblick geben, wie wir Sprache für die Konzeption digitaler Anwendungen nutzen können und freue mich auf regen Austausch zu dem Thema.</p>
</div>
<div class="one_third last">
<a href="https://twitter.com/karenlindemann"><img src="http://www.netflow-lindemann.de/img/pict_karen_01.jpg">Karen Lindemann:<br></a><h3>Lean UX</h3>
<p>Wie man User Research "just enough" und gleichzeitig effektiv durchführen kann, darum geht es in dieser Session. Ich werde eine mögliche Vorgehensweise beschreiben und freue mich über einen Austausch.</p>
</div>
</div>
<div class="clear"></div>
</section>
<!-- /END #sessions-->
<!-- ENGLISCHES -->
<section id="english" class="content">
<div class="center">
<h2 class="title"><span>ENGLISH</span></h2>
<h2>The low down</h2>
<div class="columns">
<div class="one_half">
<p>The first UX Camp in Hamburg took place on 18 August – for people who want to create better products and services. It was a full day of exciting talks, discussions and inspirations. And delicious food, of course. Seeing it took place in summer, we arranged for an awesome location at <a href="http://www.sinnerschrader.de">Sinnerschrader</a> that not only provided superior conference rooms but relaxing green outside areas. Talks were held in German and English language.</p><p>But don't take our word for it. Check out <a href="http://blog.makersand.co/post/29883327754/uxcamphh">reviews</a> and <a href="https://secure.flickr.com/photos/uxcamphh/">pictures</a>. And spread the word! (#uxcamphh)</p>
</div>
<div class="one_half last">
<p><span class="mark">Stay up to date with our newsletter or follow us on the Twitters @uxcamphh to be part of this exciting event next year as well.</span></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>Subscribe to our newsletter</h4>
<div class="mc-field-group">
<label for="mce-EMAIL"><strong>your email</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">
</div>
</form>
</div>
<!-- End mc_embed_signup-->
</div>
</div>
<div class="clear"></div>
</div>
</section>
<!-- /END #english-->
<section id="contact" class="content">
<div class="center">
<h2 class="title"><span>Wo und Wer</span></h2>
<div class="columns">
<div class="one_third">
<h3>Wo das UX Camp stattfand</h3>
<iframe width="300" height="300" 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">Größere Kartenansicht</a>
<p>bei Sinnerschrader,<br> Völckersstraße 38, 22765 Hamburg,<br> Germany</p>
</div>
<div class="one_third">
<h3>Die Organisatoren</h3>
<p>Das erste UX Camp Hamburg wurde durch Fabian Fabian, Andreas Popp und Friederike Schmiedebach ins Leben gerufen.</p>
<h5>Foto-Credits</h5>
<p>Fotos von <a href="http://www.twitter.com/supersoon" target="_blank">supersoon</a> und <a href="http://www.twitter.com/filtercake" target="_blank">filtercake</a>
</p>
</div>
<div class="one_third last">
<h3>Kontakt und Impressum</h3>
Wir freuen uns über Ideen, Anregungen, Fragen und Feedback:<br><br>
<a href="http://filtercake.com" target="_blank">Fabian Fabian</a><br>
<a href="https://www.xing.com/profile/Andreas_Popp" target="_blank">Andreas Popp</a><br>
<a href="https://www.xing.com/profile/Friederike_Schmiedebach" target="_blank">Friederike Schmiedebach</a><br><br>
Alte Wöhr 17, 22307 Hamburg<br>
Tel: 040–60733294<br>
EU VAT ID: tba <br>
E-Mail: <a href="mailto:[email protected]">info[at]uxcamphh.de</a><br><br><br>
<ul class="bottom_social_icon">
<li class="twitter"><a href="http://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/2012/uxcamphh" class="tool_tip" title="Find us on Lanyrd">Lanyrd</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- /END .center-->
</section>
<section id="copyright" class="footer content">
<div class="center">
<p>© 2012 All Right Reserved UX Camp HH. Powered by <a href="http://pages.github.com/">Github Pages</a>. <a href="datenschutzgoogle.html" target=_blank>Diese Seite nutzt Google Analytics.</a></p>
<div class="clear"></div>
</div>
</section>
</div>
<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>
<!-- share this -->
<script>
var options={ "publisher": "89d7ae87-acd5-42b3-8221-58846877c9e9", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["twitter", "googleplus", "facebook", "xing"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
</body>
</html>