User Experience Sux… manchmal Hier bloggt: Björn Amherd, UX Afficionado & Prototyper. Derzeit bei Namics als UX Consultant tätig. var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-394607-2']); _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); })(); Tumblr (3.0; @uxsux)http://www.uxsux.com/<p>Bewegte Bildhintergründe auf <a href="http://www.ycoyacht.com/" target="_blank">der Startseite</a>.</p> <p><a href="http://www.ycoyacht.com/" target="_blank"><img src="http://media.tumblr.com/tumblr_lzopieG0vM1qbnpid.png"/></a></p>http://www.uxsux.com/post/17941266795http://www.uxsux.com/post/17941266795Mon, 20 Feb 2012 12:00:05 +0100designinspirationhintergrundbackgroundhintergrundbildbewegt<p>Jetzt hab auch ich per Zufall <a href="http://www.uxsux.com/post/9913533994/amazon-com-testet-tablet-freundliches-design" target="_blank">den neuen Amazon Look</a> entdeckt:</p> <p><strong>Neu:</strong></p> <p><img src="http://media.tumblr.com/tumblr_lzk5as6ezA1qbnpid.png"/></p> <p><strong>Alt:</strong></p> <p><img src="http://media.tumblr.com/tumblr_lzk5a9uApb1qbnpid.png"/></p>http://www.uxsux.com/post/17877507189http://www.uxsux.com/post/17877507189Sun, 19 Feb 2012 12:00:05 +0100amazonredesigntestingab-testrelaunchdesigntablet<p>Wieder ‘mal ein schönes Beispiel für eine Onepager Produkteseite:</p> <p><a href="http://www.beoplay.com/" target="_blank"><img src="http://media.tumblr.com/tumblr_lzj9oj2C4M1qbnpid.png"/></a></p> <p><a href="http://www.beoplay.com/" target="_blank"><img src="http://media.tumblr.com/tumblr_lzj9oqtlX71qbnpid.png"/></a></p>http://www.uxsux.com/post/17816357627http://www.uxsux.com/post/17816357627Sat, 18 Feb 2012 12:00:05 +0100onepagerdesigninspiratione-commerceproduktshopshoppingexperiencegood UX<p>Jetzt hab auch ich per Zufall <a href="http://www.uxsux.com/post/9913533994/amazon-com-testet-tablet-freundliches-design" target="_blank">den neuen Amazon Look</a> entdeckt:</p> <p><strong>Neu:</strong></p> <p><img src="http://media.tumblr.com/tumblr_lzk5as6ezA1qbnpid.png"/></p> <p><strong>Alt:</strong></p> <p><img src="http://media.tumblr.com/tumblr_lzk5a9uApb1qbnpid.png"/></p>http://www.uxsux.com/post/17784574102http://www.uxsux.com/post/17784574102Fri, 17 Feb 2012 23:05:34 +0100amazonredesigntestingab-testrelaunchdesigntablet<iframe width="400" height="225" src="http://www.youtube.com/embed/2DdEjaJHRyA?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/><p><a href="http://youtu.be/2DdEjaJHRyA" target="_blank">Google Maps - in der Mall of America</a>.</p>http://www.uxsux.com/post/17760900259http://www.uxsux.com/post/17760900259Fri, 17 Feb 2012 12:00:05 +0100googlemapsofflineshoppingmallwayfinding<!--[if IE]> <object width="545" height="349" id="viddlerOuter-5efae0c6" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="//www.viddler.com/player/5efae0c6/0/"> <param name="allowScriptAccess" value="always"> <param name="allowNetworking" value="all"> <param name="allowFullScreen" value="true"> <param name="flashVars" value="f=1&openURL=51717565&autoplay=f&disablebranding=f&view_secret=51717565"> <object id="viddlerInner-5efae0c6"> <video id="viddlerVideo-5efae0c6" src="//www.viddler.com/file/5efae0c6/html5mobile?openURL=51717565" type="video/mp4" width="545" height="307" poster="//www.viddler.com/thumbnail/5efae0c6/" controls="controls" x-webkit-airplay="allow"></video> </object> </object> <![endif]--> <!--[if !IE]> <!--> <p> <object data="//www.viddler.com/player/5efae0c6/0/" height="349" id="viddlerOuter-5efae0c6" type="application/x-shockwave-flash" width="545"> <param name="movie" value="//www.viddler.com/player/5efae0c6/0/"><param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"><param name="allowFullScreen" value="true"><param name="flashVars" value="f=1&openURL=51717565&autoplay=f&disablebranding=f&view_secret=51717565"><object id="viddlerInner-5efae0c6"> </object> </object> </p> <!--<![endif]-->http://www.uxsux.com/post/17706825153http://www.uxsux.com/post/17706825153Thu, 16 Feb 2012 12:00:05 +0100iPadGamesMattel<iframe src="http://player.vimeo.com/video/36244015" width="400" height="225" frameborder="0"></iframe><br/><br/><p><a href="https://vimeo.com/36244015" target="_blank">Prototyping Interfaces</a></p>http://www.uxsux.com/post/17652816750http://www.uxsux.com/post/17652816750Wed, 15 Feb 2012 12:00:06 +0100prototypingvvvvhardwarerobotererkennung<img src="http://29.media.tumblr.com/tumblr_lz6ocsxZPb1qbxke1o1_500.png"/><br/><br/><p><a href="http://www.good.is/post/hating-on-the-ladies-the-real-backlash-against-pinterest" target="_blank">People who use Pinterest</a></p>http://www.uxsux.com/post/17602899056http://www.uxsux.com/post/17602899056Tue, 14 Feb 2012 12:00:05 +0100funnysocial<a href="http://www.zurb.com/article/903/new-amazon-homepage-performs-significantl">New Amazon Homepage Performs Significantly Worse by ZURB</a>http://www.uxsux.com/post/17546977121http://www.uxsux.com/post/17546977121Mon, 13 Feb 2012 12:00:05 +0100amazonredesignab-testtestingusability<img src="http://30.media.tumblr.com/tumblr_lz4736UVkH1qbxke1o1_500.jpg"/><br/><br/><p><a href="http://37signals.com/svn/posts/3104-behind-the-scenes-reinventing-our-default-profile-pictures" target="_blank">37Signals zeigen</a>, wie sie vom öden 0815-Dummy zu individuellen und schönen Avataren gelangt sind.</p>http://www.uxsux.com/post/17481944191http://www.uxsux.com/post/17481944191Sun, 12 Feb 2012 12:00:06 +010037signalsavatarprofilprofilbilddefaultdesignicon<p><a href="http://www.woodst.com/blog/wood-street-journal/web-site-design/the-fold-is-a-lie-well-kind-of" target="_blank">Super Artikel</a>, welcher die zahlreichen Diskussionen rund um den Falz (engl. “fold”) tipptopp zusammenfasst: ‘<a href="http://www.woodst.com/blog/wood-street-journal/web-site-design/the-fold-is-a-lie-well-kind-of/" target="_blank">The fold is a lie… well kind of…</a>’</p> <ol><li>Die Bildschirmauflösungen haben sich enorm diversifiziert</li> <li>User scrollen</li> </ol><p><img src="http://media.tumblr.com/tumblr_lyyn48F2Wq1qbnpid.jpg"/></p>http://www.uxsux.com/post/17419857318http://www.uxsux.com/post/17419857318Sat, 11 Feb 2012 12:00:05 +0100foldfalzscrollenuxbildschirmgrössescolling<iframe width="400" height="225" src="http://www.youtube.com/embed/V2rVYvylvZc?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/><p><a href="http://youtu.be/V2rVYvylvZc" target="_blank">The Problem With QR Codes</a></p>http://www.uxsux.com/post/17367323410http://www.uxsux.com/post/17367323410Fri, 10 Feb 2012 12:00:06 +0100QRCodeScanMobileHandyWerbungbad UXfunny<blockquote class="twitter-tweet tw-align-center"> <p>I’m thinking of running a few @<a href="https://twitter.com/axurerp" target="_blank">axurerp</a> webinars (free), if there is interest.Sign up: <a href="https://t.co/Wb4gzkCh" title="https://docs.google.com/spreadsheet/viewform?formkey=dEhxT2JRdTJoNWdFY3ZpVUZXVzh2OWc6MQ" target="_blank">docs.google.com/spreadsheet/vi…</a></p> — James Christie (@JC_UX) <a href="https://twitter.com/JC_UX/status/164411647123927040" target="_blank">January 31, 2012</a></blockquote>http://www.uxsux.com/post/17314259290http://www.uxsux.com/post/17314259290Thu, 09 Feb 2012 12:00:05 +0100axurekursknowhowwissenschulung<iframe src="http://player.vimeo.com/video/36164926" width="400" height="300" frameborder="0"></iframe><br/><br/><p><a href="http://www.ideo.com/work/designing-the-ideal-home-for-wounded-warriors" target="_blank">Patriot Home for Wounded Warriors</a> (von <a href="http://www.ideo.com/work/designing-the-ideal-home-for-wounded-warriors" target="_blank">IDEO</a>)</p>http://www.uxsux.com/post/17259925356http://www.uxsux.com/post/17259925356Wed, 08 Feb 2012 12:00:05 +0100offlinearchitekturideouser-centereducd<img src="http://25.media.tumblr.com/tumblr_lypnx4XFxD1qbxke1o1_500.jpg"/><br/><br/><p>Wenn Konversion zum Rohrkrepierer wird… Hotels.com Newsletter.</p>http://www.uxsux.com/post/17205432726http://www.uxsux.com/post/17205432726Tue, 07 Feb 2012 12:00:05 +0100travelhotelkonversion<ol><li>Sinn und Zweck in den Vordergrund stellen</li> <li>Möglichst sinnvolle Nutzung bereits vorhandener Daten (z.B. auf Social Bookmarking Diensten), um dem Benutzer ein noch persönlicheres Erlebnis zu bieten</li> <li>Kontext berücksichtigen (wo und wann wird die App benutzt?)</li> <li>Nicht nur auf einen Benutzer und 1 Gerät beschränken</li> <li>Mit der Navigation nicht übertreiben und auf etablierte Standards setzen</li> <li>Die Homepage/Startseite nicht vergessen</li> <li>Keine seltsamen Pop-Overs</li> <li>Ladescreens nur in der benötigten Zeit und wenn möglich mit nützlichen Infos anzeigen</li> <li>Falls es sich anbietet, Gesten verwenden</li> <li>Klare Auszeichnung, welche Objekte klickbar sind</li> </ol><p>(Via <a href="http://uxdesign.smashingmagazine.com/2012/01/31/ten-things-think-about-designing-ipad-app/" target="_blank">Smashing Mag UX Design</a>)</p>http://www.uxsux.com/post/17149382592http://www.uxsux.com/post/17149382592Mon, 06 Feb 2012 12:00:05 +0100ipadappkreationkonzeptvorgehenliste<p><a href="http://www.preview.fourseasons.com/" target="_blank">Tolle Landingpage</a> mit Länder- und Städtewahl:</p> <p><img src="http://media.tumblr.com/tumblr_lyfbp2Q1rd1qbnpid.png"/></p> <p>Eine <a href="http://www.preview.fourseasons.com/scottsdale/" target="_blank">Hotel-Detailseite</a> präsentiert sich als einladender Onepager:</p> <p><img src="https://img.skitch.com/20120126-qpfngyx9h639hu3u8q5esgse4j.jpg" width="100%"/></p> <p>(via <a href="http://styleboost.com/links/1620" target="_blank">Styleboost</a>)</p>http://www.uxsux.com/post/17086162171http://www.uxsux.com/post/17086162171Sun, 05 Feb 2012 12:00:06 +0100designinspirationhotelonepagerone pageone page designwebdesigntravelreisen<img src="http://30.media.tumblr.com/tumblr_lyfbcwrpjW1qbxke1o1_500.jpg"/><br/><br/><p><strong>Moleskinneur Personas</strong></p>http://www.uxsux.com/post/17024825425http://www.uxsux.com/post/17024825425Sat, 04 Feb 2012 12:00:06 +0100personasfunnymoleskine“One after another, the designer created and tested an endless series of arrows, colors, and tapes for a tiny tab designed to show the consumer where to pull back the invisible, full-bleed sticker adhered to the top of the clear iPod box. Getting it just right was this particular desinger’s obsession. What’s more, it wasn’t just about one box. The tabs were placed so that when Apple’s factory packed multiple boxes for shipping to retail stores, there was a natural negative space between the boxes that protected and preserved the tab.”<br/><br/> - <em>Apple Has an Unboxing Room to Test Hundreds of Variants of their Product Packaging…</em>http://www.uxsux.com/post/16970392666http://www.uxsux.com/post/16970392666Fri, 03 Feb 2012 12:00:06 +0100applepackagingdesignproduct design<iframe width="400" height="300" src="http://www.youtube.com/embed/s4EHfPcB7sQ?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/><p>Eyetracking für Fernsehzuschauer</p>http://www.uxsux.com/post/16915770435http://www.uxsux.com/post/16915770435Thu, 02 Feb 2012 12:00:05 +0100eyetrackingfernsehenfussballsporttelevisiontvgood UX