Pan, Zoom and Transform in SketchBook Express

I was playing with SketchBook Express on my MAC today, and I found the transformation and pan/zoom widgets intriguing.

Transformation Widget
SketchBook Express implements a novel solution for transforming a selected area. Upon selection a widget enables a different type of transformations: move, rotate and scale. The default action is pan, so, If I select, and start dragging right after, the widget will perform a move.

The widget appears when moving the mouse near the selection and it disappears when moving away from it. This is a similar show/hide behavior that Word implements for contextual floating toolbars. I found somewhat annoying Word's permanently hiding the toolbar when I move the mouse too far. Clearly Word tries to guess my intentions, but, as usual, smart behaviors are great if they right 90%, and frustrating otherwise. Luckily SketchBook does not fall into this trap, and it provides a simple close button to explicitly hide of the widget.



While this widget provides an interesting solution for transforming a selection, it does take some time to get used to it. I found myself always hesitating a bit before starting a move. Will I ever adapt?

Pan/Zoom Widget
SketchBook Express implements also a novel solution for Pan and Zoom. Upon press and hold of the SPACE bar the app displays a floating Pan/Zoom widget.

I can manipulate the view until I get when I want, then release the SPACE bar to return to my previous mode. Pan/Zoom is also an explicit mode, but I found the quasi-modal solution the most appealing.



SketchBook Express is free on the MAC. if you find intriguing what I described, try it for yourself!

Read more »

Clever yet confusing tab grouping affordance on the MAC's ribbon

On the revised ribbon on the MAC, Microsoft designed a very interesting solution to represent a set of contextual tabs. The Charts tab points to the associated Chart Layout and Format tab, representing the relation among them.



A similar concept is represented in a slightly different way on Windows, which groups the contextual tabs adding a colorized section with label above the contextual tabs.



I found the new solution on the MAC clever and potentially more elegant, but it is currently less obvious then the Windows affordance.
The MAC solution would become much easier to understand if all Charts tabs were using the same purple color. The Charts tab now provide a mixed message to the user. It is visually grouped with the other tabs by using the color green. At the same time it is visually grouped with the purple tabs by using the pointy shape. Confusing.

Read more »

Visual Tabs Browsing in Windows 8

I am a visual person and I love when designer replace text with an image of the actual thing. How about getting back to a browser tab by selecting the view of the page that you want to keep reading.
In the Metro Style Browser in Windows 8 displays the open tabs with a list of thumbnail of the page in a bar on top. The bar doesn't show up and take additional space, unless you tap on the top portion of the screen.



In which case the bar appears temporarily as on overlay over the browser.

Read more »