{"id":460,"date":"2008-08-07T21:14:17","date_gmt":"2008-08-07T20:14:17","guid":{"rendered":"http:\/\/www.thetawelle.de\/?p=460"},"modified":"2015-06-05T10:32:50","modified_gmt":"2015-06-05T09:32:50","slug":"absturzende-telefonzellen-und-andere-usability-stilbluten","status":"publish","type":"post","link":"https:\/\/www.thetawelle.de\/?p=460","title":{"rendered":"Abst\u00fcrzende Telefonzellen und andere Usability-Stilbl\u00fcten"},"content":{"rendered":"<p>Folgender Schappschuss einer abgest\u00fcrzten Telefons\u00e4ule im englischen Garten am chinesischen Turm ist mir gestern gelungen. Selten war so deutlich, dass hinter fast jedem elektronischen Ger\u00e4t ein Rechner steckt. Man beachte den um 90 Grad gedrehten Monitor.<\/p>\n<p><center><img src='\/wp-upload\/phone_crash.jpg' alt='phone_crash.jpg' class=\"aligncenter\" \/><\/center><\/p>\n<p>Seit ca. 3 Monten lebe ich in M\u00fcnchen, einer Stadt, die sich vieler wunderbarer Eigenschaften r\u00fchmt. Wenn man wen fragt h\u00f6rt man immer das Gleiche: &#8222;hohe Lebensqualit\u00e4t&#8220;, &#8222;gutes Wetter&#8220;, &#8222;fast wie in Italien&#8220;. Gerne m\u00f6chte M\u00fcnchen auch immer wieder eine <strong>Weltstadt<\/strong> sein. Mit dem Verkaufsprozess f\u00fcr die Verkehrsmittel des \u00f6ffentlichen Personennahverkehrs wird das ganz sicher <u>nicht<\/u> gelingen (in die Liga der Weltst\u00e4dte aufsteigen).<\/p>\n<p>Der <strong>M\u00fcnchener \u00d6PNV<\/strong> weist Eigenheiten auf, bei denen man sich nicht mehr nur am Kopf kratzt, sondern im Zweifelsfall bei der <strong>Hotline der MVG (<a href=\"http:\/\/www.mvg-mobil.de\/\">M\u00fcnchener Verkehrsgesellschaft<\/a>)<\/strong> landet, obwohl man sich auf der <strong>Homepage des MVV (<a href=\"http:\/\/www.mvv-muenchen.de\/\">M\u00fcnchener Verkehrsverbund<\/a>)<\/strong> befindet. Das ist ungef\u00e4hr so wie T-Com und Telekom oder T-Mobil und T-Net, hat also rein gar nichts miteinander zu tun.<\/p>\n<p>Interessant ist doch immer wieder, wie Maschinen bestimmen, was in unserem Leben passiert. Schon in Bremen an der Uni habe ich mich jedes Mal wieder ge\u00e4rgert, wenn die <strong>elektronischen Mensakarten<\/strong>, von \u00fcber 10.000 Menschen alle am gleichen Datum ung\u00fcltig (verl\u00e4ngerungsbed\u00fcrftig) wurden, und alle diese 10.000 Menschen sich bei EINEM (ausgeschrieben &#8222;1&#8220;) Infokiosk anstellen m\u00fcssen um eine Verl\u00e4ngerung zu bekommen. So ist das in M\u00fcnchen mit den Monatskarten des Verkehrsverbundes auch, man muss nicht zum Kiosk, sondern zum Automaten. Das Schlangenph\u00e4nomen am Monatsanfang ist hier so wundersch\u00f6n zu beobachten wie in Bremen, besonders ausgepr\u00e4gt, wenn einer der wenigen Automaten dann auch noch zuf\u00e4llig gerade kaputt ist.<br \/>\n<center><\/p>\n<table border=\"0\">\n<tr>\n<th colspan=\"3\">Welche Monatskarte darf es sein?<\/th>\n<\/tr>\n<tr>\n<td><img src='\/wp-upload\/isarcardabo_neu.jpg' alt='isarcardabo_neu.jpg' \/><\/td>\n<td><img src='\/wp-upload\/isarcard9uhr_neu.jpg' alt='isarcard9uhr_neu.jpg' \/><\/td>\n<td><img src='\/wp-upload\/isarcard60_neu.jpg' alt='isarcard60_neu.jpg' \/><\/td>\n<\/tr>\n<\/table>\n<p><\/center><\/p>\n<p>Interessant ist jedoch erst die Bedienung des Automaten, um eine Monatskarte zu bekommen. Hier wird es kompliziert. Die Weltstadt zeigt sich von einer eher ungl\u00fccklichen Seite. F\u00fcr eine Karte des \u00d6PNV gibt es keine Touristen-Flatrate oder eine Jobber-Flatrate oder \u00c4hnliches. Erstmal ist wichtig zu wissen, dass der \u00d6PNV in M\u00fcnchen Ringe hat und man muss erst einmal Wissen erlangen \u00fcber Struktur und Ausdehnung dieser Ringe. Und dieses Wissen wird vom Besucher oder Gast zun\u00e4chst einmal abgefragt wie folgt:<\/p>\n<p><center><img src='\/wp-upload\/automaten_wahnsinn_mvg_mvv1.jpg' alt='automaten_wahnsinn_mvg_mvv.jpg' class=\"aligncenter\" \/><\/center><\/p>\n<p>Der Erste Automat siehe (obere Bildh\u00e4lfte) erfragt den &#8222;von Ring&#8220; und den &#8222;bis Ring&#8220;. Wer hier naiv auf die Taste &#8222;1&#8220; tippt hat schon verloren und muss zur\u00fcck auf &#8222;Los&#8220; und erstmal den Knopf f\u00fcr die Monatskarte wieder finden. Denn richtig einstelligen Ringzahlen muss die Ziffer &#8222;0&#8220; vorangestellt werden, also &#8222;0&#8220; und dann &#8222;1&#8220; ist zu tippen. Gelingt dies wird der verdutzte Besucher feststellen, dass eine EC-Karte an den MVV\/MVG-Automaten am Hauptbahnhof nicht funktioniert, nur Bares ist Wahres oder eine Geldkarte&#8230; doch halt, was klebt denn da an dem Automaten der Deutschen Bahn AG? Ein MVV-Aufkleber klebt dort. Also dort hin, um bargeldlos zahlen zu k\u00f6nnen&#8230; Der Bildschirm sieht nur auf den ersten Blick \u00e4hnlich aus zu dem Automaten des MVV\/MVG. Man tippt hier die Ziffer des &#8222;von Ring&#8220; einfach an. Hat man das getan, passiert scheinbar nichts au\u00dfer dass die Box mit der Ringziffer gelb gef\u00e4rbt wird. Erst nach langem gucken bemerkt man, dass oben ganz heimlich still und leise die Anzeige von &#8222;von Ring&#8220; auf &#8222;bis Ring&#8220; umgesprungen ist. Weitere 10 Sekunden sp\u00e4ter wird dies ganz offensichtlich, denn der Schriftzug beginnt rot zu blinken.<\/p>\n<p>Kurz und gut: Der erste Automat zwingt in Maschinensprache zu denken &#8222;01&#8220; und kann keine g\u00e4ngigen Zahlungsmittel ausser Bargeld\/Geldkarte. Der zweite Automat hat wieder eine v\u00f6llig andere Bedienung f\u00fcr exakt den gleichen Vorgang &#8211; der Kunde muss also gleich wieder neu lernen. Aber immerhin, der beherrscht bargeldlose Zahlungsmittel.<\/p>\n<p><a href='\/wp-upload\/kontrollnummer_mvv_mvg.jpg' title='kontrollnummer_mvv_mvg.jpg'><img src='\/wp-upload\/kontrollnummer_mvv_mvg.thumbnail.jpg' alt='kontrollnummer_mvv_mvg.jpg' class=\"alignright\" \/><\/a>Die dritte Automatenvariante sei nur der Vollst\u00e4ndigkeit halber erw\u00e4hnt. Dort wird der Kaufprozess noch durch eine weitere sinnlose Station erweitert (Eingabe einer Kontrollnummer, die sicher jeder Besucher\/Gast kennt), deren Darstellung nachfolgend von einem Kollegen mit seinem iPhone dokumentiert wurde (Danke Chris!). Es leben die Maschinen!<\/p>\n<p><strong>Update 9.8.2008<\/strong><br \/>\nEs nicht so, dass ich der einzige bin, dem das auff\u00e4llt, soviel ist klar. Andere widmen diesen \u00c4rgernissen ganze Artikelserien, wie z.B. im Spiegel in dem Artikel <a href=\"http:\/\/www.spiegel.de\/netzwelt\/tech\/0,1518,554687,00.html\">&#8222;TECHNIK\u00c4RGERNIS STEMPELAUTOMAT &#8211; Gefangen in der Entwerterfalle&#8220;<\/a>, in dem man lernt, dass es au\u00dfer Ringen auch Waben und Zonen gibt. Oder aber <a href=\"http:\/\/www.spiegel.de\/netzwelt\/tech\/0,1518,560073,00.html\">&#8222;TECHNIK\u00c4RGERNIS MAGNETSTREIFEN &#8211; Das Einsteckr\u00e4tsel EC-Karte&#8220;<\/a> bei dem ein ebenso sch\u00f6nes wie r\u00e4tselhaftes Problem beschrieben wird, dass mir jedes Mal an der Tankstelle begegnet. Nein, ich bin da nicht allein!<\/p>\n<p><strong>Ronald Hartwig<\/strong> sammelt in seinem <strong>Blog<\/strong> allerhand weitere <a href=\"http:\/\/benutzerfreundlichkeit-usability.blogspot.com\/search\/label\/automaten\">Automaten-Kuriosit\u00e4ten<\/a> dazu. Um sich das ganze Bild machen zu k\u00f6nnen, f\u00fcge ich hier nochmal ein Bild eines vollst\u00e4ndigen MVV\/MVG-Automaten ein. Ein Kuriosit\u00e4tenkabinett an Kn\u00f6pfen, Klappen, Texten und Einsteckschlitzen mit vielen bunten Farben.<\/p>\n<p><center><a href='\/wp-upload\/automat_mvv_mvg_complete.jpg' title='automat_mvv_mvg_complete.jpg'><img src='\/wp-upload\/automat_mvv_mvg_complete_small.jpg' alt='automat_mvv_mvg_complete_small.jpg' class=\"aligncenter\" \/><\/a><br \/>\n<small>Anklicken f\u00fcr volle Gr\u00f6\u00dfe<\/small><\/center><\/p>\n<p>Eine besonders sch\u00f6ne <a href=\"http:\/\/www.bahnbilder.de\/name\/galerie\/kategorie\/Deutschland~Sonstiges~Fahrkartenautomaten.html\">Sammlung an Modellen von Automaten<\/a> gibt es \u00fcbrigens auf den Seiten von <a href=\"http:\/\/www.bahnbilder.de\">Bahnbilder.de<\/a>. Wer sich mal wieder allzusehr ge\u00e4rgert hat, f\u00fcr den h\u00e4lt ein Gesundheitsmagazin aus Wien\/\u00d6sterreich Tipps parat: <a href=\"http:\/\/wien.orf.at\/magazin\/magazin\/gesundheit\/stories\/281593\/\"><strong>\u00c4rger als Energiequelle nutzen<\/strong><\/a>.<\/p>\n<p>Zitat:<\/p>\n<blockquote><p>\u00c4rger geh\u00f6rt zum Menschsein dazu, jeden Tag. Wir \u00e4rgern uns \u00fcber den \u00c4rger, weil er uns den letzten Nerv zu rauben scheint. Doch er setzt auch Kr\u00e4fte frei. Wie Sie diese Energie nutzen k\u00f6nnen, wei\u00df ORF-Wien-Psychologin Julia Umek.<\/p><\/blockquote>\n<p><strong>Update 10.9.2008<\/strong><br \/>\nHier nun kommen meine Verbesserungsvorschl\u00e4ge f\u00fcr den Automaten der DB AG. Erstmal wird die Anzahl der Ringe auf eine Zahl reduziert, die maximal eine Ziffer umfasst (als max. 1-9) ich schlage 5 vor. Dann werden auf dem Display bereits markante Stadtpunkte eingetragen (Centralstation, City, East Centralstation, Airport). Und dann kann man einfach tippen (egal welche Reihenfolge) von bis ergibt sich daraus wo ich tippe. Hier die Screens dazu:<\/p>\n<p><center><img src='\/wp-upload\/ringsmvv_mvg_improved_1.jpg' alt='ringsmvv_mvg_improved_1.jpg' \/><br \/>\n<img src='\/wp-upload\/ringsmvv_mvg_improved_2.jpg' alt='ringsmvv_mvg_improved_2.jpg' \/><br \/>\n<img src='\/wp-upload\/ringsmvv_mvg_improved_3.jpg' alt='ringsmvv_mvg_improved_3.jpg' \/><\/center><\/p>\n<p>Erg\u00e4nzend w\u00fcrde ich ein <strong>Stationsleitsystem<\/strong> einf\u00fchren, dass einem in JEDER U-Bahnstation anzeigt, WIEVIELE Stationen ich von &#8222;Centralstation&#8220; entfernt bin (also die Stationsdistanz zu Central) und in welchem Ring ich mich befinde. So wei\u00df man jederzeit, ob man den G\u00fcltigkeitsbereich seines Tickets verl\u00e4sst wenn man in die eine Richtung f\u00e4hrt oder innerhalb bleibt.<br \/>\nKommentare sind erw\u00fcnscht. :-)<\/p>\n<p><strong>Update 11.8.2008<\/strong><br \/>\nHier noch ein radikalerer Wunschentwurf von mir. So k\u00f6nnte es klappen mit dem \u00d6PNV in Deutschland. :-D<\/p>\n<p><center><img src='\/wp-upload\/ringsmvv_mvg_radikal.jpg' alt='ringsmvv_mvg_radikal.jpg' \/><\/center><\/p>\n<p>Ha, und damit nicht genug: Hier kommt die <strong>ultimative Verdeutlichung<\/strong> dessen, was ich meine (gefunden im <a href=\"http:\/\/edufuture.de\/2008\/03\/20\/simplicity-at-its-best\/\">eduFuture-blog<\/a>, DANKE f\u00fcr diesen Perlenfund!):<\/p>\n<p><center><img src='\/wp-upload\/simplicity.png' alt='simplicity.png' \/><\/center><br \/>\n<small>Quelle: <a href=\"http:\/\/stuffthathappens.com\/blog\/2008\/03\/05\/simplicity\/\">Simplicity<\/a><\/small><\/p>\n<p><strong>Udate 2.10.2009<\/strong><br \/>\nAuch die <strong>Sueddeutsche<\/strong> hat so ihre Probleme mit den MVV Automaten festgestellt. Als <a href=\"http:\/\/www.sueddeutsche.de\/computer\/563\/417329\/bilder\/?img=0.0\">Technik-T\u00fccke<\/a> wird das Automatenwunder des MVV dort bezeichnet. Tja, trifft denn Nagel auf den Kopf w\u00fcrd&#8216; ich sagen.<\/p>\n<p><strong>Update 9.10.2009<\/strong><br \/>\nHeute ist es Zeit f\u00fcr einen ganz besonderen Leckerbissen der Usability von Alltagsgegenst\u00e4nden: Der Lichtschalter. Nun, man sollte meinen der perfekte Lichtschalter sei bereits einmal erfunden worden. Aus meiner Sicht ist er rund, und man muss ihn drehen, um das Licht einzuschalten. Er sieht ungef\u00e4hr aus wie folgt:<br \/>\n<center><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/drehschalter.jpg\" alt=\"drehschalter\" title=\"drehschalter\" width=\"423\" height=\"379\" class=\"aligncenter size-full wp-image-1312\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/drehschalter.jpg 423w, https:\/\/www.thetawelle.de\/wp-upload\/drehschalter-300x268.jpg 300w\" sizes=\"auto, (max-width: 423px) 85vw, 423px\" \/><\/center><\/p>\n<p>Warum halte ich diesen Lichtschalter f\u00fcr fast perfekt? Ganz einfach, man kann ihn nicht aus versehen schalten. Es ist v\u00f6llig klar, dass wenn man ihn dreht, dass dann der Zustand sich \u00e4ndert. war er vorher an, ist er nach der Drehung aus. Man h\u00f6rt dass man schaltet und es klickt auch richtig. Man muss einen Widerstand \u00fcberwinden beim schalten. Absolut perfekt w\u00e4re er, wenn er dem Nutzer offenbaren w\u00fcrde, ob er gerade auf AN oder auf AUS steht. Zum Beispiel mit einer kleinen Leuchte\/LED. Das ist dann der sogenannte <a href=\"http:\/\/hochstrass.kimiei.de\/pages\/elektromuseum.php\">Aufputzdrehschalter mit Kontrolleuchte<\/a>, zu finden derzeit nur noch im Elektromuseum.<\/p>\n<p>Doch jetzt m\u00f6chte ich ein Produkt vorstellen, dem man die <strong>Jahrhunderte der Evolution<\/strong> tats\u00e4chlich ansieht. Der Mensch strebt nach absoluter Perfektion und hier kann man sie in vollster Sch\u00f6nheit betrachten. Ach so, dieser nachfolgende Lichtschalter ist \u00fcbrigens in meinem B\u00fcro verbaut worden.<\/p>\n<p><center><a href=\"\/wp-upload\/lichtschalter_usability.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-upload\/lichtschalter_usability_min.jpg\" alt=\"lichtschalter_usability_min\" title=\"lichtschalter_usability_min\" width=\"450\" height=\"329\" class=\"aligncenter size-full wp-image-1313\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/lichtschalter_usability_min.jpg 450w, https:\/\/www.thetawelle.de\/wp-upload\/lichtschalter_usability_min-300x219.jpg 300w\" sizes=\"auto, (max-width: 450px) 85vw, 450px\" \/><\/a><br \/>\n<small>Bild anklicken f\u00fcr gro\u00dfe Abbildung<\/small><\/center><\/p>\n<p>Diese Lichtschalter ist das ultimative Ergebnis deutscher Ingenieurskunst. Ich bin einfach begeistert ob der Leistungen die hier zu diesem exzellenten Ausdruck des Strebens nach Perfektion erzielt wurden. ;-)<br \/>\nNein, was man hier sieht ist in der Praxis tats\u00e4chlich die absolute Katastrophe in Sachen Usability, und derzeit definitiv <strong>der H\u00f6hepunkt meiner Beobachtungen zu Usability-Fails im Alltag<\/strong>. Wer bietet mehr?<\/p>\n<p><strong>Update 10.10.2009<\/strong><br \/>\nNette Umsetzung eines Human Interface:<br \/>\n<center><object width=\"400\" height=\"300\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"movie\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4697849&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1\" \/><embed src=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4697849&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1\" type=\"application\/x-shockwave-flash\" allowfullscreen=\"true\" allowscriptaccess=\"always\" width=\"400\" height=\"300\"><\/embed><\/object><\/p>\n<p><a href=\"http:\/\/vimeo.com\/4697849\">Hi<\/a> from <a href=\"http:\/\/vimeo.com\/multitouchbcn\">Multitouch Barcelona<\/a> on <a href=\"http:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p>\n<small>Quelle: <a href=\"http:\/\/palomar5.org\/\">palomar5<\/a> &#8222;<a href=\"http:\/\/joydesign.coletree.com\/2009\/05\/326\">Inspirations<\/a>&#8222;<\/small><\/center><\/p>\n<h3>Fahrkartenautomaten im Vergleich<\/h3>\n<p><strong>Update 5. Juni 2015:<\/strong> Hier ein sch\u00f6ner Vergleich von Prinzipien den ich <a href=\"https:\/\/twitter.com\/Negation2010\/status\/604171988135997440\">per twitter<\/a> gefunden habe.<\/p>\n<p><center><img loading=\"lazy\" decoding=\"async\" data-id=\"4925\"  src=\"\/wp-upload\/automaten_wahnsinn_compared.png\" alt=\"automaten_wahnsinn_compared\" width=\"550\" height=\"357\" class=\"aligncenter size-full wp-image-4925\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/automaten_wahnsinn_compared.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/automaten_wahnsinn_compared-300x195.png 300w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/center><\/p>\n<p><small><strong>Why do I blog this?<\/strong> Bin ich eigentlich der Einzige, der trotz eines Universit\u00e4tsabschlusses im Fach Wirtschaftsinformatik einen Automaten der MVV\/MVG nur mit gro\u00dfer M\u00fche bedienen kann? Das frage ich mich jedes Mal wieder, wenn ich vor einem von den Dingern in drei Varianten stehe. Ich w\u00fcrde mir so sehr w\u00fcnschen, dass diese Tickets \u00fcber das Internet gekauft werden k\u00f6nnen. Keine Schlangen am Automaten, keine Automaten mehr und vermutlich ein weitaus besseres Userinterface. Ich wei\u00df, dass sind h\u00f6chst fromme W\u00fcnsche an einen Weltstadtanw\u00e4rter.<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Folgender Schappschuss einer abgest\u00fcrzten Telefons\u00e4ule im englischen Garten am chinesischen Turm ist mir gestern gelungen. Selten war so deutlich, dass hinter fast jedem elektronischen Ger\u00e4t ein Rechner steckt. Man beachte den um 90 Grad gedrehten Monitor. Seit ca. 3 Monten lebe ich in M\u00fcnchen, einer Stadt, die sich vieler wunderbarer Eigenschaften r\u00fchmt. Wenn man wen &hellip; <a href=\"https:\/\/www.thetawelle.de\/?p=460\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eAbst\u00fcrzende Telefonzellen und andere Usability-Stilbl\u00fcten\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,18,29,5],"tags":[],"class_list":["post-460","post","type-post","status-publish","format-standard","hentry","category-advocatus-diaboli","category-bremen","category-munchen","category-usability"],"_links":{"self":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=460"}],"version-history":[{"count":0,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/460\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=460"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=460"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}