In my opinion, the change room is the most important part because that’s where I ultimately decide if I am going to spend money at the shop or not. Shops whose change rooms made this process easier got more of my money – unless their products were complete crap of course.

What struck me as interesting is that without knowing it, I’d been conducting a usability study on the user experience of shoppers – where in this case the user was the customer at a particular shop. As a result of this impromptu study I put together a list of qualities a good change room should have based on my own experiences hopping around from shop to shop.

The list is as follows:

Have mirrors in each change room.

This is such an easy one. Your want to see how they look, but they might not want everyone else in the store or change room area to see.

Have an change room area separate from the rest of the store.

Lots of people come to clothes stores with a friend, or in groups. When a shopper does decide to come out of the change room to get opinions, they probably only want them from their entourage – not the rest of the store.

Have mirrors in the change room area.

Sometimes what you’re trying on looks great in the change room, but once you see it out in the open or a member of your entourage points out a problem, it’s nice to have a mirror to double check. Additionally, it provides a clear point of congregation for shoppers and their entourage. Placed carefully, change room area mirrors can direct traffic so people aren’t standing around in awkward spots in the area looking at each other.

Have seating in your change room area.

It can be a pain when you’re waiting around for your fellow shopper to come out and show you the items they’re trying on. Especially when they have a bunch to try on. Providing seating for the members of a shopper’s entourage is a courtesy that I thoroughly enjoy when I get dragged out to shop with other people.

Have a place to hang clothes.

When you come into a change room with multiple items, it’s nice to have a hook to hang all the  items so you can look at them one by one. Having multiple hooks helps the shopper keep track of the items they like and don’t like as well.

Have a place to set the clothes down.

I’ve been in far too many change rooms where they do provide a spot to hang clothes, but what’s all you get. A bench provides a nice place to set things  because lets face it, putting clothes on the ground in these rooms feels a bit bad. Also, it can be pain to re-hang everything, especially those items you’re not even going to buy. Don’t want them? Toss ‘em on the bench.

This list is not at all exhaustive,  but the best change rooms – and by extension the best stores – I’ve been in have implemented most or all of these ideas, and are the ones I continue to shop at. Just remember, even the best change room can’t make up for crappy products!

Recently, I’ve been reorganizing my computers based on their usage. My old HTPC, has resumed its duties as my primary desktop/server, my Mac Mini has been attached to the my desktop through Synergy, my server was given to my brother for personal use, and his old computer – a nettop – is now being used as our new HTPC.

After a painful decision making process – a topic for another time, and another post – I decided that this nettop, named Apollo after the Greek god of many things including “music, poetry, and the arts” [as close as I could get to entertainment],  should run Ubuntu 10.4 with XBMC as the media center app. After testing it’s media playback capabilities from a local file, I was rather impressed. I set out to add a SMB share from within XBMC, and was prompted to add a username and password.

I wasn’t really expecting this, because Leviathan – my desktop/sever running Windows 7 – has public sharing turned on, as well as a guest account. I entered in my credentials, and was asked yet again for a username and password. After trying multiple times, I decided to quit XBMC and see if I could get Ubuntu to connect to the share. Here too, I was prompted for a username and password, again and again.

Next I headed to the terminal to run smbclient. This didn’t work either, as I was shown a message saying smbclient failed with “SUCCESS – 0″. I guess success shouldn’t be zero, so my next move was to attempt mounting the network share using CIFS. Again, I was met with repeated defeat.

Begrudgingly I took to the internet with my problem, only to find that there were many people unable to connect to their Windows 7 from Ubuntu. The suggestions ranged from registry hacks to group policy administration, none of which worked. One repeated suggestion however, was to un-install the Windows Live Sign-in Assistant. However, as a user of the Windows Live Essentials (Wave 4) Beta that was recently released – I had no such program. I did however have a similar application called the Windows Live Messenger Companion, which I chose to uninstall – again, to no avail.

However, I soon reasoned that perhaps whatever was blocking people using the Windows Live Sign-in Assistant was now being used within the actual Windows Live Messenger client or the other Windows Live Essentials apps that I’d recently installed. I started by uninstalling everything but Windows Live Messenger – because I really, really like the beta version. Alas, this did not help. Next I uninstalled the actual Windows Live Messenger client and voila – I was able to connect with no prompting for passwords at all. Because that makes -any- sense.

As a matter of interest, I installed the regular WLM non-beta client and made sure that the Windows Live Sign-in Assistant was installed, and tried to connect again. Not surprisingly, I was no longer able to connect to my Windows 7 shares. After un-installing the Windows Live Sign-in Assistant my shares were back up and I was mostly happy. Except that I couldn’t use the new Windows Live Messenger beta.

I can’t be sure if the other tinkering I did also helped clear up my problems, but as a recap here are the steps I recommend to access your Windows 7 shares from Ubuntu:

1) If you have the Windows Live Essentials (Wave 4) beta installed, you’ll have to uninstall all of the applications that come with this. For now, you can install the current version of Windows Live Messenger and the other Windows Live Essentials.

2) If you have Windows Live Messenger installed, or ANY of the Windows Live Essentials programs installed check to see if you have the Windows Live Sign-in Assistant installed. If so, uninstall it.

3) Hopefully, now you can enjoy your Windows 7 shares in Ubuntu

Important Note:

Beta software has this nasty habit of leaving beta status sooner or later. If this issue is not resolved when the newest version of Windows Live Messenger is officially released, you may not be able to use the Window Live Messenger client if you need your Windows 7 shares from Ubuntu. I would suggest using an application like Pidgin as your instant messenger, as it can also connect to the Windows Live Messenger service. Other options include Digsby, Miranda, and Trillian.

Software mentioned in this article:

Windows Live Messenger
Windows Live Essentials (Wave 4) beta
Synergy
XBMC
Ubuntu 10.4
Pidgin
Digsby
Miranda IM
Trillian

It happened when I was looking at an older post on the site, one with links I had already visited, but forgot that I had seen. For whatever reason, the theme used at the blog styles visited links a red colour. Not really a big deal right? Red’s a nice enough colour.

When I considered hitting the link, I noticed it was red. Immediately I changed my mind and kept browsing. Moments later, I found another red link, and was a little irritated. It took me a few seconds to realize why, but thanks to Wikipedia‘s styling, I have apparently started associating red links with missing content.

For those readers who aren’t familiar with Wikipedia, it hosts a bunch of information on basically everything. Each page on the site is full of links to other pages within the site, but sometimes those pages get removed, or links to pages that don’t exist are added to remind someone to make that page later. To help out their users, Wikipedia has styled these links in a red colour, so that readers know that there’s no page at the other end of that link.

Realizing this, I went ahead and clicked the links to find that I’d already seen the content. So what does this mean? For starters, the blog’s operators should probably fix this problem, being as it is a blog for a user experience group and shouldn’t go around messing with people’s mental models. It also means that the next time I design a web-based system I’ll have a new mental model in mind to optimize how my users will interact with it.

I’d like to point out that IxDA Waterloo is an awesome group. If you’re in the Waterloo region and interested in user experience or interaction design, I’d highly recommend joining the User Experience Peer Group at Communitech’s website, joining the local IxDA group, and coming out to their monthly meetings. March’s meeting was on table-top computing, and in April we did a UX Show and Tell where I recently gave a short presentation on Project MORIS. Its definitely worth your time.

Has anyone else noticed they’ve started to treat red links in the same manner? Questions/remarks about mental models or something else I mentioned in this post? Let me know in the comments.

Imagine a sporting event — Natal could know which team you’re for because it sees your jersey, or knows you thought a bad call was made when you yell ‘boo.’ It learns about you and gets smarter to create a more tailored entertainment experience.

The sporting events/their broadcasters could theoretically partner with Microsoft and collect this sort of  information live, and display it during breaks in the event. For example, it could show the precent of Natal viewers who also thought that call was bad, or how many Natal viewers are cheering for the same team as you, and how many are cheering for the opposite team.

This kind of new interaction amazes me, but also scares me. I find it really eerie how close this situation is to a 1984-esque world, in which your TV watches you just as much as you watch it. Regardless, the technology is very exciting, and applications like this one will continue to catch my interest.

Let me know your thoughts on this kind of living room interaction in the comments!

Project MORIS was the final project to a directed study on User Interface Design that Tyler Burton, Jon Fritz and I completed in the Fall of 2009 at Wilfrid Laurier University under the supervision of Dr. Angele Hamel.  We decided to analyze the current registration system used at WLU called LORIS. After our analysis, we created a prototype of a new interface for LORIS using Visual Studio with Windows Forms and C#.

For the presentation we spent a few minutes whipping up a slideshow that gives a quick overview of what features of LORIS that Project MORIS was designed to fix. We intended to show a live demo of the application, however we ran out of time (presentations were limited to 6 minutes) so I decided to post both the slideshow and the application on the web. This way anyone who wants can check out the application or see a quick highlight of what we aimed to fix.

You can read a bit more about it on my About page, or just download the files here:

Presentation: Redesigning LORIS [.ppt]

Presentation: Redesigning LORIS [.pdf]

Application: Project MORIS [Requires the .NET Framework 3.0]

Leave your thoughts or questions in the comments and I’ll get back to you!

I started thinking of what else you could do with that sort of technology. The first thing that came to mind was to move information from the dashboard to the windshield: your speed, gas tank’s gauge and whatever else you might fancy.

Now of course, there are dangers to having things displayed on the windshield. The big concern is that they may get in the way of seeing what’s on the road. Having them more prominently displayed might also cause drivers to look at them more often, causing a distraction. Both of those problems can be resolved by having some sort button on the steering wheel that toggles the display.

GM’s examples are even cooler than my initial ideas though: they have the system highlight the edge of the road in foggy conditions and pick out signs along the way and bring them to your attention with an outline. It seems that the system only highlights one thing at a time right now, but it’s not much of a stretch to imagine they’ll be able to do something like full road highlighting to make driving at night easier.

GM's HUD showing the edge of the road in fog

GM's HUD pointing out the speed limit sign

What excites me the most about this technology is the possibility for a GPS system where the instructions and path are drawn onto the windshield. This might actually make using a GPS safer, as you won’t have to look away from the road to check your path – it would be drawn onto the road! I made a really crude mock up of what the overlay could look like using a picture of the King St. and Weber St. intersection in Waterloo from Google Maps with Street View.

Windshield GPS Overlay
(Click to view higher resolution)

I really hope that GM can expand on this technology and make it affordable. I’d really love to see the applications of this make it to consumers.

Source: GM Makes Your Entire Windshield a Head-Up Display @ Wired.com

The about me page now features a projects section which acts as a portfolio to highlight the projects that I’ve been a part of that are related to my technical skills. Take a look to see what kind of shenanigans I get myself into on my spare time and through school.

Take for example, a stove I saw with touch controls. This stove had an attractive glossy black surface, with touch sensitive areas seamlessly built into the surface. It looked very elegant, however I was immediately concerned about the usability of such a stove. The first scenario that came to mind was the user groping around for controls while trying to cook a difficult dish. It’s not difficult to imagine that the user might burn themselves by touching part of the element because there is no tactile or visual indication of where the touch-controlled area ends and the element begins.

Similarily in the comments of my pseudo-review of the new MyFord Touch dashboard, Jon and I discussed the issue of having these touch sensitive buttons in place of traditional dials and push buttons. The old input methods worked for years because they’re easy for the user to find when their attention is required on the road, and using them provides tactile feedback – be it the physical turning of the dial, or the depression of the button when you press it. Touch buttons and sliders will not lend the same convenience.

But now, an example of touch technology done correctly. A colleague showed me this video for the Delta touch faucet using Delta’s Touch₂O technology – a faucet that can be activated by a touch from the user. The purpose of the touch control is highlighted in the video below.

The video highlights how a user with dirty hands can tap the faucet with their wrist to activate the water – preventing the mess from spreading onto the faucet’s handle. A lot of the usual concerns about touch technology don’t apply to this situation. Since the faucet only preforms one action “turn on the water”, the user will not have to search for the correct button or area to touch. Additionally, it’s easy to tell if the action worked – the water will be there, or it won’t. Another piece of convenience of this product is that the traditional controls still work alongside this new fancy one, so that the user can make the transition to using the new feature easily.

If more industries can work on thinking of creative ways to use touch technology instead of trying to work them into already existing systems, I think that we’ll see more applications of touch technology that won’t aggravate or inconvenience the user.

Source: Smart Solutions: Touch₂O @ Delta Faucet’s Website
Source: Delta touch faucet, infinitely better than a pump handle @ dvice
Video: Delta Faucet “Hands” TV Ad @ Youtube

It seems though, that while I was off dreaming of the future, Ford decided that the future is now. At this year’s CES, Ford showed off its expansions on sync, as well as their new MyFord prototype. The MyFord prototype featured a single, giant, Volkswagen-esque speedometer, with a digital display on either side. As Engadget points out in their coverage of MyFord at CES, the kicker of the whole MyFord setup is the 8-inch touchscreen display in place of traditional radio controls. This is where SYNC will display information, and allows for a slew of features – including 3G/4G connectivity, and an in-car browser.

Ford didn’t just limit their news to hardware, as they announced what they’re calling the “Sync App Ecosystem”, which will allow smartphone apps to easily hook into a SYNC API. They also announced increased support for different mobile phones, including Android, iPhone, Palm, and Blackberry. This approach is useful because it won’t introduce yet another “app store” for you to have to buy apps from. Ideally, the developers of your existing apps on your Smartphone will just push out updates that include SYNC support, and voila! SYNC integration for everyone.

Alas, these announcements were not without some drawbacks. While the browser was by far my favourite announcement, as it would allow Hype Machine use on the go like I mentioned earlier, Ford’s has decided for safety concerns, the browser will be disabled while the car is moving. A good idea if you want to prevent drivers from reading the news or watching Youtube while they’re driving – however what about the passenger? Why can’t they use the browser? Ideally, they should be able to, without distracting the driver. Additionally, this means no Hype Machine support either – as there is still no mobile phone application for the site – even though they teased one for the iPhone back in October 2008. Even then, who knows if Flash support would be enabled.

On the hardware side of things, in what I assume is an effort to make operating the rest of the vehicle seem like operating the 8-inch touchscreen, they’ve removed traditional buttons and replaced them with touch sensitive areas. While this seems good, I can garuntee that lack of tactile feedback will not be appreciated – if for nothing else than that you won’t be able to fumble around with the controls until you feel the button you’re looking for. In fact, you’ll probably end up writing a tweet, listing yourself as “its complicated” on Facebook, and changing the radio station 8 times before you finally feel your way to the button you’re looking for. This sort of defeats the purpose of trying to create a user interface that doesn’t require the driver to take their attention off the road.

Overall I find this a much more promising development in the area of having computers in cars than the initial launch of SYNC. The new hardware opens up a lot of opportunities for developers to get in there through mobile phone apps and have a presence in vehicle. Hopefully the whole situation with browser-lock can be alleviated somehow, and the tactile feedback won’t be as much of an issue as I’m expecting it to be. Additional technical features, pictures, videos, and Engadget’s thoughts can be read in the source links.

Source: Engadget – MyFord dash and Sync App Ecosystem hands-on

There was a lot of technical stuff I discovered during the experiment, but not all of it was related to Linux so I couldn’t post it on the blog. Since some of my friends from the experiment have been using their blogs to post about their interests in technology and other related fields [check the links at the bottom of the page], I decided to re-purpose this blog yet again.

Part of re-purposing this blog has been getting a new theme. It turned out to be a fairly technical process, so I’ve decided I’ll chronicle the experience here – so that if nothing else I’ll remember all the steps required next time I do something like this. Let me just say that I’m kinda familiar with the workings of WordPress, but I’ve never made my own theme from scratch. All the theme tweaking I did for this blog was through trial and error, some PHP experience from dabbling and two courses I took in University, a general knack for all things technical and some Photoshop skills I picked up in highschool.

Lets start with my motivation. At first I wanted a light coloured blog, so that this site would have an air of professionalism to it. However, anyone who knows me probably knows that I really like pretty things. In fact, I like them far too much to go for the stark professional look for something as personal as my own website. On top of that, where is the fun in using some pre-canned theme? This blog is suppose to reflect me and my interests. After some searching I eventually found this theme called Pixel. I liked the layout and the visual effects, but the background just wasn’t really me.

Being the Photoshop connoisseur that I am, I decided I’d take a look at the theme and see if I could take a swing at changing it to suit my tastes. As I stated above, I’ve been exposed to WordPress before, and have tweaked themes in the past – but its all self taught by diving in and looking at what makes the guts of WordPress work. I hardly ever consult documentation about these things, which might be a good or a bad thing depending on how you look at it!

Recently I’ve been in love with this wallpaper I found on interfaceLIFT of the orion nebula. I decided to use that photo as the base for my blog’s theme. After downloading both the wallpaper and the theme, I started digging around. I went into the images folder of the Pixel theme and looked to see what combination of images was used to create the look. It turns out the entire background including the frosted header, the black category header, and the translucent overlay for the body of the blog was one image that is centered and set as the background image of the site with horizontal and vertical repetition disabled. This works nicely because this image fades to black on all edges, so a solid black background causes the whole site to look fluid.

In order to create a new version of the theme visually, all I had to do is replace this image with one of my own! Sounds easy right? No? Yeah probably not. I’ve a friend who I taught Photoshop to, and while he’s good – the idea of doing something like this seemed impossible to him. He watched me do some of the steps I’m about to detail and informed me that it was “really cool” and he would have had “no clue how to edit a theme like that”. The tricky part, is that I had no idea what I was doing when I started either. I just dove in and tried my best to create something new.

I started by creating a new PSD with the original background image as the background. I then recreated the regions of the image on individual layers. These regions were:

• The header strip – The rectangle with the blog name / description
• The category strip – Contains a link to the home of the blog / the post categories
• The body of the blog – Contains the posts / pages of the blog
• The background – Contains… everything!

All the first three layers contained was a white rectangle outlining the regions. The background layer I left blank for now. The category strip presented an interesting challenge as there were rounded corners, but I busted out the handy pen tool to create a nice rounded curve which I turned into a selection region and removed from the rectangle. After that I threw in the orion nebula image in the background, overtop of the existing background. I now had an interesting choice of what colours to make these regions. I toyed with white, black, and other colours from my chosen background image.

I ended up making the header and category strips one of the bright pinkish-purple colours from the orion nebula image, but changed the opacity so they’d be slightly see-through. The body I made black, but lowered the opacity on it as well. I then created a copy of the body layer, changed the opacity back to full, deleted the black, and created a transparent to black gradient from the top to the bottom.

This allowed for the image to blend into an all black background, so that I didn’t need to use more images to create the look of the blog. The header I replaced with a black to pinkish-purple to black gradient, so that it blended into back on the left and right sides. After throwing some white borders on the bottom of the header layer, around the category layer, and down the sides of the body layer I was almost done. I faded some of the white borders to black so they’d blend properly [just using my eraser tool at a really low opacity]. To finish up, I placed a solid black layer beneath all the layers except the original background and erased the edges of the orion nebula image so it also blended into black. After all this work, I had the base for my new look!

Sometime soon, I’ll post about some of the CSS tweaks I had to make, the layout changes I made, and the custom logo I designed!