Posts tagged technology

Windows 8 Consumer Preview: What’s Changed?

As I have spent a few weeks using Windows 8 on both my netbook and my main desktop computer I thought it would be a good idea to go over what has changed.

The biggest and most noticeable change coming from previous Windows versions is that of the new ‘Metro’ Windows Runtime (WinRT) environment. From my understanding this is not merely a touch-based shell that sits on top of Windows but rather a core level environment that provides four new distinct paradigms for Windows users: a fullscreen immersive app experience, side-by-side app snapping, pinned live tiles and a touch-centric metro-inspired user interface.

The Start Screen (Metro)




By grouping the live tiles and changing certain properties like tile size and position I was able to organise my start screen to look more uniform and clean by de-cluttering the unnecessary apps that plagued the start screen upon first install. As you can see you are able to pin not only metro apps but legacy shortcuts as well. (each time you install a legacy app the shortcuts appear at the end of the start screen just like the start menu)
 

More Settings (Metro)



This is the new settings page where users can customise and control certain new features which are provided in Windows 8 such as the lock screen which appears when you are aren’t logged into Windows as well as changing your theme which consists of a background pattern and a selection of fixed colour variants.

One of the great benifits of using Windows 8 is that it is integrated with Microsoft’s cloud storage solution SkyDrive, which means that if you are logged into Windows using a Microsoft ID (such as a Live account) all your apps, app settings and legacy explorer configurations are saved to the cloud which will enable you to sync them to multiple devices. So far this seems to work well and syncing is surprisingly fast.
 

Desktop (Legacy)



What is now known as the legacy desktop environment is essentially Windows 7, so little has changed but that is not necessarily a bad thing as Windows 7 is still a very solid OS. However one of the main differences you will instantly notice is that Windows Explorer not only looks different but that file management performance has greatly improved.

The explorer ribbon in it’s current implementation is still quite bad, though I must confess as a power-user one feature I do like is the ability to pin any explorer option found in the ribbon to the ‘Quick Access Toolbar’ which is displayed on the Aero glass part of the window. For me every folder needs to be displayed and structured a certain way i.e: grouping files by file-type and then sorting by date modified or name, so I have pinned the ‘View’ and ‘Group by’ options so now I can quickly change the folder properties a lot more easily.

Compact Windows explorer list view

This may or may not be a new feature but is something I came across. If you resize a window right down to it’s smallest width the navigation pane disappears so that you are left with a list of files with the folder. This is great because if you do what I do and ‘hide file names’ for photos in a large photoset for example, what you are left with is a nice orderly list of photos with no extra chrome which makes viewing files much cleaner. Another great option for viewing items in this compact list view is ‘Content’ which you can see in the photo above. This would be also be a nice way to view files if you are multitasking and don’t want to take up a lot of screen space if say you’re using a netbook, just snap the folder to the side where you can scroll through the list of files or photos without cluttering the desktop space with unnecessary explorer chrome.

Detailed Pane moved

Another change to explorer which I particularly like is that the detailed pane is no longer at the bottom of the window which I always found to take up too much space but instead is now placed in the same position as where the preview pane exists, to the right side of the window. For power-users this will be useful, especially for photographers as the camera’s EXIF data is more prominently displayed.


Side-by-side Multitasking (Dual-Metro View)



Much like the snap function in Windows 7 (although this works differently) Windows 8 allows users to snap apps to either side of the screen for multitasking purposes. Essentially developers provide two layouts for their apps, one for fullscreen viewing and another for viewing in snapped mode. In the screenshot above I have opened to the left the Windows Store where I am viewing an app and to the right I have snapped another metro app which is Music - which by the way is poorly designed and thought out to the extent that the app is rendered useless.

Side-by-side Multitasking (Legacy/Metro View)



You can also use the legacy desktop while viewing a metro app. In this instance I am showing Adobe Photoshop running beside the People app displaying recent tweets from The Verge. (Unfortunately there are no social networking apps in the store as of yet but in a ideal situation when more apps are available I would have a metro version of Twitter or a news feed snapped to the side)

So what do I make of Windows 8 Consumer Preview? It is hard to say right now, as a designer I feel compelled to point out all the UX inconsistencies (which I will be doing in a later article) but I do realise that this is only a beta release and that I am assuming many features are yet to be revealed so I am reserving complete judgement till later builds are made available.

The main aspect that will determine if Windows 8 is a success on an UX level is if Microsoft is able to offer a great selection of extremely high quality apps that are not generic in the sense that apps do not merely stick to the default layout and controls (which so far all Windows 8 apps have done) but that they should make use of the APIs to create some innovative and creative interactive experience. Judging by what I have seen so far with Windows Phone and it’s marketplace I am not so optimistic. Will HTML5 be enough to convince developers to build these high quality apps? I’m not so sure.

“the point is that these devices are simply dispenses of content for us nowadays and so we want large screens with easy connectivity to any content we want. It’s less how the devices look and more about how they behave.”

Good aesthetics and industrial design will always be an integral part of the products we use going forward but I do agree with the notion that we are moving towards a time when sooner or later hardware will be less of a differentiating factor and UX (software) instead will be of more importance for both the OEMs and the consumers.

Google Reader UI Redesigned
Google Reader finally gets it’s much needed facelift and what a difference it makes. The changes comes as part of Google’s recent move to focus it’s attention on updating it’s apps for better usability by keeping elements well-spaced, providing simple navigation and displaying information clearly with less chrome.Things that have been changed or added
The default home view shows a list of new unread posts
The default home view now shows a right column displaying recently starred, recently kept unread and recently read posts
Elements such as buttons, markers and the scrollbar have been updated with the new design
Ability to natively +1 a post and share to Google+
Trends tab now displays statistical data on usage (you can also view individual stats for a subscription by navigating to the arrow and clicking ‘view details and statistics’) 
A shadow appears when gradually scrolling through the navigation pane
Most users spend countless time in Google Reader consuming content so it is only right that the experience they have is pleasurable and not painful.

Google Reader UI Redesigned

Google Reader finally gets it’s much needed facelift and what a difference it makes. The changes comes as part of Google’s recent move to focus it’s attention on updating it’s apps for better usability by keeping elements well-spaced, providing simple navigation and displaying information clearly with less chrome.

Things that have been changed or added

  • The default home view shows a list of new unread posts
  • The default home view now shows a right column displaying recently starred, recently kept unread and recently read posts
  • Elements such as buttons, markers and the scrollbar have been updated with the new design
  • Ability to natively +1 a post and share to Google+
  • Trends tab now displays statistical data on usage (you can also view individual stats for a subscription by navigating to the arrow and clicking ‘view details and statistics’) 
  • A shadow appears when gradually scrolling through the navigation pane

Most users spend countless time in Google Reader consuming content so it is only right that the experience they have is pleasurable and not painful.

Productivity Future Vision by Microsoft

“We see an expanded definition of productivity where it’s not just about getting things done,” said David Jones, Microsoft’s director of envisioning. “It’s also about doing the right things, and doing them well and enjoying the process with other people in a very natural way.”

 

Windows 8 Start Screen: Boring UI or F****n’ Sweet?

On Friday Microsoft revealed a video demonstrating Windows 8 booting up from post in just 2 seconds. You can watch the video here.

What is not so exciting is Windows 8’s Start Screen which was revealed at the end of the video. Now don’t get me wrong, I am definitely liking the new design approach, it’s just that knowing Microsoft they are not going to consider every small detail when it comes to the design, even if what they release is not final code.

What I hope has been done is allow the Start Screen to be fully customisable (not merely changing tile layout). But similar to the ‘advanced’ controls under Appearances in the legacy environment, these new controls will enable options such as:

  • Adding a background image from the computer
  • Adjusting the tint level added by default onto every background (the tint is to separate the background from the tiles to avoid them conflicting visual)
  • Adjusting the opacity level to all or only specific tiles and an option to reveal tiles (revert to 100% opacity) on mouse-over or touch
  • Allowing users to select any tile colour, not just a list of pre-chosen swatches


People love Windows because of this level of personalisation. In the image below you see an example of how I drastically enhanced the UI by simply adding a background image and reducing the tile opacity. This is the small detail I referred to earlier.



I am hoping Steven Sinofsky does not let everyone down by revealing unfinished code because they have had plenty of time since AllThingsD to consider every aspect of the OS.

What are your thoughts. If you walked into a store which UI would catch your eye first and would you want to see on your computer or TV? 

Greg Bernstein redesigned the iTunes license agreement.

via The Daily

Greg Bernstein redesigned the iTunes license agreement.

via The Daily

Windows 8 Explorer Metro Ribbon UI with Touch First in mind

With the Microsoft BUILD conference nearing closer there has been an increased surge of excitement throughout the developer world as Steven Sinofsky, President of the Microsoft Division begins to openly discuss the in-depth look into the mechanics behind their new  ”Redesigning Windows” approach.

He recently posted an article on ‘Improvements in Windows Explorer’. Where he discusses how the Windows Explorer (They should change it to File Explorer) has developed over time and ends with introducing the new Windows 8 Explorer that features the ‘ribbon’ we see today in applications such as Microsoft Office or Live Essentials.

This GUI (a static kitchen sink) had it’s uses in feature rich applications, however Microsoft should consider developing this further and provide a “dynamic and intelligent” ribbon that is not only configurable but is smart enough to change it’s UI based on device type and window size. (i.e: icon size, text placement, number of rows and columns, spacing etc.)

Windows 8 Ribbon

As it stands this Ribbon interface is ideal for legacy applications as it provides a function but I assumed the whole idea of Windows 8 was to move away from standard Windows environment and provide something revolutionary and innovative. Like mentioned previously, a “Dynamic and Intelligent” Metro ribbon that understands the users needs.

Touch First Windows 8 Ribbon

See full Size with annotation


That is exactly what I designed in the above image to try and communicate this point. By simply borrowing the design from IE9 (chromeless window) and moving the ribbon below the navigation bar it makes everything more legible. I have also increased the spacing between elements to maximise touch performance, provided a better way to collapse the ribbon and added additional functionality [see full size image]

Microsoft needs to give Windows a personality, this is what I mean by ‘intelligence’. The Explorer should be something that is centric to the OS experience not just a boring environment that lists your files but is an all-in-one GUI - library, document viewer, control panel and so on. For example, Explorer should have an organisation tool that allows me to organise and structure my entire PC in a simple method by creating virtual groups, libraries and tags so that I wouldn’t need to create a number of actual directories just to organise my files. All it takes is a simple search to find everything without ever navigating to a folder.

These are just some ideas of what I see as a truly “Reimagining of Windows” but whatever we see at BUILD I am hoping it will truly be something innovative and different (by that I mean totally touch-first and Metro styled UI - no legacy stuff at all but completely “redesigned”).

What are your thoughts on Windows 8 so far? Do you agree with how Microsoft is presenting the Ribbon to users in it’s new operating system or should they redesign it similar to how I explained through my concept design?