Howie is passionate in 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/<img src="http://24.media.tumblr.com/tumblr_m4dnw6nckk1qd0edbo1_500.jpg"/><br/><br/><p>via <a class="tumblr_blog" href="http://gregmelander.com/post/23480917581/slide-up-a-nice-slide-up-keypad-gui-by-leigh">gregmelander</a>:</p> <blockquote> <p>A nice slide up keypad GUI by <a href="http://dribbble.com/shots/539052-Slide-up-to-unlock?list=tags&tag=mobile">Leigh Hibell</a>. via David Gardner</p> </blockquote>http://howiechang.com/post/23536398626http://howiechang.com/post/23536398626Tue, 22 May 2012 17:04:01 +0800uiuser interfacevisual designinteraction design<iframe src="http://player.vimeo.com/video/19738421?title=0&byline=0&portrait=0&color=499B45" width="400" height="300" frameborder="0"></iframe><br/><br/><p>via <a href="http://adaptivepath.com/ideas/cupcakes-the-secret-to-product-planning">cupcakes: the secret to product planning - adaptive path</a>:</p> <blockquote> <p>Adaptive Path drops some knowledge on product strategy.</p> <p>We have taken this to heart and think of our little experiments as ‘cupcakes’. In doing so, we cook up small, desirable and executable standalone prototypes that have room to grow into larger projects.</p> </blockquote>http://howiechang.com/post/23536367761http://howiechang.com/post/23536367761Tue, 22 May 2012 17:02:00 +0800adaptive pathcake modelproduct strategy<iframe src="http://player.vimeo.com/video/31590979" width="400" height="250" frameborder="0"></iframe><br/><br/><p>TIMEMAPS (by <a href="http://vimeo.com/31590979">graphsic</a>)</p> <p>Due to the good public transportation in the Netherlands distance has become irrelevant. We can reach almost any destination by train easily and relatively quick. In our busy lives we now think in time rather than distance. Therefore the current maps, as we know them today, are obsolete. Thinking in time affects a map and hence the shape of the Netherlands also depending on the perspective from which we look. From the perspective of Eindhoven, for instance, the Netherlands is relatively small because of the quick and easy connections to other cities. At the same time, seen from a more remote and small village such as Stavoren the Netherlands is much bigger. Not only the location from which one looks, or travels, but the hour of the day is very important. At night the map will expand because there are no night trains and in the morning it will shrink once trains will commence their schedules. The map of the Netherlands will never be the same again.This short movie shows a quick demo of TIMEMAPS and how the map will shrink and grow during 24hours in Eindhoven.</p> <p>TIMEMAPS can be explored at <a href="http://timemaps.nl" title="TIMEMAPS">timemaps.nl</a></p> <p>© Vincent Meertens</p>http://howiechang.com/post/21900458818http://howiechang.com/post/21900458818Fri, 27 Apr 2012 13:44:23 +0800timemapsanimationinfographicsinteractivenetherlandsgraphsic<iframe src="http://player.vimeo.com/video/40486471" width="400" height="225" frameborder="0"></iframe><br/><br/><p>The making of <a href="http://www.grandamerica.com/services/grand-shopping/Jou_Jou">JouJou</a>, a curious boutique for toys and treats at The Grand America Hotel in Salt Lake City Utah.</p> <blockquote> <p>Struck was delighted to rebrand The Grand America Hotel’s toy store, we completely embraced the challenge of bringing the environment to life. It’s a realm where imagination takes flight — in the playful form of fire-breathing dragons, elusive fairies, robot warriors and peculiar monsters. This haven for child-like curiosity includes a stunning new interior, a full brand identity, promotions, merchandise and packaging. Struck sourced original toys and books and filled it with lavish and rare gifts. The finished location is a magical experience for guests young and old, mixing hand-crafted installations with interactive digital canvases and delicious treats. Contributors included: Struck, Watts Architects, Plastik Banana, Chris DeMuri, The Second Artist and Chase Studio.</p> </blockquote>http://howiechang.com/post/21420305346http://howiechang.com/post/21420305346Fri, 20 Apr 2012 11:38:27 +0800joujouinteractivetoysretailuxexperience designgrand americakids“If you are demanding registration before checkout, you need to cease this practice immediately. It is costing you a fortune.”<br/><br/> - <em>Bruce Tognazzini (via <a class="tumblr_blog" href="http://crankyangela.tumblr.com/">crankyangela</a>)</em>http://howiechang.com/post/21318133628http://howiechang.com/post/21318133628Wed, 18 Apr 2012 17:27:18 +0800quote<iframe src="http://player.vimeo.com/video/29965463" width="400" height="225" frameborder="0"></iframe><br/><br/><p>via <a class="tumblr_blog" href="http://geminiscotty.tumblr.com/post/20645472705/a-great-presentation-on-google-ui-design-change">geminiscotty</a>:</p> <p><span>A great presentation on Google UI design change started when Larry Page became CEO, it’s actually a really interesting story and great to see that the “designers got let out of their cage”!</span></p>http://howiechang.com/post/20783825399http://howiechang.com/post/20783825399Tue, 10 Apr 2012 00:37:26 +0800googleuilarry pageuxweek 2011<img src="http://24.media.tumblr.com/tumblr_m16dscFrJG1qmsyloo1_r2_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://uxwonders.com/post/19635010399/gestureworks-open-source-gesture-library">uxwonders</a>:</p> <p><a href="http://gestureworks.com/features/open-source-gestures/">GestureWorks</a> Open Source Gesture Library.</p>http://howiechang.com/post/19713364333http://howiechang.com/post/19713364333Thu, 22 Mar 2012 10:21:49 +0800gestureuxuiinteraction designtouch<img src="http://25.media.tumblr.com/tumblr_m18jffZXcd1qz4bbno1_500.jpg"/><br/><br/><p>DrawBraille Mobile Phone is one of the most compelling concepts that focus on making mobile phones easy-to-use for the blind. The entire UI and input keys are in Braille and even the touch panel reflects this system. The design and approach have a surreal finish to it and I am quite sure that Shikun Sun is on to something big with this!</p> <p>Designer: Shikun Sun</p>http://howiechang.com/post/19677438579http://howiechang.com/post/19677438579Wed, 21 Mar 2012 20:45:15 +0800uxbraille mobile phoneuiuxinteraction designproduct designshikun sunblind<iframe src="http://player.vimeo.com/video/38401630" width="400" height="225" frameborder="0"></iframe><br/><br/><p>via <a class="tumblr_blog" href="http://tonguetech.tumblr.com/post/19646260027/berger-fohr-attempt-to-bring-cutting-edge">tonguetech</a>:</p> <p>Berger & Föhr attempt to bring cutting-edge usability and design to the world of calculators with their slick new ‘Rechner’ iPhone app.</p> <p>Rechner (by <a href="http://vimeo.com/38401630">Berger & Föhr</a>)</p>http://howiechang.com/post/19677383869http://howiechang.com/post/19677383869Wed, 21 Mar 2012 20:42:35 +0800iOSmobile appsberger &amp; föhrcalculatorusabilityuxinteraction design<p><a href="http://www.slideshare.net/howiechang/bi-os2-preso" target="_blank"><img src="http://media.tumblr.com/tumblr_m18ixiIEZJ1qz4bbn.png"/></a></p> <p>A design pathway and process + an intro to mobile IA and interaction design. Presented at BiOS #2, 21 March 2012. <a href="http://www.slideshare.net/howiechang" target="_blank">More presos here</a>.</p>http://howiechang.com/post/19677054130http://howiechang.com/post/19677054130Wed, 21 Mar 2012 20:24:00 +0800mobile designinformation architecturedesign principlesmobile uxuxinteraction design<iframe width="400" height="225" src="http://www.youtube.com/embed/v4boTbv9_nU?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://uxvideos.tumblr.com/post/19287447773/how-real-people-will-use-windows-8">uxvideos</a>:</p> <p class="p1">How Real People Will Use Windows 8</p>http://howiechang.com/post/19305044047http://howiechang.com/post/19305044047Thu, 15 Mar 2012 04:56:00 +0800uxinteractionusabilitywindows 8funny<img src="http://24.media.tumblr.com/tumblr_m0skxta0pt1qmsyloo1_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://uxwonders.com/post/19201066336/iphone-ipod-touch-game-eliss">uxwonders</a>:</p> <p>iPhone / iPod touch game <a href="http://itunes.apple.com/us/app/eliss/id306950009?mt=8">Eliss</a>.</p>http://howiechang.com/post/19230209624http://howiechang.com/post/19230209624Tue, 13 Mar 2012 17:36:00 +0800mobile gameuigraphic design2d gameeliss<img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o1_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o2_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o3_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o4_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o5_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o6_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o7_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o8_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o9_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_m0jaeylpeL1qa0q13o10_500.jpg"/><br/> <br/><p>via <a class="tumblr_blog" href="http://heyoscarwilde.tumblr.com/post/18917276912/omg-space-is-a-project-by-designer-margot">heyoscarwilde</a>:</p> <p>OMG SPACE is a project by designer <a href="http://www.silent-t.com/projects/omgspace/">Margot Trudell</a> ”to communicate to people what we’ve managed to accomplish in space exploration in simple terms”.  </p> <p>View all (ready to print) planet infographics at <a href="http://www.silent-t.com/projects/omgspace/">silent-t.com/projects/omgspace</a></p>http://howiechang.com/post/18940783989http://howiechang.com/post/18940783989Thu, 08 Mar 2012 15:39:18 +0800infographicsdesignspaceplanetspostersawesomevisual graphics<img src="http://25.media.tumblr.com/tumblr_m0iuz2PmZA1qzt7h7o1_500.jpg"/><br/><br/><p>via <a class="tumblr_blog" href="http://blog.fastcompany.com/post/18903835840/design-shouldnt-be-designated-a-specific-function">fastcompany</a>:</p> <p>Design shouldn’t be designated a specific function or industry. The discipline is just as fundamental as technology and profit are to a business that it doesn’t need to be isolated to a single role. It should be considered part of every role.</p> <p><a href="http://www.fastcodesign.com/1669189/pinterests-founding-designer-shares-his-dead-simple-design-philosophy">Pinterest’s Founding Designer Shares His Dead-Simple Design Philosophy</a></p>http://howiechang.com/post/18940706354http://howiechang.com/post/18940706354Thu, 08 Mar 2012 15:35:29 +0800designpinterestfastcompanyuxui<p>I have been a fan of <a href="http://www.mightydeals.com/?refID=aa2ed9" target="_blank">MightyDeals</a> for some time now. Here are two current deals I highly recommend.</p> <p>          <a href="http://www.mightydeals.com/deal/pixglyphs.html?&amp;refID=aa2ed9" target="_blank"><img alt="" class="another-deal-image2" height="194" src="http://www.mightydeals.com/web/uploads/images/486/pixglyphs.jpg" width="208"/></a>     <a href="http://www.mightydeals.com/deal/themefit.html?&amp;refID=aa2ed9" target="_blank"><img alt="" class="another-deal-image2" height="194" src="http://www.mightydeals.com/web/uploads/images/521/tf-mighty-ad.jpg" width="208"/></a></p> <p><span>Disclaimer: I am an affiliate member. Purchasing through the links above will contribute in making </span><a href="http://howiechang.com">howiechang.com</a><span> a better go-to place for all UX/UI inspirations!</span></p>http://howiechang.com/post/18940196838http://howiechang.com/post/18940196838Thu, 08 Mar 2012 15:12:00 +0800mightydealsdesignui<iframe src="http://player.vimeo.com/video/36791842?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0"></iframe><br/><br/><p>via <a href="http://www.psfk.com/2012/03/interaction-design-definition.html">@PSFK</a></p> <p>What is the true definition of interaction design?</p>http://howiechang.com/post/18937255617http://howiechang.com/post/18937255617Thu, 08 Mar 2012 13:34:27 +0800uxdesigninteraction design<iframe width="400" height="225" src="http://www.youtube.com/embed/sXqXpwyBI1k?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://designallthetime.tumblr.com/post/18472005245/scorekeeper-for-playbook-and-ios-by">designallthetime</a>:</p> <p>Scorekeeper for PlayBook and iOS (by <a href="http://www.youtube.com/watch?feature=player_embedded&v=sXqXpwyBI1k#!">ElectricGrandpa</a>)</p>http://howiechang.com/post/18601255667http://howiechang.com/post/18601255667Fri, 02 Mar 2012 18:09:55 +0800scorekeeperplaybookiOSappsuiux<img src="http://25.media.tumblr.com/tumblr_m036pgyvS41qd0edbo1_500.png"/><br/><br/><p>via <a class="tumblr_blog" href="http://gregmelander.com/post/18423951459/bell-labs-circa-1966-the-hallways-in-the">gregmelander</a>:</p> <p><strong>BELL LABS CIRCA 1966</strong></p> <div> <div></div> </div> <p><span>“The hallways in the building were designed to be so long that to look down their length was to see the end disappear at a vanishing point. Traveling the hall’s length without encountering a number of acquaintances, problems, diversions and ideas was almost impossible. A physicist on his way to lunch in the cafeteria was like a magnet rolling past iron filings.” A place where “</span><span>talented people could foster a busy exchange of ideas.” </span><a href="http://www.nytimes.com/2012/02/26/opinion/sunday/innovation-and-the-bell-labs-miracle.html?pagewanted=1&_r=2&smid=fb-share">New York Times</a></p>http://howiechang.com/post/18433777220http://howiechang.com/post/18433777220Tue, 28 Feb 2012 19:37:00 +0800bell labs1966<img src="http://24.media.tumblr.com/tumblr_m010dkyyjt1qm97b3o1_500.png"/><br/><br/><p>No idea why Pinterest would do such a thing!</p> <p>via <a class="tumblr_blog" href="http://jcdunn.tumblr.com/post/18349985975/tip-dont-hold-users-hostage-to-access-app">jcdunn</a>:</p> <p>Tip: Don’t hold users hostage to access app features. I uninstalled this immediately.</p>http://howiechang.com/post/18373626363http://howiechang.com/post/18373626363Mon, 27 Feb 2012 17:15:02 +0800pinterestux<img src="http://24.media.tumblr.com/tumblr_lzvztd6aVW1qz4bbno1_500.jpg"/><br/><br/><p>I almost got myself a <a href="http://en.wikipedia.org/wiki/Maine_Coon">Maine Coon</a> last year. What am I thinking?</p>http://howiechang.com/post/18179842831http://howiechang.com/post/18179842831Fri, 24 Feb 2012 15:36:00 +0800maine cooncatbig cat