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’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. Some of them don’t even know what to do. Let’s take games for example. Imagine that you don’t know the rules of football for example. You’re just standing in the field with the ball. And there are another 21 men that don’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.
Now let’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’s nice cause your imagination isn’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’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’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.
So, before start shouting (if you want :) “allow developers do what they want!” or “You’re suggesting jail!” think about end users that will be happy to have consistent UI’s in many programs. If developer don’t want to think about user, then whom he is developing for?
Ok now, let’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’08 is of course randomly jumping applets. They are jumping because it’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 “arrange applets mode”. 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.
Let’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.
So, now it’s extremely difficult to casually move applets with finger or in the pocket but still pretty easy to move it with the stylus.
Let’s move on. As we now have an easy way to arrange applets in the way we like, let’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 “Snap grid”. It’s… a snap grid :) It will appear when you’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’08 is 300px wide and 100px tall. So, let’s the main measurement uni will be a 100×100 pixels square. But it’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×25 squares. Though the are invisible, applet will snap to this invisible border during accurate moving.
So, this grid is giving user a chance to nicely arrange or resize applet into beautiful array. But that’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:
Here is redesigned OMWeather applet that uses 100×100 square as main unit. Looks very nice, isn’t it? :)
if you’re not satisfied with 7 days forecast or that it covers so much space, then you can switch OMWeather into “small icons mode” and you’ll get this:
As you can see, now it’s 50px tall and it uses 300px rectangle to show 4 days in a row. 100% readable and nice.
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’ll continue to suggest some guidelines in UI planning. Hope you like it.
Thanks for reading and stay tuned.