Posts tagged Windows

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.

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.)

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?

parislemon: benkessler: [Click to Enlarge] Windows v. Mac at McDonald’s. /via Josh Helfferich Perhaps the best representation of Windows vs. Mac that I’ve ever seen. And it comes via a McDonald’s pamphlet. I also love that step 1 for the Mac is to turn your AirPort on. In other words, for 99% of people, the Mac setup is actually only two steps: connect, and open a web browser.

parislemon:

benkessler:

[Click to Enlarge]

Windows v. Mac at McDonald’s.

/via Josh Helfferich

Perhaps the best representation of Windows vs. Mac that I’ve ever seen. And it comes via a McDonald’s pamphlet.

I also love that step 1 for the Mac is to turn your AirPort on. In other words, for 99% of people, the Mac setup is actually only two steps: connect, and open a web browser.

benkessler

Great Software to Help with Productivity

Here are some great applications I started using that you can download to increase your productivity.

Postbox 

If you are tired of using  a slow and badly designed email client Postbox is a great alternative. It’s based on Mozilla Thunderbird so it loads up faster than say Windows Live Mail and allows you to install modules which extends the client functionality.

Dropbox

Dropbox is a cross-platform cloud storage app that allows you to store up to 2 GB worth of files on it’s servers with the ability to share those files online. Although I wouldn’t recommend using cloud storage for private backup, it’s good for syncing random documents from computer-to-computer.

VirtuaWin

I’ve always wanted to run a dual-monitor setup but can’t afford two of the same monitors, so I came across VirtuaWin. It’s a simple desktop utility that creates multiple desktop environments in order to increase screen space and improve productivity. It also supports mouse gestures which means you can spread out all your windows by dragging them to your desired screen. (top left, top right, bottom left, bottom right)

OmniWriter

For serious writers or bloggers this app is amazing! It’s a simplified notepad with a difference, it focuses on creating a relaxing atmosphere using ambient background music for you to write without being distracted. I haven’t tested the paid version but the free one comes with only a few fonts (not good ones at that) and you can’t control the size. I’m not sure if this is on purpose or it’s a limitation but it’s still worth using.

Microsoft Homepage: How Microsoft Can Improve It’s Branding (Note: All images are edited and do not reflect the original website) I came across an article yesterday by Cory Watilo called ‘Why Microsoft has an image problem’ where he compares Microsoft.com to Apple.com. He makes the point that Microsoft is still very much stuck in their ways by continuously cramming loads of unnecessary elements on one page and using too much colour which distracts the user from focusing their attention on the important things. — I agree with most of what he says but let’s be honest, Microsoft is never going to be like Apple so they shouldn’t try to be like them but they could learn a great deal in their presentation and how they display information.I’ve always noticed this problem so wanted to see if Microsoft maybe aren’t bad at marketing and design, they just lack in direction. I’m beginning to think I am right and that’s precisely their problem.Microsoft Homepage Redesigned The photo above (click to view larger version) was created using elements all found on Microsoft’s own websites (www.zune.net, www.microsoft.com/uk, www.microsoft.com/uk/wave/home.aspx)If the images are not showing fullsize, use these links: for home, for work Microsoft homepage when user navigates to the work section. Conclusion: Microsoft is well aware that they have perhaps grown old and were in need of a re-branding to revitalise their consumer image. Their problem lies with trying to manage so many complex deep-link pages (mostly unnecessary) and product micro-sites that there is a disconnect between the design which confuses people A LOT!. There needs to be one or two universal design templates that follows through out every single page and site. This template must make use of screen real estate and support wide-screen viewing. This means using clearer heavier fonts, using HTML5, using less banner ads, using more subtle colours in your branding (not bright blue or orange) and finally force people to use your site (don’t spam your page with links to items of less importance.)

Microsoft Homepage: How Microsoft Can Improve It’s Branding

(Note: All images are edited and do not reflect the original website)

I came across an article yesterday by Cory Watilo called ‘Why Microsoft has an image problem’ where he compares Microsoft.com to Apple.com. He makes the point that Microsoft is still very much stuck in their ways by continuously cramming loads of unnecessary elements on one page and using too much colour which distracts the user from focusing their attention on the important things. — I agree with most of what he says but let’s be honest, Microsoft is never going to be like Apple so they shouldn’t try to be like them but they could learn a great deal in their presentation and how they display information.

I’ve always noticed this problem so wanted to see if Microsoft maybe aren’t bad at marketing and design, they just lack in direction. I’m beginning to think I am right and that’s precisely their problem.

Microsoft Homepage Redesigned

The photo above (click to view larger version) was created using elements all found on Microsoft’s own websites (www.zune.net, www.microsoft.com/uk, www.microsoft.com/uk/wave/home.aspx)

If the images are not showing fullsize, use these links: for home, for work


Microsoft homepage when user navigates to the work section.

Conclusion:

Microsoft is well aware that they have perhaps grown old and were in need of a re-branding to revitalise their consumer image. Their problem lies with trying to manage so many complex deep-link pages (mostly unnecessary) and product micro-sites that there is a disconnect between the design which confuses people A LOT!.

There needs to be one or two universal design templates that follows through out every single page and site. This template must make use of screen real estate and support wide-screen viewing. This means using clearer heavier fonts, using HTML5, using less banner ads, using more subtle colours in your branding (not bright blue or orange) and finally force people to use your site (don’t spam your page with links to items of less importance.)