Howie enjoys designing interfaces, products and services that are attractive, thoughtful, and enjoyable to use. This is his tumblog, his collection of hypertext fragments.Tumblr (3.0; @howiechang)http://howiechang.com/<a href="http://blog.coletownsend.com/post/42540618472/username-quandary">The Username Quandary</a>: <p><a class="tumblr_blog" href="http://blog.coletownsend.com/post/42540618472/username-quandary">coletownsend</a>:</p> <blockquote> <p>We are a generation of usernames and avatars. Online, our identity is formed by our Facebook and Twitter accounts, which grant us access to a variety of sites. Our real name is hidden behind a clever handle, and alluded to by our profile photo. I find that I recognize those that I am familiar with…</p> </blockquote>http://howiechang.com/post/44135236428http://howiechang.com/post/44135236428Wed, 27 Feb 2013 19:46:36 +0800<iframe src="http://player.vimeo.com/video/55599700?byline=0&portrait=0&color=d4d4d4" width="400" height="300" frameborder="0"></iframe><br/><br/><p><a class="tumblr_blog" href="http://www.mflikes.com/post/43719762107/website-google-and-berg-design-the-future-user"><span>[website] Google and BERG design the future user interface.</span></a></p>http://howiechang.com/post/44124951849http://howiechang.com/post/44124951849Wed, 27 Feb 2013 13:57:53 +0800<img src="http://25.media.tumblr.com/5b29fedd8a2b8dbf7aabbd3d9a05ca4b/tumblr_merhskDSsg1rmgznao1_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://studyteam.tumblr.com/post/37548298524/ux-archive-awesome-site-with-a-library-of-user">studyteam</a>:</p> <blockquote> <p>UX Archive: awesome site with a library of user flows for different use cases </p> </blockquote>http://howiechang.com/post/37707399024http://howiechang.com/post/37707399024Tue, 11 Dec 2012 19:00:00 +0800uiux<img src="http://25.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o1_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o4_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o5_400.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o6_400.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o7_400.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mc09zsXgb01ro74x3o8_400.jpg"/><br/> <br/><p>via <a class="tumblr_blog" href="http://showslow.tumblr.com/post/33730354301/3d-works-by-yuki-matsueda">showslow</a>:</p> <p>3d works by <a href="http://www.yuki-matsueda.com/">Yuki Matsueda</a>.</p>http://howiechang.com/post/33761217459http://howiechang.com/post/33761217459Wed, 17 Oct 2012 14:14:25 +08003d visualcommunication design3d design<p>via <a class="tumblr_blog" href="http://asteriskcontent.com/post/33714763265/brand-driven-design">asteriskcontent</a>:</p> <p>Great SlideShare from Mike Atherton  from his Euro IA 2012 presentation.</p> <p><a href="http://www.slideshare.net/reduxd/branddriven-design">Brand-Driven Design</a></p>http://howiechang.com/post/33760924391http://howiechang.com/post/33760924391Wed, 17 Oct 2012 14:04:00 +0800brandingdesignbrand-driven<img src="http://25.media.tumblr.com/tumblr_mbemyvypPX1qbznoeo1_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://ianjspector.com/post/32924791781/flutter-brings-hand-gestures-to-your-mac-or-pc">ianspector</a>:</p> <p><a href="http://hee.ro/T7WMsA">Flutter</a> brings hand gestures to your Mac or PC using its built-in webcam … for free. Works now w/ media apps, can’t wait to see deeper integration.</p>http://howiechang.com/post/33133899642http://howiechang.com/post/33133899642Mon, 08 Oct 2012 10:29:59 +0800hand gestures<img src="http://25.media.tumblr.com/tumblr_mbgli8lIaO1rgpvbto1_500.jpg"/><br/><br/><p>via <a class="tumblr_blog" href="http://mattwatkinson.tumblr.com/post/33078433799/great-customer-experiences-make-choices-easy-too">mattwatkinson</a>:</p> <p>Great customer experiences make choices easy. Too much choice is as bad as too little - an abundance of options increases stress as customers worry about making a bad decision, a phenomenon known as “the paradox of choice”. It also increases the effort required to make the decision. At JD sports in Westfield, this touchscreen allows you to explore the range of Nike trainers and find the best one for you by presenting a few options at a time (progressive disclosure). The interface is attractively designed and it is straight-forward to use.</p>http://howiechang.com/post/33132850193http://howiechang.com/post/33132850193Mon, 08 Oct 2012 10:15:38 +0800niketouch interface<img src="http://25.media.tumblr.com/tumblr_ma9n7qbw9m1qm3r26o1_500.jpg"/><br/><br/><p>via <a class="tumblr_blog" href="http://visualgraphic.tumblr.com/post/32101711403/pixel-boom">visualgraphic</a>:</p> <p><a href="http://www.flickr.com/photos/bortwein/7842560036/sizes/m/in/pool-46198829@N00/">Pixel Boom</a></p>http://howiechang.com/post/32250957800http://howiechang.com/post/32250957800Tue, 25 Sep 2012 13:48:58 +0800Illustrationpixel artvisual graphics<img src="http://24.media.tumblr.com/tumblr_mau49cRjSi1r4whgbo1_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mau49cRjSi1r4whgbo2_500.jpg"/><br/> <br/><p>via <a class="tumblr_blog" href="http://rcruzniemiec.tumblr.com/post/32178094976/russian-roulette-is-a-potentially-lethal-game-of">rcruzniemiec</a>:</p> <p><span>Russian Roulette is a potentially lethal game of chance in which a player places a single round in a revolver, spins the cylinder, places the muzzle against his or her head, and pulls the trigger. The </span><strong><a href="http://amzn.to/NqCh2u">Water Balloon Russian Roulette</a></strong><span> is harmless, but you have a good chance of getting wet! An ideal party game for any occasion, it will create laughter all over the room. If you want to get things really messy, fill the balloon with whipped cream or chocolate sauce!</span></p>http://howiechang.com/post/32250669009http://howiechang.com/post/32250669009Tue, 25 Sep 2012 13:39:57 +0800creativeplaywater balloon russian roulette<iframe src="http://player.vimeo.com/video/49425556" width="400" height="225" frameborder="0"></iframe><br/><br/><p>No Place Like Home shoes by Dominic Wilcox<br/> Technology developed by Becky Stewart<br/> Leather shoes made by Stamp Shoes, Northampton<br/> Film by Liam Saint-Pierre</p>http://howiechang.com/post/32249880600http://howiechang.com/post/32249880600Tue, 25 Sep 2012 13:17:27 +0800designno place like homedominic wilcoxtechnologyfilm<iframe src="http://player.vimeo.com/video/50071857?title=0&byline=0&portrait=0" width="400" height="250" frameborder="0"></iframe><br/><br/><p>via <a class="tumblr_blog" href="http://source.davidbanthony.com/post/32212843874/the-new-myspace-solid-video-which-also-makes-the">digitalbyprocess</a>:</p> <p>The New MySpace. Solid video which also makes the interaction look great.</p>http://howiechang.com/post/32248818373http://howiechang.com/post/32248818373Tue, 25 Sep 2012 12:50:54 +0800myspaceredesignweb design<iframe width="400" height="225" src="http://www.youtube.com/embed/PWkk9sr_GOs?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><span>This came a little late but farewell Bill. You have been a tremendous inspiration to me as a designer.</span></p>http://howiechang.com/post/31454837241http://howiechang.com/post/31454837241Thu, 13 Sep 2012 17:51:49 +0800bill moggridgeinteraction designuxdesign<img src="http://25.media.tumblr.com/tumblr_m9uc4u9iY21qe9xbio1_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://uxrave.com/post/30883303989/a-sexy-useful-interactive-ux-flow-deliverable-by">uxrave</a>:</p> <p>A sexy, useful interactive <a href="http://wireframes.linowski.ca/wp-content/themes/darwin/images/full232.jpg">UX flow</a> deliverable by <a href="https://twitter.com/fireupman" target="_self">@fireupman</a></p> <p>Also see the Linowski Wireframes <a href="http://wireframes.linowski.ca/2012/09/large-canvas-flows-with-references/">blog post</a> about it.</p>http://howiechang.com/post/30998821214http://howiechang.com/post/30998821214Fri, 07 Sep 2012 00:15:50 +0800uxuiwireframeapp designux flow<a href="http://www.uxbooth.com/blog/lessons-learned-designing-a-windows-8-app/">Lessons Learned Designing a Windows 8 App</a>: <p>via <a class="tumblr_blog" href="http://youareinvisiblenow.tumblr.com/post/30978852288/lessons-learned-designing-a-windows-8-app">youareinvisiblenow</a>:</p> <p>Fascinated by this article. Valentina and Christina describe very well the design process end the ux of windows app. I hope to start soon to design using metro UI. Will be new challenges to create better experiences on windows mobile devices.</p>http://howiechang.com/post/30998718278http://howiechang.com/post/30998718278Fri, 07 Sep 2012 00:13:05 +0800Metro UIwindows 8designuiuxbooth<img src="http://24.media.tumblr.com/tumblr_m9rgih5xME1r5vojso1_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_m9rgih5xME1r5vojso2_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m9rgih5xME1r5vojso4_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_m9rgih5xME1r5vojso3_500.jpg"/><br/> <br/><p>via <a class="tumblr_blog" href="http://thedsgnblog.tumblr.com/post/30784542205/ptarmak-http-ptarmak-com-ptarmak-is-an">thedsgnblog</a>:</p> <p><strong>PTARMAK</strong>   |  <a href="http://ptarmak.com"><a href="http://ptarmak.com">http://ptarmak.com</a></a></p> <p>Ptarmak is an Austin-based designery that collaborates intensively with a handful of clients each year. We’re a collection of behavioral analysts & cultural contributors. We craft brands, design packaging, move graphics and make things—with all our heads, hands and hearts.</p>http://howiechang.com/post/30791903476http://howiechang.com/post/30791903476Mon, 03 Sep 2012 18:47:07 +0800ptarmakpackage designvisual designcommunication design<img src="http://24.media.tumblr.com/tumblr_m9r1v04c9D1qe31lco1_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m9r1v04c9D1qe31lco2_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m9r1v04c9D1qe31lco3_500.jpg"/><br/> <br/><p>via <a class="tumblr_blog" href="http://alecshao.tumblr.com/post/30766063102/nam-june-paik-electronic-superhighway-1995">alecshao</a>:</p> <p><a href="http://www.paikstudios.com/index.html">Nam June Paik</a> - <em>Electronic Superhighway</em> (1995)</p>http://howiechang.com/post/30791803296http://howiechang.com/post/30791803296Mon, 03 Sep 2012 18:43:01 +0800digital artinstallation<iframe width="400" height="262" src="http://www.youtube.com/embed/EcRSKEIucjk?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>via <a class="tumblr_blog" href="http://gregmelander.com/post/30741205311/interactive-plants-botanicus-interacticus-is-a">gregmelander</a>:</p> <p><span>Botanicus Interacticus is a technology for designing highly expressive interactive plants, both living and artificial.</span></p>http://howiechang.com/post/30791707979http://howiechang.com/post/30791707979Mon, 03 Sep 2012 18:39:01 +0800interactive plants<iframe width="400" height="225" src="http://www.youtube.com/embed/jWqqtybjzXE?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>My only comment is, if only, the person could…type? Lolx.</p>http://howiechang.com/post/30442589103http://howiechang.com/post/30442589103Wed, 29 Aug 2012 15:20:06 +0800itypewriteripadinteraction design<iframe width="400" height="300" src="http://www.youtube.com/embed/0dS5L7zHv74?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>Download the new <a href="http://itunes.apple.com/us/app/ikea-catalog/id386592716?mt=8">IKEA catalogue app</a> and scan select pages to unlock even more inspiration!</p>http://howiechang.com/post/29539374754http://howiechang.com/post/29539374754Thu, 16 Aug 2012 14:59:50 +0800uxikeamagazine<img src="http://25.media.tumblr.com/tumblr_m7rr5rufMG1rwi3jbo1_500.jpg"/><br/><br/><p>via <a class="tumblr_blog" href="http://inspiration-zen.tumblr.com/post/28091698951/interface-design-a-dual-sided-touchscreen-for">inspiration-zen</a>:</p> <p><strong>Interface Design: A Dual-Sided Touchscreen for Smartphones</strong><br/>(via: <a href="http://www.core77.com/blog/"><a href="http://www.core77.com/blog/">http://www.core77.com/blog/</a></a>)</p>http://howiechang.com/post/28316253383http://howiechang.com/post/28316253383Mon, 30 Jul 2012 12:44:51 +0800interface designuitouch screensmartphone