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.
A More Beautiful Web is… Internet Explorer TV Ad
I’m not an IE user but the TV ad looks compelling, much more engaging than the Google Chrome ads.
IE is definately not the sluggish web browser it once was, it’s suprisngly good and I love some of their new features. However, one thing still missing which makes IE unusable is the fact it does not offer conventional add-ons which extends the functionality of ones web experience.
So until they can provide a compelling selection of add-ons I will continue to use Chromium.
SUBWAY SYSTEM
Helvetica and the New York City Subway System is a book describing one of the great parts of design history. designcloud
The original inspiration behind the Metro Design Language and Principles behind Windows Phone, Windows 8 and Xbox 360.
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?
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.)
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.
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?
My Personalised Windows 8 Start Screen
After reading Paul Thurrott’s article Microsoft Hits One Out Of The Park With Windows 8 Start Screen and saw he created a personalised mockup of what his start screen may look like, I felt compelled to do the same in order to communicate just how dramatically different the UI is in terms of any other OS.
Try it out for yourself. Download the original image here then if you want edit it in a photo editing program like Photoshop. Next open it up in Windows Photo Viewer and click the ‘slideshow button’ to view it fullscreen.
I have viewed it on my 1080p HD monitor, 50” plasma TV and a netbook and the interface looks much more appealing and attractive than your standard desktop shell. I can only imagine how amazing it will look and feel on a tablet device. :-)
* If you would like to use my Photoshop document as a template, use the ask form on my blog here remembering to provide me your email address.
Microsoft Reveals Slick Windows 8 User Interface
Microsoft’s Steven Sinofsky and Julie Larson-Green showed off the much anticipated Windows 8 operating system for the first time at the AllThingsD9 conference on Wednesday.
New Apps and Seamless Experience
Windows 8 will support two application types: Classic ‘legacy’ applications that are backwards compatible and a new form of HTML5/Javascript app that takes full advantage of the fullscreen UI and touch capabilities. Both types of apps can run simultaneously side-by-side and snap and resize into place. This means the consumer will be given the freedom to cater their experience based on what device they use and how they use Windows. Do they want an immersive tablet experience, a slate-based experience for the enterprise or both?
Reimagining of Windows
“We’ve brought all the things you know and love about Windows Phone into Windows 8”
The design is based mainly on Windows Phone with it’s clean tile-based Metro UI but also draws inspiration from previous products such as Zune and Media Center. Windows 8 features a sleek hidden menubar called ‘EdgeUI’ on the right containing shortcuts to what seem to be global functions. Other features include the ability to swipe seamlessly across the screen to navigate through running applications (this approach seems much more fluid than your average task/app switcher) and an on-screen keyboard as seen on Windows Phone but surprisingly can also display a split-keyboard for thumb typing on a tablet or slate device.
In terms of what they have shown us so far, there is still a lot that has gone unanswered but they said all will be revealed in September at Microsoft’s developer conference named ‘BUILD’.
Watch the Full coverage here
Edit: More information surfaced at the Computex conference in Taipei (video here) that the two swipe functions (EdgeUI and the app switcher) were designed for tablets and slates in mind so the user could navigate and control most things with just their thumbs.
