<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Maemo UI improvements blog.</title>
	<atom:link href="http://tabletui.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://tabletui.wordpress.com</link>
	<description>Read, discuss and suggest your feelings about Maemo user interface modifications.</description>
	<pubDate>Fri, 16 May 2008 03:07:54 +0000</pubDate>
	<generator>http://wordpress.org/?v=MU</generator>
	<language>en</language>
			<item>
		<title>Addressing the Stylus-Driven UI</title>
		<link>http://tabletui.wordpress.com/2008/05/16/addressing-the-stylus-driven-ui/</link>
		<comments>http://tabletui.wordpress.com/2008/05/16/addressing-the-stylus-driven-ui/#comments</comments>
		<pubDate>Fri, 16 May 2008 03:07:54 +0000</pubDate>
		<dc:creator>arjwdotcom</dc:creator>
		
		<category><![CDATA[Medium UI improvements]]></category>

		<category><![CDATA[finger-friendly]]></category>

		<category><![CDATA[keyboard]]></category>

		<category><![CDATA[stylus]]></category>

		<category><![CDATA[touchscreen]]></category>

		<category><![CDATA[transparency]]></category>

		<category><![CDATA[UI]]></category>

		<category><![CDATA[user interface]]></category>

		<category><![CDATA[virtual keyboard]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=51</guid>
		<description><![CDATA[Given the fact that touchscreens have become nothing but the &#8220;in&#8221; thing to do, it seems like most every innovation with the Internet Tablet focuses on making it finger-friendly. Now, there&#8217;s nothing wrong with it, and personally I prefer it. But, what would happen if we addressed the UI from a perspective of being optimized [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Given the fact that touchscreens have become nothing but the &#8220;in&#8221; thing to do, it seems like most every innovation with the Internet Tablet focuses on making it finger-friendly. Now, there&#8217;s nothing wrong with it, and personally I prefer it. But, what would happen if we addressed the UI from a perspective of being optimized for use with a stylus?</p>
<p><strong>Navigation</strong></p>
<p>As much as sometimes we don&#8217;t want to admit it, using the stylus is sometimes the most effective way to navigate around the tablet. Here are a few recommendations for making the stylus more effective:</p>
<ul>
<li>Making actions such as tap and hold more evident on things like text, icons, and when items are highlighted by showing a star or some kind of indicator that there are some additional functions</li>
<li>When scrolling web pages and long documents (PDFs, etc.) with the stylus, show trails that accelerate or decelerate scrolling speed as well as FF/RW buttons to do a quick page up/down action on the page</li>
<li>In applications that feature forward and back, allow for gesture actions with the stylus to go forward and backward (essential in full-screen mode)</li>
</ul>
<p>If you will, the point here is keeping the stylus in your hand, and a part of the interaction of the tablet that finger-friendly UIs expose.</p>
<p><strong>Writing</strong></p>
<p><strong></strong>I want to break this up into two subsections, handwriting and keyboard.</p>
<p><em>Handwriting</em></p>
<ul>
<li>In terms of handwriting we can look at having a transparent writing pad appear over writable sections (when the focus cursor is activated for those items)</li>
<li>Improve the sensitivity of the handwriting engine so that letters that are written together can be easily trained and recognized (maybe some type of AI can be added here)</li>
</ul>
<p>Virtual Keyboard</p>
<ul>
<li>Allow for users to not have to lift the stylus, but at every &#8220;stop&#8221; and &#8220;direction change&#8221; the letter is recognized.</li>
<li>Change the location of the word compted words to the top of the virtual keyboard, keeping the space bar free from being possibly taken up by too long a list of words</li>
<li>Transparency could be nice here too</li>
</ul>
<p><strong>Thinking About Different Needs</strong></p>
<p>I know that we normally want to think about things in a way that seems comfortable to us, but the truth of designing a user interface is that you are making something that is comfortable to be learned for someone else. Fingers are great, and painting with them can really amount to some neat artwork. But for those that like to use a brush, attention has to be paid to them too, because some really nice masterpieces can be made when we make sure that the canvas, paints, and brushes have been made with them in mind too.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/51/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/51/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/51/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=51&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/05/16/addressing-the-stylus-driven-ui/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/arjwdotcom-128.jpg" medium="image">
			<media:title type="html">ARJWright</media:title>
		</media:content>
	</item>
		<item>
		<title>Chapter IV: Ready to surf.</title>
		<link>http://tabletui.wordpress.com/2008/05/06/chapter-iv-ready-to-surf/</link>
		<comments>http://tabletui.wordpress.com/2008/05/06/chapter-iv-ready-to-surf/#comments</comments>
		<pubDate>Tue, 06 May 2008 22:42:54 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Medium UI improvements]]></category>

		<category><![CDATA[ap]]></category>

		<category><![CDATA[connection]]></category>

		<category><![CDATA[favorites]]></category>

		<category><![CDATA[mannager]]></category>

		<category><![CDATA[phone]]></category>

		<category><![CDATA[UI]]></category>

		<category><![CDATA[wi-fi]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=44</guid>
		<description><![CDATA[Hello there.
Today we&#8217;ll talk again about main feature and main way of use of Internet Tablets — Internet surfing. But not about the window to the web, MicroB. We&#8217;ll talk about things, that are very common for every user and that we face many times every day. Actions, that comes before surfing itself. I have [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Hello there.</p>
<p>Today we&#8217;ll talk again about main feature and main way of use of Internet Tablets — Internet surfing. But not about the window to the web, MicroB. We&#8217;ll talk about things, that are very common for every user and that we face many times every day. Actions, that comes before surfing itself. I have some ideas how to make them more handy and seamless. So, let&#8217;s begin.</p>
<p>As we begin in every article, lets see what we have now. A connection icon in the tray that opens drop-down menu, where you can select connection and go to the connectivity settings. All looks pretty handy, but in fact it&#8217;s not. Let&#8217;s count steps, that we take to connect to the internet in different situations.</p>
<p><strong>Added Wi-Fi hot-spot.</strong></p>
<ol>
<li>Click the icon.</li>
<li>Click &#8220;Select connections&#8221;</li>
<li>&#8220;Exit offline mode?&#8221; - yep.</li>
<li>Window opens.</li>
<li>Wait for Wi-Fi to search for all APs.</li>
<li>Click AP that you need.</li>
</ol>
<p>You&#8217;re online in 6 steps and near 15 seconds. Not so fast to my mind. It&#8217;s a bit faster with BT connection, cause you don&#8217;t need to wait for AP&#8217;s to be searched, but it&#8217;s totally ruined if you need to connect thru different phones. You need to digg deep into settings to switch the phone.</p>
<p>So, I&#8217;ve found easier way to handle all of this. Take a look.</p>
<p><strong><br />
</strong></p>
<p><img class="alignnone size-full wp-image-46" src="http://tabletui.files.wordpress.com/2008/05/rapid1.jpg" alt="" /></p>
<p><span id="more-44"></span></p>
<p>Here we got added row to the connections drop-down menu with four &#8220;favorite connections&#8221; icons. When you click it you just need to confirm exiting the offline mode. Thats all. You can easily connect to the home or work AP or different phone connections if you want. let&#8217;s see how it&#8217;s arranged.</p>
<p>When you click &#8220;Select connection&#8230;&#8221; you see something like this:</p>
<p><img class="alignnone size-full wp-image-47" src="http://tabletui.files.wordpress.com/2008/05/rapid21.jpg" alt="" /></p>
<p>Red and gray crosses were added. They add and remove items from favorites. Simply click them to perform action.</p>
<p>When you click gray cross on the wi-fi connection you&#8217;ll see that menu:</p>
<p><img class="alignnone size-full wp-image-49" src="http://tabletui.files.wordpress.com/2008/05/rapid31.jpg" alt="" /></p>
<p>Here you can do all you need to arrange favorite items as you want. Choose appropriate icon (with number or picture, for home or work AP for example), position and you can set AP available for autoconnection when visible (new feature of Diablo)</p>
<p>Same menu for phone connection is slightly different:</p>
<p><img class="alignnone size-full wp-image-50" src="http://tabletui.files.wordpress.com/2008/05/rapid4.jpg" alt="" /></p>
<p>Instead of autoconnection (which is senseless for phone :) you can easily set which phone is appropriate for each connection without digging sub-sub-menus.</p>
<p>Well, hope you&#8217;ll like it or have some ideas to add or discuss. I&#8217;m always free for chat :) Thanks for the reading, take care.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/44/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/44/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/44/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=44&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/05/06/chapter-iv-ready-to-surf/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/05/rapid1.jpg" medium="image" />

		<media:content url="http://tabletui.files.wordpress.com/2008/05/rapid21.jpg" medium="image" />

		<media:content url="http://tabletui.files.wordpress.com/2008/05/rapid31.jpg" medium="image" />

		<media:content url="http://tabletui.files.wordpress.com/2008/05/rapid4.jpg" medium="image" />
	</item>
		<item>
		<title>OMWeather 0.2 release</title>
		<link>http://tabletui.wordpress.com/2008/04/01/omweather-02-release/</link>
		<comments>http://tabletui.wordpress.com/2008/04/01/omweather-02-release/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 13:07:45 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Released software]]></category>

		<category><![CDATA[Glance]]></category>

		<category><![CDATA[icons]]></category>

		<category><![CDATA[Maemo]]></category>

		<category><![CDATA[OMWeather]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=39</guid>
		<description><![CDATA[Hello.
First of all, I&#8217;m very sorry for such a long pause in posting in this blog - I had a lot of work to do. But there are some great news: I&#8217;ve participated in two projects. And I want to tell you about one of them today :)
It&#8217;s new release of one of the most [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><img src="http://tabletui.files.wordpress.com/2008/04/sbc1.jpg" alt="sbc1.jpg" align="left" />Hello.</p>
<p>First of all, I&#8217;m very sorry for such a long pause in posting in this blog - I had a lot of work to do. But there are some great news: I&#8217;ve participated in two projects. And I want to tell you about one of them today :)</p>
<p>It&#8217;s new release of one of the most useful software on NIT — Other Maemo Weather. And I&#8217;m very proud to work with such a great talented team. So, let me introduce OMWeather v.0.20 :)I was asked to make new default iconset, instead of&#8221;Crystal&#8221;. There were some copyright problems so to avoid them OMWeather dev&#8217;s decided to replace it and I happily agreed to help them. So I&#8217;ve made &#8220;Glance&#8221; iconset. Hope you&#8217;ll like it. other great new features of OMWeather 0.20 — after the break ;)</p>
<p><span id="more-39"></span></p>
<blockquote><p>New unstable version of Other Maemo Weather (version 0.20) is released with exciting new functionality. This version is not stable so please report any bugs you found on it to bug tracker in the <a href="https://garage.maemo.org/tracker/?group_id=93">OMweathers garage page.</a> You can get this version only from the download section in the <a href="http://garage.maemo.org/projects/omweather">OMweathers garage page</a> or <b>extras-devel repository</b>.</p>
<p>Now OMweather can be set to receive weather station location automatically when ever user has an active GPS-connection on the tablet. Idea for this is based on Jussi Kukkonen&#8217;s idea <a href="http://koti.welho.com/jkukkone/why-geoclue-matters.html" title="Why GeoClue Matters" id="yiev">Why GeoClue Matters</a>, which is based originally on ideas from Henri Bergius, Tuomas Kuosmanen and Andrew Turner.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/04/omweather11.jpg" alt="omweather11.jpg" /></p>
<p><b>To enable GPS-functionality:</b><br />
Install version 0.20</p>
<ol>
<li>Reboot internet tablet</li>
<li>Activate OMweather settings and select &#8220;Enable station from GPS:&#8221; box in the &#8220;Locations&#8221; tab</li>
<li>Run Maemo Mapper or Map application included in OS2008 and wait for a GPS-fix</li>
<li>New weather station can be found on a &#8220;Locations&#8221; tab after two minutes.</li>
</ol>
<p>Version 0.20 has now also it&#8217;s own help page in the tablet. It can be opened using tablets help application (My selection/Help) or touching small question mark on top right corner of OMweathers settings window. Default icon set is changed to Glance.</p>
<p><b>Other new features in this version are:</b></p>
<ul>
<li>Added finger friendlier way to change weather station</li>
<li>Possibility to change weather station order in the settings window</li>
<li>&#8220;Swap hi/low temperature&#8221; setting is moved to other tab in settings window</li>
<li>Confirmation dialog is added for station deletion</li>
<li>Added new icons to show Moon phase and it&#8217;s shown only in the first icon</li>
<li>Italian translation has been added</li>
<li>New &#8220;Combination&#8221; layout added (see picture)</li>
</ul>
<p><b>Some bugs have been also fixed:</b></p>
<ul>
<li> Fixed error: while station data xml file is absence, displaying weather data is garbage</li>
<li> Fixed error while calculate days offset</li>
<li> Fixed error with last icon displaying, when visible items less then 10</li>
<li> Fixed error with displaying &#8216;Feel like&#8217; parameter</li>
</ul>
</blockquote>
<p>But it&#8217;s not the end of our collaboration with OMWeather developers team. I shoud say that it&#8217;s just the beginning ;)  On 25 of April stable version of OMWeather 0.20 wold be released and in may there will be released OMWeather 0.21 - a piece of software that would blow your mind away, I&#8217;ll promise ;) And also I&#8217;ll raise the curtains on the second project that I was involved in as soon as we&#8217;ll be ready to show you quality software. You&#8217;ll not be disappointed ;) Stay tuned!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/39/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/39/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/39/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/39/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/39/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=39&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/04/01/omweather-02-release/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/04/sbc1.jpg" medium="image">
			<media:title type="html">sbc1.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/04/omweather11.jpg" medium="image">
			<media:title type="html">omweather11.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Chapter III: Home Sweet Home.</title>
		<link>http://tabletui.wordpress.com/2008/03/04/chapter-iii-home-sweet-home/</link>
		<comments>http://tabletui.wordpress.com/2008/03/04/chapter-iii-home-sweet-home/#comments</comments>
		<pubDate>Tue, 04 Mar 2008 15:23:29 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Design guidelines]]></category>

		<category><![CDATA[Light UI modifications]]></category>

		<category><![CDATA[applet]]></category>

		<category><![CDATA[desktop]]></category>

		<category><![CDATA[grid]]></category>

		<category><![CDATA[Home]]></category>

		<category><![CDATA[snap]]></category>

		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=35</guid>
		<description><![CDATA[Hi.
Before starting our discussion I want to tell some ideas that will explain the features that I want to suggest now and later. So, let&#8217;s begin.
Freedom is a great thing. Freedom allows you to do anything you want whenever or wherever  you want. But not all humans can use freedom in the right way. [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Hi.</p>
<p>Before starting our discussion I want to tell some ideas that will explain the features that I want to suggest now and later. So, let&#8217;s begin.</p>
<p>Freedom is a great thing. Freedom allows you to do anything you want whenever or wherever  you want. But not all humans can use freedom in the right way. Some of them don&#8217;t even know what to do. Let&#8217;s take games for example. Imagine that you don&#8217;t know the rules of football for example. You&#8217;re just standing in the field with the ball. And there are another 21 men that don&#8217;t know the rules. There will be no game, until all of you will make some rules, single for everyone. And all will be guided by this rules.</p>
<p><span id="more-35"></span>Now let&#8217;s return to the software playground. Imagine that there are no design, code or anything else standards and guidelines. People start to create applications in their own unique way. On the one hand it&#8217;s nice cause your imagination isn&#8217;t limited with any prescriptions. But on the other, end user need to learn how to use every application again and again and again. This is terribly wrong. It&#8217;s an anarchy in the software development. So, as in the example football case, people need to sit down and discuss some guidelines for UI designers and coders for regulating software development process. It&#8217;s not a harf neither for developer nor end user. More than that, end user is very happy to have similar interfaces in different applications. He can use concepts that he learned in one program (buttons placement or drop-down menu structure) in anothers.  And this is great.</p>
<p>So, before start shouting (if you want :) &#8220;allow developers do what they want!&#8221; or &#8220;You&#8217;re suggesting jail!&#8221; think about end users that will be happy to have consistent UI&#8217;s in many programs. If developer don&#8217;t want to think about user, then whom he is developing for?</p>
<p>Ok now, let&#8217;s move from philosophical gasps  to the real things :) Today I want to make some improvements into the Home Screen.  The main home headache in OS&#8217;08 is of course  randomly jumping applets. They are jumping because it&#8217;s very (too) easy to move them. They are easily move even by the casual touch in your pocket. This system has replaced older one with &#8220;arrange applets mode&#8221;. Somehow there was a decision that it was too hard to move applets for the new users. Deep dig in drop-downs etc. So now we have what we have. This system is too easy. So, to cure our ache we need to make some difficulty balance. What I want to suggest is drawn on the screen below.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/03/desktop1.jpg" alt="desktop1.jpg" /></p>
<p>Let&#8217;s add a little spot to the top-left corner of each applet. Maybe it can be invisible but then it will be not so easy to understand what to do for newbie user. So, to move an applet you need to drag this spot. Dragging any other part will do nothing.</p>
<p>So, now it&#8217;s extremely difficult to casually move applets with finger or in the pocket but still pretty easy to move it with the stylus.</p>
<p>Let&#8217;s move on. As we now have an easy way to arrange applets in the way we like, let&#8217;s add some additional elements to assist in arrangement applets into the beautiful set. And also a helping guide for applet creators. I call it &#8220;Snap grid&#8221;. It&#8217;s&#8230; a snap grid :) It will appear when you&#8217;ll move applets on the home screen, and will help you to arrange them symmetrical or just nicely placed with equal spaces between. Click on any place outside the applets will disable arrangement mode. Standard applet in OS&#8217;08 is 300px wide and 100px tall. So, let&#8217;s the main measurement uni will be a 100&#215;100 pixels square. But it&#8217;s pretty big for detail arrangement, so lets divide it in 4 sub-squares. This will be enough in most cases, but for very fastidious user we can add invisible division of sub-squares into 4 tiny 25&#215;25 squares. Though the are invisible, applet will snap to this invisible border during accurate moving.</p>
<p>So, this grid is giving user a chance to nicely arrange or resize applet into beautiful array. But that&#8217;s not all. It also gives applet creators some sort of a standard, that they can use in their development. Let me show the example:</p>
<p><img src="http://tabletui.files.wordpress.com/2008/03/desktop2.jpg" alt="desktop2.jpg" /></p>
<p>Here is redesigned OMWeather applet that uses 100&#215;100 square as main unit. Looks very nice, isn&#8217;t it? :)</p>
<p>if you&#8217;re not satisfied  with 7 days forecast or that it covers so much space, then you can switch OMWeather into &#8220;small icons mode&#8221; and you&#8217;ll get this:</p>
<p><img src="http://tabletui.files.wordpress.com/2008/03/desktop3.jpg" alt="desktop3.jpg" /></p>
<p>As you can see, now it&#8217;s 50px tall and it uses 300px rectangle to show 4 days in a row. 100% readable and nice.</p>
<p>So, as you see, some limits can be pretty useful for developer and user to create nice and well arranged operating environment. Next time I&#8217;ll continue to suggest some guidelines in UI planning. Hope you like it.</p>
<p>Thanks for reading and stay tuned.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/35/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/35/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/35/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=35&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/03/04/chapter-iii-home-sweet-home/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/03/desktop1.jpg" medium="image">
			<media:title type="html">desktop1.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/03/desktop2.jpg" medium="image">
			<media:title type="html">desktop2.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/03/desktop3.jpg" medium="image">
			<media:title type="html">desktop3.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>OMWeather «Contour» iconset.</title>
		<link>http://tabletui.wordpress.com/2008/03/01/omweather-%c2%abcontour%c2%bb-iconset/</link>
		<comments>http://tabletui.wordpress.com/2008/03/01/omweather-%c2%abcontour%c2%bb-iconset/#comments</comments>
		<pubDate>Sat, 01 Mar 2008 13:41:37 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Released software]]></category>

		<category><![CDATA[Contour]]></category>

		<category><![CDATA[icons]]></category>

		<category><![CDATA[iconset]]></category>

		<category><![CDATA[Maemo]]></category>

		<category><![CDATA[OMWeather]]></category>

		<category><![CDATA[weather]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=33</guid>
		<description><![CDATA[Hello.
Today I want to introduce you my iconset for OMWeather called «Contour»
The main feature of this set is that it looks very familiar with  Maemo OS&#8217;08 interface. And also it&#8217;s 100% readable both on bright and dark backgrounds.
Feel free to post your comments and suggestions here :)

Right now you can download it here but [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p style="font-size:16px;line-height:20.8px;"><img src="http://tabletui.files.wordpress.com/2008/03/coi.jpg?w=160&h=136" style="font-size:16px;line-height:20.8px;" alt="coi.jpg" align="left" height="136" width="160" />Hello.</p>
<p style="font-size:16px;line-height:20.8px;">Today I want to introduce you my iconset for OMWeather called «Contour»</p>
<p style="font-size:16px;line-height:20.8px;">The main feature of this set is that it looks very familiar with  Maemo OS&#8217;08 interface. And also it&#8217;s 100% readable both on bright and dark backgrounds.</p>
<p style="font-size:16px;line-height:20.8px;">Feel free to post your comments and suggestions here :)</p>
<p style="font-size:16px;line-height:20.8px;"><img src="http://tabletui.files.wordpress.com/2008/03/contour1.jpg" alt="contour1.jpg" /></p>
<p><a href="https://garage.maemo.org/tracker/download.php/93/420/2255/246/omweather-icons-contour_0.2_all.deb">Right now you can download it here</a> but soon it will be available right in your Application Manager.</p>
<p>Want to give many thanks to Vlad Vasiliev for rapid helping me in assembling .deb file :)</p>
<p>Stay tuned.</p>
<p>P.S.: And happy first day of spring :)</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/33/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/33/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=33&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/03/01/omweather-%c2%abcontour%c2%bb-iconset/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/03/coi.jpg" medium="image">
			<media:title type="html">coi.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/03/contour1.jpg" medium="image">
			<media:title type="html">contour1.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Going from Reading to ReadWriting</title>
		<link>http://tabletui.wordpress.com/2008/02/20/going-from-reading-to-readwriting/</link>
		<comments>http://tabletui.wordpress.com/2008/02/20/going-from-reading-to-readwriting/#comments</comments>
		<pubDate>Wed, 20 Feb 2008 20:20:28 +0000</pubDate>
		<dc:creator>arjwdotcom</dc:creator>
		
		<category><![CDATA[Light UI modifications]]></category>

		<category><![CDATA[browser]]></category>

		<category><![CDATA[extensions]]></category>

		<category><![CDATA[interface]]></category>

		<category><![CDATA[MicroB]]></category>

		<category><![CDATA[semantic web]]></category>

		<category><![CDATA[UI]]></category>

		<category><![CDATA[user expereince]]></category>

		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=31</guid>
		<description><![CDATA[This is a derivation of a post made on my personal website titled &#8220;Going from Reading to ReadWriting by Improving the Internet Tablet&#8220;, though tuned for this site&#8217;s audience. Reading both might bring more clarity towards the idea in its enterity. But I wanted to keep this centered for this audience as much as possible.
Like [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><em>This is a derivation of a post made on my personal website titled &#8220;<a href="http://www.antoinerjwright.com/2008/02/going-from-reading-to-readwriting-by.php">Going from Reading to ReadWriting by Improving the Internet Tablet</a>&#8220;, though tuned for this site&#8217;s audience. <em>Reading both might bring more clarity towards the idea in its enterity. But I wanted to keep this centered for this audience as much as possible.</em></em></p>
<p>Like many who read this blog, I have invested a good deal of my mobile computing life into getting a device (or devices) and a set of services that works best for how I need to be productive in this quickly changing world. Unlike many, I know however, I tend to spend a lot of time in a browser, most of my working day in fact. Because of this association with the browser as a vital part of work and play, I&#8217;ve come to understand some of its shortcomings, and laud its benefits on whatever platform that I can.</p>
<p>Unfortunately, I cannot say that I have always been a fan of the Internet relayed to me on the Internet Tablet (IT). The reason is that while it does an excellent job in presenting to me the web that I can read, because of several aspects of the browser (and accompanying hardware/software issues), I cannot interact with it the way that an &#8220;internet tablet&#8221; should allow. If you will, Web 2.0 opened the door to an Internet that we did not just read but we also could compose. However, this central aspect of the web is not exploited on the IT. Moreover, I believe that this is one central reason why the user interface and user experience misses for the target audience and beyond.</p>
<p><strong>Addressing UI (and UX) via Extensions</strong></p>
<p>As some have already shown, the microB browser on the IT is capable of using extensions originally created for Firefox. However, for one reason or another, this has not jumpstarted the IT developer community towards making UI improvements.</p>
<p>For example, extensions in Firefox enable functionality such as blogging from any screen, saving bookmarks to online bookmarking services, taking screen shots, or even using embedded microformated content.</p>
<p>I propose addressing the UI items spoken about in previous posts here by developing extensions that do things like add a finger-sized scrollbar, or change the appearance of the address bar.</p>
<p><strong>Actually ReadWriting</strong></p>
<p>This does not get us to the point of readwriting the web though. To get to this point, the browser has to facilitate more than just consuming content. The easiest way to address this would be seeing a tighter integration between the microB browser and various web services.</p>
<p>For example, adding a content menu when one taps and holds on an image stating &#8220;Send to Flickr&#8221; or &#8220;Add to Flickr and Tag.&#8221; Or how about adding a content menu that would appear when text is highlighted that would ask if the information needs to be parsed into calendar/contact format, or automatically pasted into an email.</p>
<p><strong>More than UI</strong></p>
<p>Pushing the ability of the browser past just a portal to consumer content means that the UI has to do more than look good. It enables the IT user to craft a trend of using &#8220;internet anywhere&#8221; as a more normative view of using the Internet. When services are tasked with being able to plug-in efficiently to the said browser, a layer of &#8220;how&#8221; is breached for users so that &#8220;go&#8221; becomes the new how. We&#8217;ve seen how the rise of extensions for Firefox has allowed for users to create a personalized web that is and isn&#8217;t a part of the online experience. Given the personal and touchscreen natures of the IT, one could argue that doing the same would enable the same type of UI/UX shift.</p>
<p>Most of what I propose is more along the lines of user experience than the interface itself. Nevertheless, I&#8217;ll argue that the two have to dance more when it comes to addressing the usability of the IT. As a platform, until the device starts to push against the status quo, it will continue to just be viewed as a device that is one of many. And that it is, lest someone tears a page out of history and decides to use an Internet Tablet to write another. Then the web really begins to script life differently.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/31/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/31/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/31/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=31&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/02/20/going-from-reading-to-readwriting/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/arjwdotcom-128.jpg" medium="image">
			<media:title type="html">ARJWright</media:title>
		</media:content>
	</item>
		<item>
		<title>It&#8217;s alive! [Statusbar clock release]</title>
		<link>http://tabletui.wordpress.com/2008/02/17/its-alive-statusbar-clock-release/</link>
		<comments>http://tabletui.wordpress.com/2008/02/17/its-alive-statusbar-clock-release/#comments</comments>
		<pubDate>Sun, 17 Feb 2008 16:01:32 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Released software]]></category>

		<category><![CDATA[clock]]></category>

		<category><![CDATA[released]]></category>

		<category><![CDATA[software]]></category>

		<category><![CDATA[Tray]]></category>

		<category><![CDATA[user interface]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=27</guid>
		<description><![CDATA[   Hello everyone.















Today I want to proudly present you the first application, that was inspired by this blog:












Andrew Olmsted&#8217;s  Statusbar Clock





I think that I don&#8217;t need to explain what it does. The main great idea of Andrew is to use two applets for more visibility of digits and it works pretty solid!
I&#8217;m [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p> <img src="http://tabletui.files.wordpress.com/2008/02/sbc2.jpg" alt="sbc2.jpg" align="left" />  Hello everyone.</p>
<blockquote>
<blockquote></blockquote>
</blockquote>
<blockquote>
<blockquote>
<blockquote></blockquote>
</blockquote>
</blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote></blockquote>
</blockquote>
</blockquote>
</blockquote>
<p align="left">Today I want to proudly present you the first application, that was inspired by this blog:</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote></blockquote>
</blockquote>
</blockquote>
</blockquote>
<blockquote>
<blockquote>
<blockquote></blockquote>
</blockquote>
</blockquote>
<p><a href="https://garage.maemo.org/projects/statusbarclock/" target="_blank">Andrew Olmsted&#8217;s  Statusbar Clock</a></p>
<blockquote>
<blockquote>
<blockquote></blockquote>
</blockquote>
</blockquote>
<p>I think that I don&#8217;t need to explain what it does. The main great idea of Andrew is to use two applets for more visibility of digits and it works pretty solid!</p>
<p>I&#8217;m sure that this is just the beginning and many other ideas of community will inspire developers to make them real. Thank you very much, Andrew and thanks all for reading this blog. Keep it up!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/27/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/27/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/27/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=27&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/02/17/its-alive-statusbar-clock-release/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/sbc2.jpg" medium="image">
			<media:title type="html">sbc2.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Tablet Heart (Web Browser): Part I</title>
		<link>http://tabletui.wordpress.com/2008/02/03/tablet-heart-web-browser-part-i/</link>
		<comments>http://tabletui.wordpress.com/2008/02/03/tablet-heart-web-browser-part-i/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 05:10:26 +0000</pubDate>
		<dc:creator>Andrew Zhilin</dc:creator>
		
		<category><![CDATA[Medium UI improvements]]></category>

		<category><![CDATA[browser]]></category>

		<category><![CDATA[Maemo]]></category>

		<category><![CDATA[medium modification]]></category>

		<category><![CDATA[MicroB]]></category>

		<category><![CDATA[user interface]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=12</guid>
		<description><![CDATA[  Hello.
When you hear the word &#8220;Internet&#8221; or &#8220;Web&#8221; you don&#8217;t imagine instant messengers or some kind  of administration tools or anything else. Your first thought are zillions of sites, that carries zetabytes of information, that is given to you in different ways like text, pictures, animation, flash, music, video and so on. [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>  Hello.</p>
<p>When you hear the word &#8220;Internet&#8221; or &#8220;Web&#8221; you don&#8217;t imagine instant messengers or some kind  of administration tools or anything else. Your first thought are zillions of sites, that carries zetabytes of information, that is given to you in different ways like text, pictures, animation, flash, music, video and so on. So, if the device is called Internet Tablet — that means that it is profiled to give you easy and handy access to the maximum amount of internet resources. So the heart of that device should o be web browser. We gonna look at Internet Tablet browser and it&#8217;s UI closely in this article. Fire your engines!</p>
<p>To begin with I&#8217;d proudly like to say that OS2008 Internet Tablet&#8217;s web-browser called MicroB (also you can install it as additional engine in OS2007)  is one of the best portable experiences of web browsing at all. It totally kicks Windows Mobile &#8220;Opera Mobile&#8221; and other competitors and easily competes with iPhone&#8217;s Safari that is &#8220;revolutionary extremely great new awesome and blah-blah&#8221; ;-) And it beats UMPC&#8217;s (to be fair, to that moment) because of battery life. It handles most of the sites without any render problems or crashes (actually, I haven&#8217;t seen such site :-). This is really really great and it approves the name of Internet tablet for 100%.</p>
<p>But nothing is ideal for 100% so after long time of everyday using MicroB I have come to some UI improvements that will help user to access most of the functions easy and quick.</p>
<p>First of all let&#8217;s see how it looks and behaves right now:</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_12.jpg" alt="web_12.jpg" /></p>
<p><span id="more-12"></span></p>
<p>Right now we have Big Fat Browser Icon in top left which should to be a Mothership for all browser aspects but now it&#8217;s somehow used for quick launch of bookmarks. And that&#8217;s all. What I want to do with it I&#8217;ll describe a bit later, let&#8217;s see other items.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_2.jpg" alt="web_2.jpg" /></p>
<p>Going clockwise, we have a &#8220;view options&#8221; button. It pops up a menu where you can adjust images visibility and loading priority, activate some browser media add-ons to display (like flash), set zoom amount, toggle &#8220;fit to width&#8221; mode, when browser tries to reformat web-page&#8230; to fit screen&#8217;s width :-) and the last you can enable &#8220;find on page&#8221; menu, which behaves exactly as it said. After short adaptation it becomes very handy. The one thing I wanted to demand is to give user some &#8220;media profiles&#8221;. For example, while on cellular connection the MicroB will automatically disable flash and images loading to increase speed and save money :-). And while on Wi-Fi it enables all. As for me I&#8217;m a bit tired but get used to always switch them with my hands.</p>
<p>Then we can see three absolutely standard buttons for every browser: Go/back/forward. But. While everybody knew it for a long time that tap&#8217;n'hold on &#8220;go&#8221; makes the refresh of the page, in this time almost nobody knew that on tap&#8217;n'hold on back/forward they will pop-up the history of opened pages. I was dreaming about this feature and already made mock-ups of interface and so on, and hen I just found it by chance :-) This is very great feature and I&#8217;m glad that it&#8217;s already made :-)</p>
<p>Now we came to the address bar. For the first sight there must be nothing special and nothing to do. But. Micro, as it&#8217;s elder bro Firefox have (actually had) a great feature: you can just type a search request that you need in the address bar and it will be automatically searched in Google. But in OS&#8217;08 developers made some very (extremely) strange thing: now it actually searches Google BUT it shows you the page that was the first in Google&#8217;s results table (A.K.A. &#8220;I&#8217;m feeling lucky&#8221;). That&#8217;s crap. Sorry but it is. Please, bring back standard search results, I think everybody were happy with them :-(</p>
<p>Ok, let&#8217;s move on. Then we have an optional RSS button, that appears when RSS feed is available. This is great. You can subscribe to the feed in one click right in the browser. Awesome. You guys got the right steam!</p>
<p>And the last one is &#8220;Bookmarks &amp; History&#8221; button.  It pop-ups a small menu where you can choose, add and organize bookmarks (again), manage and explore your browsing history and quickly jump to your homepage. Ok, we&#8217;re done with describing. Let&#8217;s see how it works.</p>
<p>You click on the Big Fat Browser Icon and tap &#8220;Open new browser window&#8221;. Then enter preferred address and you&#8217;re there. Or you can just choose a bookmark and new window will automatically open. If you click a bookmark when the window is already opened - then it loads in it. That&#8217;s ok. But how can we navigate thru two or more windows? You can click the browser icon in the taskbar and you&#8217;ll see a list of opened windows.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_3.jpg" alt="web_3.jpg" /></p>
<p>Ok, but what should I do when browser taskbar icon is out of sight? Well, almost no problem, just tap bottom-left icon (window manager) and you&#8217;ll see&#8230; a list of all opened programs. Oook, now we&#8217;re gonna find our browser and tap it. In my example there are just four apps opened. But what if I&#8217;ve opened 6 browser windows, a few Pidgin chat windows and media player? I need to scroll thru all of them just to find the browser window that I need. Pay attention that Big Fat Browser Icon that is always visible and is staying unused all this time. let&#8217;s give it some work!</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_4.jpg" alt="web_4.jpg" /></p>
<p>Here you can see a totally rearranged web-browser  menu.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_5.jpg" alt="web_5.jpg" /></p>
<p>First of all — the number on the icon. It shows you the number of opened windows right now. It helps you to quickly manage your Tablet&#8217;s performance. It can handle 2 digit numbers :-)  Then. We click on it and see well known two-sided menu that you can see by clicking &#8220;applications&#8221;. It behaves the same way on overflow. Let&#8217;s take a look on that menu. Right after clicking the left menu is standing on the &#8220;opened windows&#8221; position and shows you a list of opened windows on the right side. You can close them right there. Now I&#8217;m gonna tell you some hint/suggestion.</p>
<p>As you can see there are three windows with different favicon (that small square on the globe) properties. Nokia start page have no favicon, NYT have standard 16×16 favicon. But what&#8217;s that with Wikipedia? Photoshop? Not really. It helds the advantage of the &#8220;iPhonomania&#8221;. technically it takes a picture that is dedicated to be taken by the iPhone/iPod Touch. They use a special 57×57 .png file named &#8220;apple-touch-icon.png&#8221; that is always placed in the site root, to use it in WebClip shortcut. So, why not to use it too? :-) And if there is no such file then we can use &#8220;oldskool&#8221; favicons.</p>
<p>Let&#8217;s go on. Next menu tab is &#8220;Bookmarks&#8221;. I&#8217;ve combined whole bookmark management in there: adding, organizing and choosing — all things thru one simple and easy to access menu. Bookmark groups behaves the same way like the old. On the screenshot there is &#8220;Google apps&#8221; group displayed.</p>
<p>History behaves exactly the same way like bookmarks: white list — day groups and sub-menus — links. Easy and relative.</p>
<p>Search is a special kind of bookmarks - there you can add your preferred search engines or sites like Wikipedia, Google, Yahoo! and so and so on for instant access.</p>
<p>And the last one is a quick jump to your homepage.</p>
<p><img src="http://tabletui.files.wordpress.com/2008/02/web_6.jpg" alt="web_6.jpg" /></p>
<p>So. As you can see we have made an easy and very handy access to all browsing aspects: quick switching, closing, opening, bookmarking, organizing and searching. And we used only native OS&#8217;08 tools that are already (almost) available. In Chapter II we&#8217;ll discuss and improve other aspects of MicroB like quick copy/paste, roll over mode, scrollbars and others.</p>
<p>Stay tuned!</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/12/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/12/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=12&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/02/03/tablet-heart-web-browser-part-i/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/tabletui-128.jpg" medium="image">
			<media:title type="html">wazd</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_12.jpg" medium="image">
			<media:title type="html">web_12.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_2.jpg" medium="image">
			<media:title type="html">web_2.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_3.jpg" medium="image">
			<media:title type="html">web_3.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_4.jpg" medium="image">
			<media:title type="html">web_4.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_5.jpg" medium="image">
			<media:title type="html">web_5.jpg</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/02/web_6.jpg" medium="image">
			<media:title type="html">web_6.jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>OS2008 Browser Enhancements</title>
		<link>http://tabletui.wordpress.com/2008/01/31/os2008-browser-enhancements/</link>
		<comments>http://tabletui.wordpress.com/2008/01/31/os2008-browser-enhancements/#comments</comments>
		<pubDate>Thu, 31 Jan 2008 08:52:49 +0000</pubDate>
		<dc:creator>n800slip</dc:creator>
		
		<category><![CDATA[Medium UI improvements]]></category>

		<category><![CDATA[browser]]></category>

		<category><![CDATA[history]]></category>

		<category><![CDATA[scrollbar]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=7</guid>
		<description><![CDATA[While some users have complained about some of the technical aspects of the new browsers (e.g. latency, compatibility), I have found it to be quite good. Still, I can see some improvements that could be made to the UI to make it even better.
Scrollbar
Overall the browser makes a good attempt at being finger-friendly: the toolbar [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>While some users have complained about some of the technical aspects of the new browsers (e.g. latency, compatibility), I have found it to be quite good. Still, I can see some improvements that could be made to the UI to make it even better.</p>
<p><b>Scrollbar</b></p>
<p>Overall the browser makes a good attempt at being finger-friendly: the toolbar icons at the bottom, though small, are just large enough for finger presses. But while the scroll bar in other parts of OS2008 have become wider and more finger-friendly, the scroll bar in the new browser remains frustratingly stylus-focused. So the first change I would make to the browser would be either add the finger-based scrollbar outright or at least provide the option to use it. Another option would be to make it the default only in fullscreen mode, as I have depicted.</p>
<p><a href="http://tabletui.files.wordpress.com/2008/01/browser_fingerscroll.png" title="Browser Finger Scrollbar"><img src="http://tabletui.files.wordpress.com/2008/01/browser_fingerscroll_600.png" alt="Browser Finger Scrollbar" /></a></p>
<p>(click for 800&#215;480 version)</p>
<p>I have retained the stylus-sized horizontal scrollbar, since I believe it is less used. In full-screen mode, the page area is now ~735pixels wide, instead of 778px, but you gain a lot of usability for that minor loss of page real estate. (Now, some of you might retort that users can simply use the d-pad for scrolling. I&#8217;d agree, except that the d-pad scrolling in the browser is horrendous, since it is designed (foolishly, I think) to jump from link to link rather than scroll smoothly up/down. If that problem was resolved, the need for the finger scrollbar might be mitigated.)</p>
<p><b>Recent History (Back/Forward)</b></p>
<p>If you&#8217;ve ever gone down the rabbit-hole on a site like Wikipedia or Digg, you know that you can quickly end up on a wandering path of distraction. When you realize you&#8217;ve just wasted 15 minutes, you might want to go back to where you started to remember what it was you were seeking in the first place. As it is designed now, you would have to click the back button repeatedly until you reach your diving-off point. Since the browser will reload each of the pages along that trail, this can be intolerably slow, especially if you are on a slow connection.<span id="more-7"></span></p>
<p>The latest desktop browsers all provide a mechanism with which the user can jump back to a particular page in their recent history.  In Firefox, for example, you can click on the drop-down arrow on the back or forward buttons and select from a list of recent pages. It would be incredibly useful to be able to pick from a recent history list in the browser instead of clicking back repeatedly.</p>
<p>There is already a design paradigm in the browser that could be re-used for this purpose. Pressing the bookmark button (globe) pops up a list of your bookmarks. Scrolling through this list is done with the small up and down buttons at the bottom of the list. The back/forward buttons could function exactly like the bookmark list.<a href="http://tabletui.files.wordpress.com/2008/01/browser_history.png" title="Browser Recent History (Back/Forward)"><img src="http://tabletui.files.wordpress.com/2008/01/browser_history_600.png" alt="Browser Recent History (Back/Forward)" /></a></p>
<p>(click for 800&#215;480 version)</p>
<p>Furthermore, it might not be necessary to have both a back and a forward buttons. I imagine that when the user presses the &#8220;history&#8221; button, a  list would pop up; that list would be divided by a horizontal line. Above the line would be the &#8220;back&#8221; pages, below the line would be the &#8220;forward&#8221; pages (or vice-versa&#8211;comments?).   The highlighting would default to the latest page visited (the one that the browser would go to if you just hit the back button in the current design).</p>
<p>(Note: Please ignore the numbers 1, 2, 3 in the list. I just copied the bookmark window and moved it over. I use the numbers so that those oft-visited pages are at the top of my bookmark list.)</p>
<p>Looking forward to your feedback and comments.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/7/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/7/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/7/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=7&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/01/31/os2008-browser-enhancements/feed/</wfw:commentRss>
	
		<media:content url="http://tabletui.files.wordpress.com/2008/01/browser_fingerscroll_600.png" medium="image">
			<media:title type="html">Browser Finger Scrollbar</media:title>
		</media:content>

		<media:content url="http://tabletui.files.wordpress.com/2008/01/browser_history_600.png" medium="image">
			<media:title type="html">Browser Recent History (Back/Forward)</media:title>
		</media:content>
	</item>
		<item>
		<title>More User Interface Generalisations - the Consistency Myth?</title>
		<link>http://tabletui.wordpress.com/2008/01/24/more-user-interface-generalisations-the-consistency-myth/</link>
		<comments>http://tabletui.wordpress.com/2008/01/24/more-user-interface-generalisations-the-consistency-myth/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 22:22:06 +0000</pubDate>
		<dc:creator>kareljansens</dc:creator>
		
		<category><![CDATA[Light UI modifications]]></category>

		<category><![CDATA[Hildon]]></category>

		<category><![CDATA[HWR]]></category>

		<category><![CDATA[interface]]></category>

		<category><![CDATA[KDE]]></category>

		<category><![CDATA[Newton]]></category>

		<category><![CDATA[Psion]]></category>

		<category><![CDATA[rant]]></category>

		<guid isPermaLink="false">http://tabletui.wordpress.com/?p=6</guid>
		<description><![CDATA[As Antoine R J Wright already noted , there is more to a good pocket computer&#8217;s user interface than just getting the right screen layout for your user&#8217;s home screen. &#8220;Consistency&#8221; is the magic word, but what does that exactly mean and how important is it really?
Let&#8217;s go back to the Psion. The Series 3 [...]]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>As Antoine R J Wright already noted , there is more to a good pocket computer&#8217;s user interface than just getting the right screen layout for your user&#8217;s home screen. &#8220;Consistency&#8221; is the magic word, but what does that exactly mean and how important is it really?</p>
<p>Let&#8217;s go back to the Psion. The Series 3 has a keyboard-oriented interface, based on drop-down menus, lots of keyboard shortcuts and a zoomable screen. Psion put down guidelines and many developers did indeed follow them. Nevertheless, there are Psion programs that do not follow those guidelines and became rather successful nevertheless (most of <a title="JBSoft software for Psion" href="http://www.compulink.co.uk/~jbsoft/index.htm" target="_blank">JBSoft</a>&#8217;s programs e.g. took those guidelines rather loosely). I think that the explanation for this is that the Psion&#8217;s interface, while very clever, wasn&#8217;t very intrusive or necessary for efficient use of the computer. Despite their inventiveness, Psion Series 3s were basically shrunk down pcs with keyboards. The user didn&#8217;t need to get accustomed to a radically new way to use the Psion, just to a more clever way to use the keyboard.</p>
<p>The Newton was different. For one thing, it&#8217;s a true tablet pc so any way to use a keyboard on it would be tricky and uncomfortable. Most Newton users would not be accustomed to using a tablet, so Apple rightly decided that the user interface was very important to the whole &#8220;Newton feel&#8221;. Then again, that consistency (as far as the user experiences go &#8212; I&#8217;m not going to delve into the developer&#8217;s point of view) is mostly limited to the HWR, the gestures interface (scrubbing to delete stuff, dragging to/from the margins to copy/paste), the placement of menu options (the &#8220;send&#8221; icon top right, in-program menu options on the baseline) and the look and feel of sub-windows.</p>
<p>The content of Newton programs could vary wildly and mostly escaped interface control. Example: Newtons came with &#8220;Newton Works&#8221;, a combination of word processor, spreadsheet and various installable modules, that out-of-the-box would <em>not </em>recognize handwriting; you needed a community-developed addon for that! (the reason for this was that Works was developed for the <a title="Newton eMate" href="http://en.wikipedia.org/wiki/Emate" target="_blank">eMate</a>, a keyboard variant of the Newton MessagePad). I still have on my MessagePad an interesting CAD-like program for surveying and drawing house plans, PocketHousMap, that defied several (but not all!) of the Newton&#8217;s guidelines. Cigraph stopped supporting it when de Newton was discontinued, but the manual can be found <a title="PocketHouseMap manual" href="http://dc.unna.org/unna/applications/PocketHouseMap/PocketHouseMap-handbook.pdf" target="_blank">here</a>.</p>
<p>What&#8217;s my personal take on this? There is one significant difference between the two environments I mentioned above and Maemo/Hildon: Both SIBO (Psion&#8217;s Series 3 OS) and NewtonOS are &#8212; very &#8212; closed source, and the Itablet&#8217;s OS isn&#8217;t. The question is whether it is doable (and ethical) to impose strict guidelines to developers on an Open Source environment. Personally, I think it shouldn&#8217;t be done, not as mandatory guidelines anyway. On the other hand, the design of Hildon isn&#8217;t such that it encourages developers to freely adapt to it; there are too many inconsistencies, flaws and even contradictions in it to make Hildon a &#8220;good&#8221; user interface. The only reason people &#8220;hildonise&#8221; their applications, is because there is no real alternative to the Hildon UI &#8212; yet.</p>
<p>This is where <a title="KDE on Itablet" href="http://tablethacker.com/kde.html" target="_blank">Penguinbait&#8217;s KDE port</a> comes into play again.  KDE is a very mature windowing environment, which has been fully GPLed recently. It is also very adaptable (see my earlier remark about putting menus on the bottom) and people seem to really like developing for it. If I were to improve the Itablet&#8217;s UI, I&#8217;d put my money on tweaking the KDE port, especially now that <a title="Cellwriter HWR" href="http://risujin.org/cellwriter/" target="_blank">Cellwriter</a> is claimed to be working in KDE, and give Hildon a run for its money.</p>
<p>We don&#8217;t need to turn the Itablet into a Newton copy (although it might be possible with <a href="http://www.kallisys.com/newton/einstein/" target="_blank">OpenEinstein</a>, one day), but we do need to find better ways to make it interact with us, especially if we want the Itablet to become more than a geek&#8217;s network sniffing tool. It&#8217;s a fine line between giving developers a set of guidelines they <em>want </em>to follow, and UI fascism, but I believe that less rules is always better. We just have to find the <em>good </em>less rules.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/tabletui.wordpress.com/6/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/tabletui.wordpress.com/6/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tabletui.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tabletui.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tabletui.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tabletui.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tabletui.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tabletui.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tabletui.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tabletui.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tabletui.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tabletui.wordpress.com/6/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tabletui.wordpress.com&blog=2548330&post=6&subd=tabletui&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://tabletui.wordpress.com/2008/01/24/more-user-interface-generalisations-the-consistency-myth/feed/</wfw:commentRss>
	
		<media:content url="http://a.wordpress.com/avatar/kareljansens-128.jpg" medium="image">
			<media:title type="html">kareljansens</media:title>
		</media:content>
	</item>
	</channel>
</rss>