<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description>Hello. I’m Andre, User Interface Designer from ID. I’m an F1 fanatic &amp; Now!iWant: Tag Heuer Grand Carrera Calibre 36 :)</description><title>Fendri</title><generator>Tumblr (3.0; @andreasfendri)</generator><link>http://andreasfendri.com/</link><item><title>"We think the Mac will sell zillions, but we didn’t build the Mac for anybody else. We built it for..."</title><description>“We think the Mac will sell zillions, but we didn’t build the Mac for anybody else. We built it for ourselves. We were the group of people who were going to judge whether it was great or not. We weren’t going to go out and do market research. We just wanted to build the best thing we could build”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;Steve Jobs&lt;/em&gt;</description><link>http://andreasfendri.com/post/11135821977</link><guid>http://andreasfendri.com/post/11135821977</guid><pubDate>Fri, 07 Oct 2011 16:50:25 +0700</pubDate><category>quote</category><dc:creator>fenstudio</dc:creator></item><item><title>Onboarding design and interaction could help new users quickly...</title><description>&lt;img src="http://28.media.tumblr.com/tumblr_lpkgtjBfaV1qzc7qao1_500.png"/&gt;&lt;br/&gt; Pulse&lt;br/&gt;&lt;br/&gt; &lt;img src="http://24.media.tumblr.com/tumblr_lpkgtjBfaV1qzc7qao2_500.png"/&gt;&lt;br/&gt; ScatterBrain&lt;br/&gt;&lt;br/&gt; &lt;img src="http://26.media.tumblr.com/tumblr_lpkgtjBfaV1qzc7qao3_500.png"/&gt;&lt;br/&gt; SoundHound&lt;br/&gt;&lt;br/&gt; &lt;img src="http://29.media.tumblr.com/tumblr_lpkgtjBfaV1qzc7qao4_500.png"/&gt;&lt;br/&gt; Weave&lt;br/&gt;&lt;br/&gt; &lt;p&gt;&lt;span&gt;Onboarding design and interaction could help new users quickly engaged with their new-installed app on its first minutes. This is like a tour guide, so the onboarding design shall be fun and relax, informative but use everyday words rather than formal, a step-by-step approach of interaction design, and overall it should be easy to follow.&lt;br/&gt;&lt;br/&gt;The contradictive aspect might arise when we talk about advanced users. This type of user is likely impatient and tend to use the app right away because they already know what it is or at least they confident on what they’re going to do. As a results, this onboarding phase could slow them down, annoying or worse, hurts their first impression of the app.&lt;/span&gt;&lt;/p&gt;</description><link>http://andreasfendri.com/post/8603995867</link><guid>http://andreasfendri.com/post/8603995867</guid><pubDate>Sun, 07 Aug 2011 23:40:53 +0700</pubDate><category>iphone</category><category>app</category><category>onboarding</category><dc:creator>fenstudio</dc:creator></item><item><title>Lets Paint This Town Purple - Yahoo! Indonesia moved to new...</title><description>&lt;img src="http://29.media.tumblr.com/tumblr_lkwy2aUF441qzc7qao1_500.jpg"/&gt;&lt;br/&gt; Welcome to Yahoo!&lt;br/&gt;&lt;br/&gt; &lt;img src="http://27.media.tumblr.com/tumblr_lkwy2aUF441qzc7qao2_500.jpg"/&gt;&lt;br/&gt; Ribbon cutting by Pontus Sonnerstedt&lt;br/&gt;&lt;br/&gt; &lt;img src="http://24.media.tumblr.com/tumblr_lkwy2aUF441qzc7qao5_500.png"/&gt;&lt;br/&gt; All Yahoos!&lt;br/&gt;&lt;br/&gt; &lt;img src="http://28.media.tumblr.com/tumblr_lkwy2aUF441qzc7qao3_500.jpg"/&gt;&lt;br/&gt; Lets Paint This Town Purple&lt;br/&gt;&lt;br/&gt; &lt;img src="http://29.media.tumblr.com/tumblr_lkwy2aUF441qzc7qao4_500.jpg"/&gt;&lt;br/&gt; And at last, got a new work desk :)&lt;br/&gt;&lt;br/&gt; &lt;p&gt;&lt;strong&gt;Lets Paint This Town Purple&lt;/strong&gt; - Yahoo! Indonesia moved to new office&lt;/p&gt;</description><link>http://andreasfendri.com/post/5328889961</link><guid>http://andreasfendri.com/post/5328889961</guid><pubDate>Mon, 09 May 2011 13:42:24 +0700</pubDate><category>Yahoo! Indonesia</category><category>Koprol</category><dc:creator>fenstudio</dc:creator></item><item><title>The TROLL T-Shirt collection. Scary design? Indeed :) but also...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_lkqhfnayxW1qzc7qao3_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://25.media.tumblr.com/tumblr_lkqhfnayxW1qzc7qao4_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;img src="http://25.media.tumblr.com/tumblr_lkqhfnayxW1qzc7qao5_500.jpg"/&gt;&lt;br/&gt; &lt;br/&gt;&lt;p&gt;The &lt;a title="Troll Clothing on Facebook" href="http://www.facebook.com/pages/TROLL-CLOTHING/116808488360470"&gt;TROLL T-Shirt&lt;/a&gt; collection. Scary design? Indeed :) but also beautiful. Those are marvelous digital hand-drawing art design and perfectly printed. Love it.&lt;/p&gt;</description><link>http://andreasfendri.com/post/5221435385</link><guid>http://andreasfendri.com/post/5221435385</guid><pubDate>Fri, 06 May 2011 00:47:00 +0700</pubDate><dc:creator>fenstudio</dc:creator></item><item><title>Windows Phone 7 spotted in Microsoft’s booth at Pesta...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_lb44bs7kYX1qzc7qao1_500.jpg"/&gt;&lt;br/&gt; Windows Phone 7 Office&lt;br/&gt;&lt;br/&gt; &lt;img src="http://24.media.tumblr.com/tumblr_lb44bs7kYX1qzc7qao2_500.jpg"/&gt;&lt;br/&gt; Windows Phone 7 Dashboard&lt;br/&gt;&lt;br/&gt; &lt;p&gt;Windows Phone 7 spotted in Microsoft’s booth at Pesta Blogger 2010’s event (Epicentrum Walk Rasuna Said, Jakarta - Oct 30). I impressed by their interface and its so-smooth transition effects. In this case, (in my opinion) they dare to be different compared to major mobile OSs: Android &amp; IOS4. Well, I’ll be looking forward for more comprehensive sneak peek.&lt;/p&gt;</description><link>http://andreasfendri.com/post/1439944970</link><guid>http://andreasfendri.com/post/1439944970</guid><pubDate>Sat, 30 Oct 2010 23:55:00 +0700</pubDate><category>Windows Phone 7</category><category>Microsoft</category><category>Windows Mobile 7</category><dc:creator>fenstudio</dc:creator></item><item><title>BlackBerry Tumblr App</title><description>&lt;p&gt;Well, this is my first ever experience using Tumblr BB app. The UI looks very impressive. So clean and very easy to navigate, no doubt about it. Time to push the throtle  deeper in publishing my regular posts and get closer &amp; closer with Tumblr. Love it!&lt;/p&gt;</description><link>http://andreasfendri.com/post/823793662</link><guid>http://andreasfendri.com/post/823793662</guid><pubDate>Sat, 17 Jul 2010 21:12:40 +0700</pubDate><category>BlackBerry</category><category>Mobile App</category><dc:creator>fenstudio</dc:creator></item><item><title>Graphicpeel: iOS Icons Made in Pure CSS</title><description>&lt;a href="http://blog.graphicpeel.com/post/740928981/ios-icons-made-in-pure-css"&gt;Graphicpeel: iOS Icons Made in Pure CSS&lt;/a&gt;: &lt;blockquote&gt;
&lt;p&gt;&lt;a href="http://graphicpeel.com/cssiosicons"&gt;&lt;img class="shadow" alt="iOS Icons in Pure CSS" src="http://graphicpeel.com/images/iosicons-header.png" width="75%"/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://graphicpeel.com/cssiosicons"&gt;Click here&lt;/a&gt; to see 11 iOS icons made in only CSS, no images whatsoever.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;NOTE:&lt;/strong&gt; This demo will only work correctly on a webkit browser and has only been tested in Safari 5 and Google Chrome 5. &lt;a href="http://graphicpeel.com/images/cssiosicons-correct"&gt;Here’s how it will look when rendered correctly.&lt;/a&gt; Update: Apparently, there’s a bad bug in…&lt;/p&gt;
&lt;/blockquote&gt;</description><link>http://andreasfendri.com/post/760889429</link><guid>http://andreasfendri.com/post/760889429</guid><pubDate>Fri, 02 Jul 2010 15:27:55 +0700</pubDate><category>CSS3</category><category>CSS Icon</category><category>Pure CSS Icons</category><dc:creator>fenstudio</dc:creator></item><item><title>A Sneak Peek - Android Mobile App Interface Design: Poligamy AR...</title><description>&lt;img src="http://29.media.tumblr.com/tumblr_l4pxkoZpuA1qzc7qao1_500.jpg"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;strong&gt;A Sneak Peek &lt;/strong&gt;- Android Mobile App Interface Design: Poligamy AR  (Designed by Andreas Fendri)&lt;/p&gt;</description><link>http://andreasfendri.com/post/745133962</link><guid>http://andreasfendri.com/post/745133962</guid><pubDate>Mon, 28 Jun 2010 16:41:12 +0700</pubDate><category>Android</category><category>Interface Design</category><category>Poligamy</category><dc:creator>fenstudio</dc:creator></item><item><title>"Interaction designers are more concerned about the intent of the user and how they can help them..."</title><description>“Interaction designers are more concerned about the intent of the user and how they can help them accomplish a task.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;span&gt;&lt;br/&gt;&lt;h1&gt;&lt;a title="Interactive and Interaction Design, What's the Difference" href="http://www.zurb.com/article/365/interactive-and-interaction-design-whats-"&gt;The ZURBlog&lt;/a&gt;&lt;/h1&gt;&lt;br/&gt;&lt;/span&gt;&lt;/em&gt;</description><link>http://andreasfendri.com/post/742661729</link><guid>http://andreasfendri.com/post/742661729</guid><pubDate>Mon, 28 Jun 2010 01:19:44 +0700</pubDate><dc:creator>fenstudio</dc:creator></item><item><title>Time To Redesign</title><description>&lt;p&gt;I think I should act fast, but not necessarily in a rush. This site should have a new skin, no longer relevant in many aspects, especially with what I’m trying to achieve now. Time to makeover. Redefine the information architecture &amp; draw new functional wireframe, to create a better information flows. Refreshing the visual displays, take out all the illustration elements to make it lighter, faster page loading. Clean-styles, and I shall play more better with a whitespace.&lt;/p&gt;</description><link>http://andreasfendri.com/post/735133042</link><guid>http://andreasfendri.com/post/735133042</guid><pubDate>Sat, 26 Jun 2010 00:20:00 +0700</pubDate><category>Notes</category><dc:creator>fenstudio</dc:creator></item><item><title>Brynn Evans: Digital Ethnography for Social Interaction</title><description>&lt;iframe src="http://player.vimeo.com/video/10427547" width="400" height="225" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;&lt;strong&gt;Brynn Evans&lt;/strong&gt;: Digital Ethnography for Social Interaction&lt;/p&gt;</description><link>http://andreasfendri.com/post/730352825</link><guid>http://andreasfendri.com/post/730352825</guid><pubDate>Thu, 24 Jun 2010 12:38:00 +0700</pubDate><category>Video Presentation</category><category>Digital Ethnography</category><category>Social Interaction</category><dc:creator>fenstudio</dc:creator></item><item><title>And this is another Android app sketch for DailySocial.net (feed...</title><description>&lt;img src="http://25.media.tumblr.com/tumblr_l4bmxuv1Fl1qzc7qao1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;And this is another Android app sketch for &lt;a title="Indonesia Tech-Startup Media" target="_blank" href="http://dailysocial.net"&gt;DailySocial.net&lt;/a&gt; (feed reader).&lt;/p&gt;</description><link>http://andreasfendri.com/post/718748037</link><guid>http://andreasfendri.com/post/718748037</guid><pubDate>Sun, 20 Jun 2010 23:25:00 +0700</pubDate><category>Android</category><category>OmniGraffle</category><category>Sketch</category><dc:creator>fenstudio</dc:creator></item><item><title>First draft of Poligamy Android application sketch: A splash...</title><description>&lt;img src="http://27.media.tumblr.com/tumblr_l4bkjkzNu31qzc7qao1_500.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;First draft of Poligamy Android application sketch: A splash screen and list view interface. The tools: OmniGraffle with Android Sketch Stencil v1 (gstencil)&lt;/p&gt;</description><link>http://andreasfendri.com/post/718617079</link><guid>http://andreasfendri.com/post/718617079</guid><pubDate>Sun, 20 Jun 2010 22:33:00 +0700</pubDate><category>Android</category><category>OmniGraffle</category><dc:creator>fenstudio</dc:creator></item><item><title>Lets enjoy this awesome video presentation! The Future of HTML 5...</title><description>&lt;iframe src="http://player.vimeo.com/video/6985053" width="400" height="300" frameborder="0"&gt;&lt;/iframe&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Lets enjoy this awesome video presentation! &lt;strong&gt;The Future of HTML 5&lt;/strong&gt; by &lt;a title="Bruce Lawsons personal site" href="http://www.brucelawson.co.uk/"&gt;Bruce Lawson&lt;/a&gt; (Opera)&lt;/p&gt;</description><link>http://andreasfendri.com/post/697088300</link><guid>http://andreasfendri.com/post/697088300</guid><pubDate>Mon, 14 Jun 2010 17:29:00 +0700</pubDate><category>HTML5</category><category>video</category><category>Vimeo</category><category>Presentation</category><dc:creator>fenstudio</dc:creator></item><item><title>"Too much information is equal to none."</title><description>“Too much information is equal to none.”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;Antonio Luppeti (WoorkUp) in &lt;a title="WoorkUp Blog Post" href="http://woorkup.com/2010/06/02/5-simple-rules-for-a-better-blog-design/"&gt;5 Simple Rules for a Better Blog Design&lt;/a&gt;&lt;/em&gt;</description><link>http://andreasfendri.com/post/696120759</link><guid>http://andreasfendri.com/post/696120759</guid><pubDate>Mon, 14 Jun 2010 10:47:15 +0700</pubDate><category>AI</category><category>Design</category><category>Blog</category><dc:creator>fenstudio</dc:creator></item><item><title>Link Checker - Sample of Good UX In Gmail User Interface</title><description>&lt;p&gt;&lt;img alt="Gmail Edit Link Dialog Window" src="http://media.tumblr.com/tumblr_l3ybarMP7f1qzatcz.png"/&gt;&lt;/p&gt;
&lt;p&gt;Sometimes I want to put one or more links in my email message. I know, its not a big issue. I can just simply select the text, then I hit the link icon. An overlay dialog window then popped-up on my screen. Here, I can type the URL by typing directly to the web address form field or just copy/paste it from elsewhere. So good so far.&lt;/p&gt;
&lt;p&gt;But, sometimes I feel not so sure. Does the link still active or broken? Did I mistyped the url? Nah, the built-in functionality of link checker in this Gmail dialog window now comes to help. By clicking the &lt;strong&gt;Test this Link&lt;/strong&gt; button (actually, its just plain text link, not a button), then I shouldn’t have to worry anymore. Brilliant.&lt;/p&gt;
&lt;p&gt;Well, it might just a simple tool, but effectively help the user. Good UX!&lt;/p&gt;</description><link>http://andreasfendri.com/post/693703853</link><guid>http://andreasfendri.com/post/693703853</guid><pubDate>Sun, 13 Jun 2010 19:46:00 +0700</pubDate><category>UI</category><category>UX</category><category>Gmail</category><category>User Experience</category><dc:creator>fenstudio</dc:creator></item><item><title>Embeding Google Fonts in Tumblr is Easy</title><description>&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_l3x1y3pZzS1qzatcz.png"/&gt;&lt;/p&gt;
&lt;p&gt;So you want to embed non-default system fonts for your &lt;strong&gt;Tumblr&lt;/strong&gt; blog? Its easy. You can do it by embeding the &lt;strong&gt;&lt;a title="Google Font Directory" href="http://code.google.com/webfonts"&gt;Google Font Directory&lt;/a&gt;&lt;/strong&gt; service for free. Simply pickup the font you like, then click &lt;strong&gt;Get The Code&lt;/strong&gt; tab. Then, all you have to do is copy the code, e.g like this (I choose Droid Serif font):&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;link href=’ &lt;a href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold'"&gt;http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold’&lt;/a&gt; rel=’stylesheet’ type=’text/css’&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Now, back to your Tumblr dashboard, then click the Customize menu. Select the Theme menu, then hit the Use Custom HTML button to switch to the fully customize mode. Paste the code anywhere inside inside your header area (between &lt;head&gt; … &lt;/head&gt;, let say after the &lt;meta&gt; tag.&lt;/p&gt;
&lt;p&gt;Save it, then you’re good to go. View the changes by refreshing your Tumblr blog. If you don’t see any changes, maybe you should clear the browser cache or re-check your styles.&lt;/p&gt;</description><link>http://andreasfendri.com/post/691391313</link><guid>http://andreasfendri.com/post/691391313</guid><pubDate>Sun, 13 Jun 2010 02:59:00 +0700</pubDate><category>Google Font</category><category>Web Font</category><dc:creator>fenstudio</dc:creator></item><item><title>Gooooall from Google. Simply type “World Cup” or...</title><description>&lt;img src="http://24.media.tumblr.com/tumblr_l3ul0vKPCh1qzc7qao1_400.png"/&gt;&lt;br/&gt;&lt;br/&gt;&lt;p&gt;Gooooall from Google. Simply type “World Cup” or “World Cup 2010” as your keyword.&lt;/p&gt;</description><link>http://andreasfendri.com/post/686750938</link><guid>http://andreasfendri.com/post/686750938</guid><pubDate>Fri, 11 Jun 2010 18:24:00 +0700</pubDate><category>Google</category><category>World Cup 2010</category><dc:creator>fenstudio</dc:creator></item><item><title>Apparently I have to say Thanks to Flickr</title><description>&lt;p&gt;This isn’t sort of system error, disaster or something. Its just a ridiculous system notification I found in Flickr after I made a batch changes for my Flickr Set. Apparently I have to say THANKS for the stuff to Flickr. Definitely bad UX. Useless.&lt;/p&gt;
&lt;p&gt;&lt;img src="http://media.tumblr.com/tumblr_l3udwy0pRf1qzatcz.png"/&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;You must click “THANKS” button to proceed&lt;/em&gt;&lt;/p&gt;</description><link>http://andreasfendri.com/post/686484867</link><guid>http://andreasfendri.com/post/686484867</guid><pubDate>Fri, 11 Jun 2010 15:58:00 +0700</pubDate><category>UX</category><category>Flickr</category><dc:creator>fenstudio</dc:creator></item><item><title>"All design is human-centered. If it’s not human-centered, then it’s not design"</title><description>“All design is human-centered. If it’s not human-centered, then it’s not design”&lt;br/&gt;&lt;br/&gt; - &lt;em&gt;&lt;a title="Mark Baskinger Profile" href="http://uxmag.com/authors/mark-baskinger"&gt;Mark Baskinger&lt;/a&gt; (UX Magazine)&lt;/em&gt;</description><link>http://andreasfendri.com/post/683218981</link><guid>http://andreasfendri.com/post/683218981</guid><pubDate>Thu, 10 Jun 2010 17:07:50 +0700</pubDate><category>UX</category><category>Design</category><dc:creator>fenstudio</dc:creator></item></channel></rss>

