tag:blogger.com,1999:blog-3571367646505301262024-02-07T17:44:22.619+01:00Human-Computer Interaction DesignThis blog moved <a href="http://blog.mprove.net">to Musings+Ponderungs</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.comBlogger101125tag:blogger.com,1999:blog-357136764650530126.post-81345493786761480402016-04-24T11:40:00.003+02:002016-04-24T11:40:33.599+02:00Pondering HCI Design<a http://blog.mprove.net/category/hci/"><img src="http://www.23hq.com/23666/17617352_847f63f491f6b1ccf2c610e154bd678f_large.jpg" height="756" width="567" /></a><br />
This blog is going <a href="http://blog.mprove.net/category/hci/">to be continued there_</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-70980434995917859002015-06-08T18:55:00.001+02:002015-06-11T09:09:07.831+02:00Klappt nicht? UX Design hilft!<div>
Wer ist eigentlich der Dumme, wenn etwas nicht funktioniert? Oftmals sucht man die Schuld bei sich selbst, da es ja offensichtlich allen anderen Nutzern des Produktes nicht schwer fällt damit klar zu kommen. Zugegeben – die digitalisierte Welt wird immer komplexer. Vorbei sind die Zeiten, als man mit der flachen Hand auf den Fernseher schlug, um den Schnee zu vertreiben. Heute sind die Geräte so flach, dass man auch gleich in die offene Klinge eines Kochmessers greifen könnte. Im Inneren vieler technischer Geräte verrichten Computer ihren Dienst; diese können aber nur so gut sein, wie die Designer und Entwickler das Gerät und seine Funktionen gestaltet haben. </div>
<div>
<br /></div>
<div>
Wenn etwas nicht funktioniert, dann liegt das in den seltensten Fällen an einem menschlichen oder Systemversagen, sondern eher an einem Mißverständnis zwischen den Erwartungen des Anwenders und den Annahmen der Produktgestalter. Dumm ist das für alle Beteiligten, insbesondere aber für den Hersteller oder Anbieter des Produktes – sei es nun ein ein anfaßbares Produkt oder ein digitaler Service per App oder Website – denn ein unzufriedener Kunde hält schnellsmöglich nach Alternativen Ausschau. Ist er hingegen von Nutzen und Bedienbarkeit überzeugt, wächst seine Loyalität und er wird ein weiteres Produkt der Marke gerne wieder kaufen oder das Produkt weiterempfehlen. </div>
<div>
<br /></div>
<div>
Im Bereich des Produkt-Design hat sich für die Wahrnehmungen und Reaktionen eines Anwenders der Begriff User Experience (UX) etabliert. Dieser umfasst alle kognitiven und emotionalen Reaktionen, die durch die Nutzung eines Systems, Produktes oder Service hervorgerufen werden. User Experience (zu deutsch Nutzungserlebnis) beginnt dabei schon deutlich vor der eigentlichen Nutzung, da die Customer Experience, also die Phasen rund um die Kaufentscheidung – wie z.B. Interesse, Neugierde, Kosten/Nutzenabwägungen, Vorfreude – die User Experience nachhaltig beeinflussen.</div>
<div>
<br /></div>
<div>
So weit – so gut. Nur bleibt ein Problem, denn im eigentlichen Sinne gibt es kein User Experience Design. UX sind Prozesse im Menschen. Für eine direkte Einflussnahme auf die UX des Anwenders müsste man ihn entweder hypnotisieren oder Drogen verabreichen. Also bleibt nur, die Schnittstellen und Interaktionen zwischen dem Anwender und dem Produkt oder Service so zu gestalten, dass dabei eine möglichst positive Nutzungserfahrung hervorgerufen wird. Der Begriff hierfür ist Usability (zu deutsch Gebrauchstauglichkeit). Usability ist eine Produkteigenschaft, die gestaltet und gemessen werden kann. Sie setzt sich zusammen aus</div>
<div>
<br /></div>
<div>
a) Effektivität – Wird ein Ziel erreicht?</div>
<div>
b) Effizienz – Wie aufwendig ist es das Ziel zu erreichen?</div>
<div>
c) Zufriedenheit – Wie zufrieden (subjektiv-gemittelt) sind die Anwender mit dem Produkt oder Service?</div>
<div>
<br /></div>
<div>
Dabei ist es wichtig den Anwender, seine Frage- oder Problemstellung, sowie den Anwendungskontext zu kennen, da davon maßgeblich die Beurteilung der drei Kriterien abhängt.</div>
<div>
<br /></div>
<div>
Dazu ein kleines Beispiel: Ein Navi mag gut auf dem Smartphone funktionieren, wenn man es fest im Auto installiert und in Ruhe das Fahrtziel eingegeben hat. Eine Navigation per Smartphone App auf einer Segeljolle ist fraglich, da die Bedienung des plötzlich sehr klein wirkenden Touchscreens mit womöglich nassen Fingern auf schwankendem Deck die korrekte Eingabe des Zielhafens sehr erschweren kann.</div>
<div>
<br /></div>
<div>
Es ist die Aufgabe von Produkt-Designern, Interaktionsdesignern, Informationsarchitekten, Service-Designern, etc. die Anwenderseite im Business-Kontext zu verstehen und deren Perspektive in den Entwicklungsprozess einzubringen. Dann besteht die Chance, dass das Produkt die Kunden begeistert und aus der Neuentwicklung auch ein Erfolg am Markt, also eine Innovation wird.</div>
<div>
<br /></div>
<div style="text-align: right;">
// <a href="http://www.nextmedia-hamburg.de/blog/blog-detail/artikel/klappt-nicht-ux-design-hilft/" id="id_7841_1695_9e62_3c92">Dieser Text erschien zuerst am 8.6.15 auf nextmedia.hamburg.</a></div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-13126268857446778852015-03-10T09:58:00.004+01:002015-03-10T09:58:58.036+01:00Ihre Sitzung ist abgelaufen!<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_iXTH6qVS2av0V28X6ug1La_zTReGMzL1yO3NG9epVd5uUQbUwQLOO3MREgNP0nKMWx7pCARKUHUa8qLco3kgyCbG1kY-Vloo_RbLHA8n7I6ivO2CWePNHRTQeTVEncRlt90DW7UfIVb/s1600/pleasecomplete.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_iXTH6qVS2av0V28X6ug1La_zTReGMzL1yO3NG9epVd5uUQbUwQLOO3MREgNP0nKMWx7pCARKUHUa8qLco3kgyCbG1kY-Vloo_RbLHA8n7I6ivO2CWePNHRTQeTVEncRlt90DW7UfIVb/s1600/pleasecomplete.gif" height="52" width="400" /></a></div>
<br />Da habe ich mal gerade aus Neugierde so einen Count-Down im Online-Kaufprozess auslaufen lassen.<br /><blockquote class="tr_bq">
"Please complete your order within the given amount of time. After this time, your tickets are no longer reserved for you and are available for others."</blockquote>
Ich wollte wissen, ob es sich um ein Dark <a href="http://mprove.de/script/04/hcipatterns/index.html">Pattern</a> handelt, das mich zum Kauf drängen will, oder ob es <a href="http://mprove.de/script/07/muthesius/c4.html">schlechtes Engineering</a> ist. Dann, 1 Minute vor Ablauf der Frist:<br /><blockquote class="tr_bq">
"The time to complete your order is about to expire. Do you want to extend the time? [No][Yes]"</blockquote>
Nö, will ich nicht. Ich will ja wissen, wie das Interaction Design Problem in diesem Fall gelöst wird, bzw. ob es überhaupt eines ist.<br /><blockquote class="tr_bq">
"Ihre Sitzung ist abgelaufen! Vermutlich haben Sie für den Ticketkauf zu lange gebraucht. Klicken Sie auf "Neu Beginnen", um den Ticketverkauf erneut zu starten. [Neu beginnen]"</blockquote>
Aufgabe: Finden Sie mindestens 5 Usability-Issues.mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-48016684513699251732015-01-26T23:42:00.000+01:002015-02-03T22:07:30.035+01:00Usability Made in Hamburg (2.2.15)<div class="separator" style="clear: both; text-align: center;">
<a href="http://mprove.de/script/15/handelskammer/_media/cover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://mprove.de/script/15/handelskammer/_media/cover.jpg" height="216" width="640" /></a></div>
Am 2.2.15 lädt das eBusiness-Forum in die Handelskammer zum Thema <i>Usability – Made in Hamburg</i> ein. Geplant sind 6 Kurzvorträge von Matthias Finck (effective webwork), Frank Hohenschuh (GfK), Martina Peris (Uni Hamburg), Christopher Menkens (MemeSoft), Frank Jacob (Human Interface Design) und <a href="http://mprove.de/script/15/handelskammer/index.html">Matthias Müller-Prove</a> (das bin ich), sowie eine Podiumsdiskussion über Smart Services und Industrie 4.0.<br />
<br />
Eingeladen sind Firmen aus Hamburg und jeder, der diese Ankündigung liest! Die Anmeldung ist kostenlos, aber notwendig über <a href="http://www.hk24.de/System/VstTermine/3186202/tg_02_02_2015_188445.html" target="_blank">die Seite der Handelskammer</a>.<br />
<br />
Die Veranstaltung wird organisiert von <a href="http://www.hallo-sme.uni-hamburg.de/" target="_blank">HALLO SME</a> (Hamburg Usability Living Lab for Small and Medium Enterprises).<br />
<br />
PS: <a href="http://mprove.de/script/15/handelskammer/index.html">Hier meine Slides</a><br />
Und ich drohe schon mal an, dass auch noch ein Video nach kommen könnte. ;-)mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-39004195933941690832015-01-26T10:50:00.000+01:002015-01-26T10:52:05.323+01:00Customer Experience Is Not Advertising<div class="separator" style="clear: both; text-align: center;">
<a href="http://mprove.de/script/15/cebit/_media/cover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://mprove.de/script/15/cebit/_media/cover.jpg" height="216" width="640" /></a></div>
5 questions. 5 answers on customer experience for the CeBIT WebExperiece Blog:<br />
<a href="http://mprove.de/script/15/cebit/index_en.html">Customer Experience Is Not Advertising</a> | <a href="http://mprove.de/script/15/cebit/index.html">CX ist keine Werbung</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-57767771898857908572014-10-27T09:33:00.000+01:002014-10-30T08:15:57.559+01:00UX Termine in Hamburg<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHjYKwaQ3Br4m3ysXw8LMaRDcaE4T1S8uA-bPPTwk_tbjX-l6sHj13ELpim9V0Jqe0tu73DCQRrv1zMfdqaQw0yyOVWXsVrciJKYnedvhk5seNn3BX5HcZHjTU4HmRPtTAb5gfV_Cq6EBb/s1600/DSCF0315_HDR.jpg" id="id_8e34_c289_cb7a_d31d" style="height: 480px; width: 640px;" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div>
Vor uns liegt ein äußerst spannender UX und Design Monat:</div>
<ul>
<li><a href="http://hiforum.blogspot.de/2014/10/hiforum-kolloquium-invitation-to-uhh.html">27.10.: Frank Steinicke: Fooling your Senses for (Super-)Natural User Interfaces</a> /Uni Hamburg</li>
<li><a href="https://www.inf.uni-hamburg.de/en/inst/ab/hci/teaching/courses/2014-2015/oberseminar.html">30.10.: Susanne Schmidt: Entwicklung eines browserbasierten Online-Spiels für die experimentelle Wirtschaftsforschung</a> /Uni Hamburg</li>
<li><a href="http://www.uxhh.de/roundtable/index.html">3.11.: Olde Lorenzen-Schmidt: Evaluation of the Real Life 3D Customer Experience – oder Wovon die Shopping-Center Experience wirklich abhängt</a> /UX Roundtable</li>
<li><a href="https://www.xing.com/events/8-service-design-drinks-hamburg-service-design-retail-1347529">4.11.: Ricardo Göldner: Service Design in Retail</a> /Service Design Drinks</li>
<li><a href="http://vizthink.de/vizthink-hamburg-meetup-9-weihnachtsvokabular/" id="id_88ba_9170_6584_eb24">5.11.: Vizthink Hamburg Meetup #9</a></li>
<li><a href="https://www.facebook.com/ThisHappenedHamburg">7.11.: This Happened… Hamburg #6</a></li>
<li><a href="http://www.tedxtuhh.de/">8.11.: TEDxTUHH</a></li>
<li><a href="http://www.inf.uni-hamburg.de/de/home/news/inf-events.html">12.11.: Horst Oberquelle: Führung durch das Informatik Museum</a></li>
<li><a href="http://www.uxhh.de/wud/2014.html#w3">13.11.: Sven Klomp: Aufmerksam für das Gewöhnliche</a> /WUD</li>
<li><a href="http://www.uxhh.de/wud/2014.html#w5">13.11.: Alexander Schilling: 100% Engagement</a> /WUD</li>
<li><a href="http://www.uxhh.de/wud/2014.html#w6">13.11.: Kai von Luck: Living Place</a> /WUD</li>
<li><a href="http://www.uxhh.de/wud/2014.html">13.11.: World Usability Day</a></li>
<li><a href="http://www.meetup.com/12minme/events/187588172/">13.11.: 12min.me</a></li>
<li><a href="http://creativityjam.wordpress.com/">21.-23.11.: Creativity Jam</a></li>
<li><a href="https://www.xing.com/events/1459218">27.11.: Moritz Königsbüscher: Scaling payments in an international startup, ie. SoundCloud. The challenges and how they were solved</a> /ProductTank</li>
</ul>
<div>
Man sieht sich!</div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-46658955808289007382014-10-01T12:03:00.000+02:002014-10-04T12:40:28.487+02:00Von Schaltern und Einhörnern<a href="https://www.slideshare.net/mprove/uxhcidesignmediale14"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_MGuMV8PYxThUYj3G9rwbkWanQBK-7s5fgCMpC_bW4K2jEG8Le3eX2oWgCOlk2I_bC_j_rcyK3xYr4xEe3NhX3aMy_yNLTuy3IjvB3kHZMp9ou2GbMwiU5VgmRUn90SXp3qqMx7oA-8p/s1600/UX-HCIDesign-Mediale14-cover.jpg" height="240" width="320" /></a><br />
Meine Eingangsfrage ans Publikum der <a href="http://mediale-hamburg.de/">Mediale</a> war, was denn ihre erste Erinnerung im Umgang mit Technik sei. Es hat erstaunlich lange gedauert – Gameboy, DVD-Player und Radio waren die ersten Antworten – bis der von mir ersehnte Lichtschalter genannt wurde. Und dann endlich konnte ich meine Salve von Schaltern, Tastern und Buttons abgeben, um die Berufsschüler für die Sichtweise der User Experience zu sensibilisieren.<br />
Die beiden Bilder mit den Radfahrern in Kopenhagen muss ich erklären (Folie 13 und 14). Der erste Radler in dunkelblau gibt ein Handzeichen. Nein, wir kennen uns nicht und er winkt mir auch nicht zu. Er gibt ein Signal an die Radler hinter ihm, dass er gleich abbremsen wird und ihm bitte doch niemand auffahren möge. Und das macht nicht nur einer – das machen alle Radfahrer in Kopenhagen! Anhand dieses Beispiels kann man wunderbar über Gesten und Konventionen diskutieren.<br />
Die schöne Schlussformulierung…<br />
<blockquote class="tr_bq">Interaction Designer sind spezialisiert darauf, Produkte und Dienstleistungen verständlicher zu machen, um damit die Kundenzufriedenheit und Kundenbindung zu erhöhen.</blockquote>…habe ich mir <a href="http://www.servicethinking.de/111/">von Christian Reichel</a> geborgt.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="485" marginheight="0" marginwidth="0" scrolling="no" src="//www.slideshare.net/slideshow/embed_code/39338900" style="border-width: 1px; border: 1px solid #CCC; margin-bottom: 5px; max-width: 100%;" width="595"> </iframe> <br />
<div style="margin-bottom: 5px;"><strong> <a href="https://www.slideshare.net/mprove/uxhcidesignmediale14" target="_blank" title="User Experience & Human Computer Interaction Design">User Experience & Human Computer Interaction Design</a> </strong> from <strong><a href="https://www.slideshare.net/mprove" target="_blank">Matthias Mueller-Prove</a></strong> </div>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-13891657611831591842014-09-25T07:26:00.000+02:002014-10-15T11:46:28.651+02:00WUD Engagement<a href="http://www.23hq.com/mprove/photo/14190417"><img src="http://www.23hq.com/23666/14190417_57fbdb278e4286d9253ecad4f86a6fbb_standard.jpg" height="345" width="460" /></a><br />
Es ist an der Zeit sich für den World Usability Day am 13. November 2014 zu <i>engagieren</i>. Die Vorbereitungen haben in vielen Städten – <a href="http://www.worldusabilityday.de/wud-in/">national</a> und <a href="http://www.worldusabilityday.org/">international</a> – bereits begonnen. Und <a href="http://www.uxhh.de/wud/2014.html">auch Hamburg</a> ist zum neunten <a href="http://www.uxhh.de/wud/">mal</a> mit von der Partie.<br />
Den <a href="http://www.uxhh.de/wud/2014.html#cfp">Hamburger Call for Participation</a> für Vorträge und Workshops habe ich <a href="http://www.uxhh.de/wud/2014.html#cfp">auf uxHH veröffentlicht</a>. Bitte schert Euch nicht um die <a href="https://www.somewhere.com/mprove/sparks/12313">Deadline</a>. Da ist immer noch Luft.<br />
[Update] Neue Deadline für engagierte Vorschläge: Freitag, 26.9.<br />
[Update] <a href="http://uxhh.de/wud/2014.html">Das Programm ist da.</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-53199854791483954642014-09-07T16:21:00.001+02:002014-09-07T21:05:08.760+02:00UX Logbuch<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQKfTzjbsStBgFf-vJGWjegf6H33bVvZuN5ZIGBZjqS4YeDalVVmNj1OKFJg3mktRo3VDknDFcsWoz-XpLM8MLuutNXdeN01TVq8sGzn7v8gayP58h8VAbAqFh4KCSRuHKYGPWrX3hPBD/s1600/UXLogbuch_16x9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQKfTzjbsStBgFf-vJGWjegf6H33bVvZuN5ZIGBZjqS4YeDalVVmNj1OKFJg3mktRo3VDknDFcsWoz-XpLM8MLuutNXdeN01TVq8sGzn7v8gayP58h8VAbAqFh4KCSRuHKYGPWrX3hPBD/s1600/UXLogbuch_16x9.jpg" height="360" width="640" /></a></div>
<br />
Seit heute bietet das <a href="http://uxhh.de/blogs/uxlogbuch.html">UX Logbuch</a> eine Übersicht der neuesten Blogartikel aus der deutschen und deutschsprachigen UX-Szene. Lass von Dir hören, wenn ich Deinen Blog rund um die Themen User Experience / Usability / Interaction Design / Service Design / Design Thinking / etc. mit aufnehmen soll.<br />
Viel Spass beim regelmäßigen Lesen des <a href="http://uxhh.de/blogs/uxlogbuch.html">UX Logbuch</a>.mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-16806848298410709032014-08-01T17:00:00.000+02:002014-08-01T18:01:13.574+02:00UXCampHH - 16-Aug-2014<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlmfGKnlJtKCoSis8pp3ETmPL1TAqxrtPMm0Wvuc0bA2lRPviIcn1RG_01luWHMJzYdusozU7GJ7WX7KsmDFaF1B2WcEKbXioctPHGvB0xcIey5cGu8SeK6ImeMp5-txo-J7jrvrTwWvH9/s1600/UXC_Cover_800.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="UXCamp Hamburg 16-Aug-2014" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlmfGKnlJtKCoSis8pp3ETmPL1TAqxrtPMm0Wvuc0bA2lRPviIcn1RG_01luWHMJzYdusozU7GJ7WX7KsmDFaF1B2WcEKbXioctPHGvB0xcIey5cGu8SeK6ImeMp5-txo-J7jrvrTwWvH9/s1600/UXC_Cover_800.jpg" height="400" title="" width="640" /></a></div>
<div style="clear: both;">
Save the Date - <a href="http://uxcamphh.org/">UX Camp Hamburg </a>will take place again on Saturday, August 16 at SinnerSchrader in Hamburg.<br />
<br />
Stay up to date by joining our newsletter: <a href="http://uxcamphh.org/">http://uxcamphh.org</a><br />
Or follow us on twitter: <a href="https://twitter.com/uxcamphh">@uxcamphh</a><br />
Official Hashtag: <a href="https://twitter.com/search?f=realtime&q=%23uxcamphh">#uxcamphh</a><br />
<br />
<a href="https://www.xing.com/profile/Kati_Schroeder">Kati</a>, <a href="https://www.xing.com/profile/Martin_Stein4">Martin</a> & <a href="https://www.xing.com/profile/Matthias_MuellerProve">Matthias</a><br />
Your UX Camp Hamburg team<br />
<br />
[Update] The second lot of 50 tickets will be on sale on Saturday, Aug-2 at 1pm.</div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com1tag:blogger.com,1999:blog-357136764650530126.post-92118695460062896302014-07-06T07:31:00.001+02:002014-07-06T09:38:23.885+02:00Ivan Sutherland on Research and FunThe <a href="http://www.computerhistory.org/">Computer History Museum</a> had invited Ivan Sutherland to talk about <i>Research and Fun</i> for an evening in 2005. I was electrified to listen to his words when the recording was first published on research.sun.com – you know, we both worked at Sun those days. I even did a <a href="http://mprove.de/script/05/sutherland/index.html">partial transcript</a> of a key section where he offers the essence of what it takes being a good researcher, excerpt of the excerpt:<br />
<blockquote class="tr_bq">
…if you would be a researcher it seams to me that you’d best search your soul first to find out what it is you like to do. … what ever it is make sure that you pick something to work on that you like, that you think is fun. Because if it isn’t fun you aren’t going to be very good at it. [<a href="http://mprove.de/script/05/sutherland/index.html">more</a>]</blockquote>
When Sun went down – this video went away. How odd that a museum depends on the fortune of a single company to preserve its assets. Hence this video was off-line for a couple of years until I offered to upload my backup version earlier this year. The Computer History Museum rejected my idea, but assured me to upload the video to the official <a href="https://www.youtube.com/channel/UCHDr4RtxwA1KqKGwxgdK4Vg">CHM channel on YouTube</a>. So thanks a lot to <a href="http://www.computerhistory.org/staff/Sara,Lott/">Sara Lott</a> for republishing the talk!<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" src="//www.youtube.com/embed/FIMaf4RemOU" width="640"></iframe><br />
<br />
<a href="https://www.youtube.com/watch?v=FIMaf4RemOU">Odysseys in Technology: Research and Fun, lecture by Ivan Sutherland on YouTube</a><br />
<br />
Have fun! (And drop me a line when YouTube is switched off)mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-44417906214718161192014-05-18T13:53:00.002+02:002014-07-19T09:21:55.800+02:00fotokartierungsmischmasch<a href="http://www.23hq.com/mprove/photo/8242863"><img src="http://www.23hq.com/23666/8242863_a48ee3d39cfdf584a681b0f86972d761_standard.jpg" height="276" width="460" /></a><br />
Neulich kam <a href="https://www.facebook.com/groups/242166469220315/permalink/443475635756063/">in einer fb-Gruppe die Frage</a> auf, ob man die Fotos der Mitglieder aus der Region Rotenburg schön und einfach auf eine Karte stellen könnte.<br />
Für diesen Blog hier nun die leicht überarbeitete Fassung meiner Antwort:<br />
<br />
Ich werde mich hüten eine Kartenlösung vorzuschlagen, die dann aus diversen Gründen nicht funktionieren wird. Und die Gründe sind sowohl gestalterischer Natur (Design, Usability, Aufgabenangemessenheit, Praktikabilität), als auch dieser (jeder) etablierten Community geschuldet.<br />
Jüngst habe ich mit google maps experimentiert und <a href="http://mprove.de/art/photosafari.html">für einige meiner Photo-Serien einen guten Weg gefunden</a>. Schon mit ein paar Änderungen in den Settings treten die Marker und Pfade in der Vordergrund und die Karte sieht nicht mehr wie eine typische Google-Map aus. (Erweitert man aber die Geodaten um nur eine Marke in Berlin, schaut die Karte in der default Zoom-Stufe nicht mehr zufrieden stellend aus: Hamburg verschwindet fast unter der Legende oben links und The-Middle-of-Nowhere rückt ins Zentrum der Karte. Nicht gut.)<br />
<br />
<a href="http://bit.ly/MFwU61">Die Karte zu Sven Klomps partizipativen Events unter dem Titel <i>aufmerksam</i></a> haben wir gar gemeinsam bearbeitet. Das geht, aber alle Kuratoren müssen sich mit dem Kartieren auskennen und es war nicht ganz einfach die Medien von verschiedenen Plattformen einzubinden. Für <i><a href="http://aufmerksam.tumblr.com/">aufmerksam</a></i> haben wir Bilder von flickr, 23hq, google+; youtube-Videos (vimeo war nicht direkt zu verwenden); und Soundtracks von soundcloud eingebunden. Alleine die Bilder waren kniffelig genug, da flickr und g+ per se keine öffentlichen URLs herausreichen. Per Context-Menu-Copy-Link vom Bild bekommt man dann einen direkten Deep-Link, der dann doch funktioniert. <a href="http://aufmerksam.tumblr.com/">Der tumblr Blog</a> ist schließlich die gut lesbare Klammer, der all die persönlichen Eindrücke des Abends zusammen hält. [cf. <a href="http://www.theverge.com/2014/5/6/5684212/tumblr-declares-war-on-the-internets-identity-crisis">the verge: tumblr profiles that do not look like anybody's else</a>]<br />
<br />
Zwischenfazit: bei einigermaßen übersichtlichem Bilder- und Multimediadatenlage kann man mit vertretbarem Aufwand interessante Layer auf Basis von google maps anlegen.<br />
<br />
Bei wachsender Heterogenität des Materials wird es allerdings zunehmend aufwendig. Ganz gleich ob man sich für google maps oder beispielsweise <a href="http://www.openstreetmap.org/">OpenStreetMap</a> entscheidet: je mehr Quellen man einbinden möchte, desto komplexer die Aufgabe des Zusammenführens der Informationen.<br />
Bei der Kartenkuratorin kann das schnell zu Frust führen, da sie doch schon freiwillig(!) die Karte administriert, dann aber von den anderen Photographen keine Bilder mehr geliefert bekommt oder der Kommunikationsaufwand sehr groß wird die Fotoserien auf den korrekten Ort der Karte zu platzieren.<br />
<br />
Ja, es gibt auch technische Ansätze, mit denen man Photos und Blogbeiträge <i>automatisch</i> auf Karten erscheinen lassen kann. Geotagging in den Metainfos der Bilder und Geotags in den Blogbeiträgen erlauben es beispielsweise diese auf einer OpenStreetMap einzublenden (z.B. <a href="http://blog.cupofcoffee.de/?page_id=3059">cupofcoffee</a>)<br />
Der technische Aufwand ist da aber sehr viel größer als bei einer manuell gepflegten Karte und man ist auch sehr eingeschränkt bzgl. der Ausgangsdaten. (Im Beispiel ist das ein WordPress-Blog mit dem installierten und konfigurierten <a href="http://wp-osm-plugin.hanblog.net/">OSM-Modul</a>.)<br />
<br />
Es scheint in heutiger Zeit – dem sogenannten Informationzeitalter – etwas zu verwundern, wie spröde es ist ein Meshup aus diversen Quellen zusammen zu stellen [cf. <a href="http://interface-culture.blogspot.de/2014/01/info-plumbing.html">info plumbing</a>]. Die Heterogenität der Multimediadaten, die unterschiedlich bis gar nicht ge-geo-taggt sind, und der Silo-Charakter der Social Networks steht dem leider entgegen. [cf. <a href="http://mprove.de/script/08/gmw/index.html">Tagging – ein sozialer Tag-Traum?</a>]<br />
Von einer Vision àlas "ein sich drehender Globus mit Polaroids, in die man einfach mal so einzoomen kann" bleibt uns einstweilen nur zu träumen.<br />
<br />
Oder übersehe ich etwas? Wer kennt eine cross-platform Kartierungslösung für heterogene schwach-getaggte Multimediadaten, die auch noch gut zu gestalten ist?<br />
<br />
Weitere inspirierende Beispiele:<br />
<ul>
<li><a href="http://why-hamburg.com/about/">Why Hamburg</a></li>
<li><a href="http://www.flexiblesflimmern.de/">Flexibles Flimmern</a></li>
<li><a href="http://thingsonbikelanes.tumblr.com/map">things on bike lanes /tumblr</a> </li>
</ul>
<div>
Und Tools</div>
<div>
<ul>
<li><a href="http://www.geo-tag.de/generator/en.html">Geo Tag Generator</a> - damit habe ich manuell <a href="http://www.23hq.com/mprove/geo">ein paar (wenige) Bilder auf 23hq</a> getaggt.</li>
</ul>
</div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-80431367853717056022014-03-31T12:58:00.000+02:002014-03-31T12:58:49.846+02:00Window Cooling at Xerox Star<p>// <a href="https://www.evernote.com/shard/s207/sh/022f2237-4b4f-4096-87f2-053acd228c2d/ede2672bc3f39a1b0232f84e01ca0a83">reblogged</a> <a href="https://www.facebook.com/interactiondesign.org/posts/1397730757167493?stream_ref=1">via interaction-design.org on fb</a></p> <p>So this morning I was curious about the origin of what is often referred to as the <a href="http://www.elijahmanor.com/css-animated-hamburger-icon/">hamburger icon</a>. Spent a few minutes digging around and found <a href="http://vimeo.com/61556918#t=1265s">this video</a> from the Xerox Star. Turns out that <a href="http://www.coxhall.com/bio.html">Norm Cox</a> is who designed the interface for this system. I emailed Norm and asked who designed the hamburger icon? Here’s his response:</p> <blockquote> <p>You've done your homework and found the right guy. I designed that symbol many years ago as a "container" for contextual menu choices. It would be somewhat equivalent to the context menu we use today when clicking over objects with the right mouse button.</p> <p>Its graphic design was meant to be very "road sign" simple, functionally memorable, and mimic the look of the resulting displayed menu list. With so few pixels to work with, it had to be very distinct, yet simple. I think we only had 16x16 pixels to render the image. (or possibly 13x13... can't remember exactly).</p> <p>Interesting inside joke... we used to tell potential users that the image was an "air vent" to keep the window cool. It usually got a chuckle, and made the mark much more memorable.</p> <p>It's been nice to see that so many of our designs from those early pioneering years have stood the test of time and become ubiquitous symbols in our UI’s.</p> <p>Feel free to share the short story. I have many more design related stories from my days at Xerox PARC during the birth of graphical UI's, and subsequent 30+ years consulting. I think it's important to share the past with designers today to help them understand the philosophies, constraints, considerations and inspirations that got us to where we are today. I only ask for proper attribution when you post something from me. (I like people to know that they can get in touch with me for more design tales!)</p> <p>Kind regards</p> <p>Norm </p> </blockquote><iframe src="//player.vimeo.com/video/61556918?portrait=0" width="640" height="427" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/61556918">all-the-widgets</a> from <a href="http://vimeo.com/user16987770">Brad Myers</a> on <a href="https://vimeo.com">Vimeo</a>.</p>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-70437830821473897972014-03-20T10:37:00.002+01:002014-03-20T10:41:22.016+01:00Deeper Cosmology - Deeper Documents<img alt="Ted Nelson 2013 - by Frode Hegland, animated by Matthias Mueller-Prove" src="http://mprove.de/script/13/fot/_media/animated-ted.gif" /><br />
<br />
<blockquote class="tr_bq">
This is not my planet. And this is not my conference.</blockquote>
– Ted Nelson’s opening words at <a href="http://www.sigweb.org/ht/ht01/">ACM Hypertext 2001.</a> Once in a while I find it very refreshing to remind myself on potential alternatives and fundamental considerations about the state of technology with respect to the web and our knowledge management tools as such. An ever-trusted source on this is Ted Nelson (<a href="http://mprove.de/diplom/referencesNelson.html">bibliography and videos</a>).<br />
More quotes from the talk:<br />
<ul>
<li>I think of the world wide web and XML and cascading style sheets is the ultimate triumph of the typesetter over the author.</li>
<li>three fundamental problems today:<br />
<ol>
<li>hierarchical file structures</li>
<li>simulation of paper</li>
<li>the application prison</li>
</ol>
</li>
<li>Software is a branch of movie making.</li>
<li>The question is about starting over.</li>
</ul>
A friend who has attended the conference gave me a CD with the talk. Eventually, I decided to upload the recording to vimeo. Please enjoy:<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="" src="//player.vimeo.com/video/15593138?portrait=0" webkitallowfullscreen="" width="640"></iframe> <br />
<a href="http://vimeo.com/15593138">Ted Nelson at ACM Hypertext 2001</a> from <a href="http://vimeo.com/mprove">mprove</a>.<br />
<br />
Photo: Ted Nelson 2013 - by <a href="http://www.frodehegland.com/">Frode Hegland</a>, animated by <a href="http://mprove.de/">myself</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-12034017280150996612014-03-14T12:55:00.000+01:002014-03-15T14:18:09.479+01:00StarfireThe second video – which I helped to put into the public space – is also from the vision'n'concept department: Starfire by Sun Microsystems 1994.<br />
<br />
<img alt="" border="0" src="http://www.mprove.de/script/06/foxp2/_media/Starfire2.jpg" height="120" width="160" /><img alt="" border="0" src="http://www.mprove.de/script/06/foxp2/_media/Starfire3.jpg" height="120" width="160" /><img alt="" border="0" src="http://www.mprove.de/script/06/foxp2/_media/Starfire4.jpg" height="120" width="160" /><img alt="" border="0" src="http://www.mprove.de/script/06/foxp2/_media/Starfire6.jpg" height="120" width="160" /><br />
<br />
At <a href="http://www.sigchi.org/chi98/">CHI ’98</a> I've attended a <a href="http://www.youtube.com/watch?v=n1CvRKdV0Ls">presentation by Frank Ludolph on Apple Lisa</a>. Frank had also booth duty at the conference where he spread a couple of VHS tapes of Starfire. What marvelous concepts! Multitouch, voice UI, wall-size displays, tablets with motion and orientation sensors, telepresence for video conferences, among <a href="http://www.mprove.de/script/04/nng/starfire.html#concepts">many more...</a><br />
Years later – in 2005 – I asked <a href="http://asktog.com/">Tog</a> for a digital copy. Of course he had one – but no permission for sharing. By chance I was working for Sun at the time and got approval from Sun's VP Juan Carlos Soto to release the video. So please enjoy_<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/w9OKcKisUrY" width="640"></iframe><br />
<br />
<a href="https://www.youtube.com/watch?v=w9OKcKisUrY">Starfire Director's Cut, Sun 1994</a><br />
<h4>More References</h4><ul><li><a href="http://www.asktog.com/starfire/index.html">Starfire at asktog with the original mpeg 4</a> </li>
<li><a href="http://www.asktog.com/starfire/starfirescript.html">The annotated Starfire script</a></li>
<li><a href="http://www.mprove.de/script/04/nng/starfire.html">1992’s View of 2004: What Didn’t Happen, and What’s Still to Come</a> (at User Experience 2004 in Amsterdam)</li>
<li><a href="http://www.mprove.de/script/04/chi/video.html">Video Visions of the Future – A Critical Review</a> (at CHI 2004)</li>
</ul>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-16917218829956461132014-03-11T11:59:00.002+01:002014-03-14T11:07:40.237+01:00Future ShockThere are a couple videos in the public domain space now where I take credit to have preserved them from fading away. The first is Future Shock by Apple 1988.<br />
<a href="http://www.mprove.de/script/88/apple/futureshock.html" style="border-bottom-color: rgb(0, 135, 200); border-bottom-style: dashed; border-bottom-width: 1px; color: red; font-family: 'Source Sans Pro', Helvetica, 'Lucida Grande', Arial, Geneva, Swiss, SunSans-Regular; font-size: 21px; line-height: 37.79999923706055px; text-decoration: none;"><img alt="Future Shock: gestures" border="1" src="http://www.mprove.de/uni/asi/_media/Apple88_1.jpg" height="120" hspace="2" style="height: auto !important; max-width: 100%;" vspace="2" width="160" /><img alt="Future Shock: gestures" border="1" src="http://www.mprove.de/uni/asi/_media/Apple88_2.jpg" height="120" hspace="2" style="height: auto !important; max-width: 100%;" vspace="2" width="160" /><img alt="Future Shock: glasses with subtitles" border="1" class="dsR1" src="http://www.mprove.de/uni/asi/_media/Apple88_3.jpg" hspace="2" style="height: 120px; max-width: 100%; width: 160px;" vspace="2" /><img alt="Future Shock: e-learning" border="1" class="dsR1" src="http://www.mprove.de/uni/asi/_media/Apple88_4.jpg" hspace="2" style="height: 120px; max-width: 100%; width: 160px;" vspace="2" /></a><br />
<br />
I saw it first on an Apple promo CD while working at BBDO in the early 1990s. It was a tiny QuickTime movie. But it made a huge impression on me. Gesture and voice interaction, as well as an early predecessor concept of google glass – didn't know that at the time ;)<br />
<br />
A decade later I stumbled upon the CD at the library of the <a href="http://www.zhw.uni-hamburg.de/zhw/">IZHD</a>, made a backup copy, and <a href="http://mprove.de/script/88/apple/futureshock.html">uploaded it to my site</a>. From there it went to Mac Essentials' magazine site, and eventually to youtube.<br />
<br />
The poor quality is still due to the original QT version. I would be very interested to get a hires version...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="" src="//player.vimeo.com/video/25551192" webkitallowfullscreen="" width="640"></iframe> <br />
<a href="http://vimeo.com/25551192">Future Shock, Apple 1988</a> from <a href="http://vimeo.com/mprove">mprove</a>.mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-41890928901775899042014-02-14T13:28:00.002+01:002014-02-14T13:28:31.611+01:00uxHH faceliftI was in the mood to update the design of <a href="http://uxhh.de/">uxHH.de</a><br />
<br />
See the two screenshots before and after to get an idea of the changes; i.e. new and larger fonts improve the legibility and character of the site, more white space for a better balance between text and background and a less "bloggy" appearance.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO-MHWhmw5MsD4VhyphenhyphenPwVpU4pUqaWkh2kbL-iWG4eXwj9IMehS9P_tsr61M-ilVgTOTVU8frc8iGPwCCF-HMcMPXRouQSNFTUwk15JuuGYoelntmsA8fUY0Mjc1UweI-BWv6JdzIXVHtgGk/s1600/uxHH-facelift0214a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO-MHWhmw5MsD4VhyphenhyphenPwVpU4pUqaWkh2kbL-iWG4eXwj9IMehS9P_tsr61M-ilVgTOTVU8frc8iGPwCCF-HMcMPXRouQSNFTUwk15JuuGYoelntmsA8fUY0Mjc1UweI-BWv6JdzIXVHtgGk/s1600/uxHH-facelift0214a.jpg" height="230" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3jS1gRUetZgRZf3DLolRjKOiZuHrU-F9IG4POT2H-wjJ7GfRKb-aWx7Pw9yexofg2V0ePv0CgdojbL6FJzY-5PhQgJXdbpdcA7Izm1LiqS7NlueDCL9uJze3KSWXdxzWem3kqbswfhwF/s1600/uxHH-facelift0214b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3jS1gRUetZgRZf3DLolRjKOiZuHrU-F9IG4POT2H-wjJ7GfRKb-aWx7Pw9yexofg2V0ePv0CgdojbL6FJzY-5PhQgJXdbpdcA7Izm1LiqS7NlueDCL9uJze3KSWXdxzWem3kqbswfhwF/s1600/uxHH-facelift0214b.jpg" height="230" width="320" /></a></div>
enjoy<br />-<a href="http://www.mprove.de/">Matthias</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-57933443229268733142014-01-11T12:52:00.000+01:002014-06-21T10:15:48.893+02:00Arrow Key Navigation<a href="http://flic.kr/p/rBy48"><img src="http://farm1.staticflickr.com/100/289849149_41baa0f11f_n.jpg" height="212" width="320" /></a><br />
I was curious to figure out how e.g. flickr or facebook have implemented the behavior to move to the next image by simply pressing the right arrow key. Well, I do not really know down to the bleeding fingers, but here is my solution to move to the next page in a sequence of pages:<br />
<br />
The <a href="http://raumschiffer.de/media/index.html">mediathek of the Raum Schiff Erde</a> offers a chronological tour for all sessions ever. The link to proceed to the next page in sequence has the attribute rel="next".<br />
<br />
Then the head section needs a short jQuery/JavaScript to catch the right arrow key w/o the Ctrl/Cmd modifier pressed, identify the first link with the relation 'next' and trigger the link:<br />
<div>
<span style="font-family: Courier New, Courier, monospace;">$(document).keydown(function(e) {</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> var arrow = {left: 37, up: 38, right: 39, down: 40 };</span><br />
<span style="font-family: Courier New, Courier, monospace;"> switch(e.which) {</span><br />
<span style="font-family: Courier New, Courier, monospace;"> case arrow.right:</span><br />
<span style="font-family: Courier New, Courier, monospace;"> if (e.metaKey) {return;}</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> document.location.href = $("a[rel='next']")[0].href;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> break;</span><br />
<span style="font-family: Courier New, Courier, monospace;"> default: return;</span><br />
<span style="font-family: 'Courier New', Courier, monospace;"> }</span><br />
<span style="font-family: Courier New, Courier, monospace;"> e.preventDefault();</span><br />
<span style="font-family: Courier New, Courier, monospace;"> });</span></div>
<div>
<br />
Have a look at the source code of the example above how to include the jQuery library.<br />
<br />
I want to finish this little tutorial by mentioning that I did not invent the <a href="http://www.w3.org/TR/html401/struct/links.html#h-12.1.2">link relationships</a> ('next' and 'prev') – but usually browsers do not make any use of this kind of semantic information. Heck, why not?! It would be cool if all web pagination would support this semantic behavior. Amen.<br />
<br />
PS: A few more examples where I have applied the script:<br />
<ul>
<li><a href="http://raumschiffer.de/media/photos.html">photo sets for all RSE conferences</a></li>
<li><a href="http://www.mprove.de/art/photos.html">all my photo sets</a> with forward and backward linking</li>
<li>web version of my thesis <a href="http://www.mprove.de/diplom/text/abstract.html">Vision and Reality of Hypertext and Graphical User Interfaces</a></li>
<li><a href="http://mprove.tumblr.com/post/89249442253">metascript</a>, my tumblr blog</li>
</ul>
<span style="font-size: xx-small;">// <a href="http://flic.kr/p/rBy48">Photo cc by Craig</a></span></div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-36060644927974435882013-09-02T11:43:00.003+02:002015-04-03T13:00:03.212+02:00Apple does not do Design ThinkingA quick comparison between <a href="http://www.dt-hh.de/dt-camp/index.php?id=fotos#!prettyPhoto[dtcamp13]/70/">Design Thinking Principles</a> and Apple reveals…<br />
<br />
<table border="0" cellpadding="0" cellspacing="5"><tbody>
<tr> <th width="50%">Design Thinking</th> <th width="50%">Apple</th> </tr>
<tr> <td class="dsR2">Fail early and often</td> <td class="dsR2">…but just internally.</td> </tr>
<tr> <td>Leave titles at the door</td> <td>Do not come in if you do not contribute to the meeting.</td> </tr>
<tr> <td>There are no good ideas</td> <td>Either it sucks or it is insanely great.</td> </tr>
<tr> <td>Do! Don’t talk.</td> <td></td> </tr>
<tr> <td>Build on ideas of others</td> <td>Yes, but turn them into something insanely great.</td> </tr>
<tr> <td>The quantity is it.</td> <td>The quality is it.</td> </tr>
<tr> <td>Avoid criticism.</td> <td>"This is shit"</td> </tr>
<tr> <td>Stay focussed.</td> <td>Stay hungry.</td> </tr>
<tr> <td>Dare to be wild!</td> <td>Stay foolish.</td> </tr>
<tr> <td>Think human centered.</td> <td>Think details oriented.</td> </tr>
<tr> <td>Be visual.</td> <td></td> </tr>
<tr> <td>Let’s have Fun.</td> <td>Never take the same elevator with Steve. You do not have a job anymore.</td> </tr>
</tbody></table>
<br />
q.e.d. Apple does not do Design Thinking. Nonetheless, Apple products are still best of breed.<br />
<br />
<b>à propos</b><br />
<ul>
<li><a href="http://mprove.de/script/15/designthinking/index.html">Resources on Design Thinking by mprove</a></li>
</ul>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-28381684898484727102013-05-27T14:13:00.001+02:002013-06-24T16:38:09.360+02:00x-Experience am 30.5.13 im InformatikumNach <a href="http://www.mprove.de/script/12/uxcamp/x-experience.html">meiner spontanen Improvisation unter freiem Himmel zum UXCamp 12</a> gibt es nun eine Fassung für das MCI Kolloquium des Fachbereichs Informatik der Uni Hamburg am kommenden Donnerstag.<br />
<div>
<br />
<b>Abstract. </b>Der Begriff der User Experience hat sich nach seiner erstmaligen Verwendung bei Apple Computer gegen Ende der 1980er Jahre in unserer Disziplin etabliert. Allerdings ist nicht zu übersehen, dass derzeit weitere Begriffe das Nutzererlebnis des Anwenders zu beschreiben suchen, wie zum Beispiel Customer Experience, Community Experience, Brand Experience bis hin zu Tchibos Slogan, „Jede Woche eine neue Welt“ / „A new experience every week“.<br />
<br />
Was sind die gemeinsamen Elemente all dieser Bindestrich-Erlebniswelten? Passt die ISO Definition der User Experience auf diese Szenarien? Oder welche Ideen lassen sich aus den Gestaltungsbereichen des Marketings oder der Event-Kultur für die Gestaltung von Systemen und Services übertragen?</div>
<div>
<br /></div>
<div>
Weiter Infos auf der Seite des <a href="http://agis-www.informatik.uni-hamburg.de/mci/lehre/2013/oberseminar/">MCI Kolloquiums</a>.<br />
<br />
Update: <a href="http://www.mprove.de/script/13/fbi/x-experience.html">Slides und Referenzen</a></div>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-13589744785484758682013-05-07T09:18:00.000+02:002013-05-07T14:32:52.993+02:00Sound Design und Design Thinking<a href="http://www.23hq.com/mprove/photo/11222517"><br />
<img height="345" src="http://www.23hq.com/23666/11222517_6a394a936c7018c64e0b5afc74f3541c_standard.jpg" width="460" /><br />
</a><br />
<br />
Und gleich noch ein weiterer Mitschnitt im uxHH Radio: <a href="http://www.hansschuettler.de/">Hans Schüttler</a> berichtete <a href="http://www.dt-hh.de/2013/01/dt-hh-5-am-31-januar-2013/">im Januar als Gast bei DT_HH</a> aus seinem Beruf als Musiker und Sound-Designer.<br />
<br />
Diesem Event habt Ihr den Impuls zu verdanken, dass das uxHH Radio nun auch mit einem Intro und Outro gesendet wird. Die Tropfen zu Beginn stammen aus <a href="https://soundcloud.com/homelessballoon/one-drop-mix-is-enough">One Drop</a> von <a href="http://www.homelessballoon.com/">Helge Krabye</a>. Das Outro ist mit <a href="http://www.asylumarts.com/html/metatech.html">IL Est Parti</a> von <a href="http://www.metasynth.com/ERICWENGER/">Eric Wenger</a> unterlegt.<br />
<br />
<a href="http://uxhh-radio.blogspot.de/2013/01/dthh0113-musikproduktion.html">Aber nun zum Podcast (1:47')</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-9582328904991690222013-05-06T22:24:00.000+02:002013-05-06T22:29:53.243+02:00Dieter Rams im uxHH Radio<a href="http://www.23hq.com/mprove/photo/11192385" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
<img alt="Dieter Rams" height="460" src="http://www.23hq.com/23666/11192385_1b1d95974a6e13dd89647341b13b989a_standard.jpg" width="355" /><br />
</a><br />
<br />
<a href="http://de.wikipedia.org/wiki/Dieter_Rams">Dieter Rams</a> war vor einiger Zeit zu Gast im <a href="http://www.mkg-hamburg.de/">Museum für Kunst und Gewerbe Hamburg</a>. Klaus Klemp moderierte die Veranstaltung an der außer Dieter Rams noch "seine Schüler" <a href="http://www.barskidesign.com/">Olaf Barski</a> und Andreas Hackbarth teil genommen haben. Sie diskutierten über die Voraussetzungen einer guten Design-Ausbildung, über die große Bedeutung der Anwendungsqualität neuer Produkte und den Mangel an Unternehmerpersönlichkeiten, die bereit seien, in die fundierte Entwicklung von Design zu investieren.<br />
<br />
Ich möchte keine Beschwerden zu der Soundqualität hören – die Originalaufzeichnung war dank der Akustik im Saal kaum zu verstehen. <a href="http://uxhh-radio.blogspot.co.uk/2012/10/mkg12-dieter-rams.html">Hier nun die spannenden 74 Minuten</a>.mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-7623335422382931112013-04-06T20:25:00.002+02:002013-05-03T15:05:33.195+02:00Prezi Days EuropeA collection of resources for <a href="http://www.preziday-europe.com/">Prezi Days Europe</a>, Hamburg Apr 5-7, 2013. Just a few Prezi presentations from the event are online. Here they are_<br />
<h4>
Prezis</h4>
<a href="http://prezi.com/o1uclaxwhoow/turn-on-the-poetry/">Turn on the Poetry</a> by Marcos Xalabarder<br />
<br />
<iframe frameborder="0" height="400" src="http://prezi.com/embed/o1uclaxwhoow/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550"></iframe><br />
<br />
<a href="http://prezi.com/ejkskluf4xd0/vocscan-application-red-wine-making-chart-danyel-elferink/">Red Wine Making Process</a>, example by Danyel Elferink<br />
<br />
<iframe frameborder="0" height="400" src="http://prezi.com/embed/ejkskluf4xd0/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550"></iframe><br />
<br />
<a href="http://prezi.com/ubhhrado3yeg/identity-ideas-matter-contest-of-prezi-and-ted-designed-and-created-by-hedwyg-van-groenendaal/">IDENTITY</a> by Hedwyg van Groenendaal<br />
<br />
<iframe frameborder="0" height="400" src="http://prezi.com/embed/ubhhrado3yeg/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550"></iframe><br />
<br />
<a href="http://prezi.com/jqjtnq0abjqp/prezi-preparation/">Prezi Preparation</a> by Melanie Schwarzer<br />
<br />
<iframe frameborder="0" height="400" src="http://prezi.com/embed/jqjtnq0abjqp/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550"></iframe><br />
<br />
<a href="http://prezi.com/ratzbo9ri_dn/prezi-preparation-extended-edition/">Prezi Preparation - Extended Edition</a> by Melanie Schwarzer<br />
<br />
<iframe frameborder="0" height="400" src="http://prezi.com/embed/ratzbo9ri_dn/?bgcolor=ffffff&lock_to_path=0&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550"></iframe><br />
<br />
<h4>
Related Links</h4>
<ul>
<li><a href="http://preziamb.tumblr.com/">Prezi Ambassadors /tumblr</a></li>
<li><a href="http://mprove.de/script/09/fischer/kapitel2.html">Slideware. Kommunikationsmedium zwischen Redner und Publikum</a> /by myself, 2009</li>
<li><a href="http://www.mprove.de/script/98/chi/index.html">Codex - Memex - Genex. Zooming keynote at CHI ’98</a></li>
</ul>
mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-85704617696532326232013-03-27T09:48:00.002+01:002013-03-27T09:48:49.403+01:00Creativity à la mprove<a href="http://www.mprove.de/script/13/creativityjam/index.html"><img align="left" border="1" src="http://farm9.staticflickr.com/8085/8524771187_c182c2ce34.jpg" /></a>Slides, photos, podcast, sketchnotes, a few tweets, and finally this blog entry… I guess this is socialmultimedia 2.0. But in the first place it was supposed to be just a ten minutes inspirational talk at the Creativity Jam Hamburg on 3-Mar-2013.<br />
I love to talk about stuff that I do not really understand. In this case: Creativity. And I went a little over time. Ironically, this resonates with my last slide. Anyway, here it is, the collected references for my talk <a href="http://www.mprove.de/script/13/creativityjam/index.html">Recipe for Creativity à la mprove</a>.<br />
<br />
enjoy<br />
Matthias<br />
<br />mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0tag:blogger.com,1999:blog-357136764650530126.post-34149651211082162532013-02-16T06:46:00.004+01:002013-02-16T06:47:37.172+01:00Redesigning Google 2011<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="http://player.vimeo.com/video/29965463?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="500"></iframe> <br />
<a href="http://vimeo.com/29965463">UX Week 2011 | Jon Wiley | Whoa, Google Has Designers!</a> from <a href="http://vimeo.com/adaptivepath">Adaptive Path</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
/<a href="https://plus.google.com/104146004061029154180/posts/K644VDcTLcv">via Teresa Märtl+</a>mprovehttp://www.blogger.com/profile/03656128393157108132noreply@blogger.com0