What's New? v

Hi! My name is Adrian Liem. I’m an online strategist and web specialist located in Vancouver, BC. I’m currently on a leave of absence from my job at UBC. Here’s what I’m up to in the meantime:

Working

Playing

  • Skiing, climbing, biking, swimming, running and eating
  • Playing hockey and ultimate
  • Dabbling in design, photography, and videography
  • Spending time with my family
  • Writing about the experience

Archive for the ‘User Experience’ Category

Drupal or WordPress: Why not both?

There’s been some growing chatter lately about what’s in store with Drupal 7. Curious to learn more, I was reading up on the Drupal 7 User Experience Project and as I scanned through the pages, I noticed something: the Drupal 7 User Experience Project site is using WordPress! This may seem innocuous at first, but it signals something that is becoming a growing trend, a move away from earlier days when developers in different corners of the open source community would duke it out and take jabs at one another – we’re starting to see decisions made based on the sound judgement of common sense. And when it comes to selecting an open source tool, for example deciding between Drupal and WordPress, we’re seeing that you don’t always have to draw a hard line in the sand.
(more…)

The UX of a Hospital

Posted on: 1 Comment

Ankle in an AircastI’m no stranger to injuries. Over the course of almost thirty years, I’ve had stitches in my foot, broken my foot, sprained both ankles (multiple times), torn cartilege in one knee, had stitches in the other, sprained my thumb, had stitches through a finger, separated my shoulder, and…actually, I think that covers it.

Most recently, I sprained my ankle again (just last week). This time around, for one reason or another I paid a lot more attention to the whole experience of visiting the hospital. All in all, I won’t complain too much, but as far as user experiences go, hospitals have a ways to go.

Yes, my last name is Liem

I’m not a health care professional, but it doesn’t take an insider to figure out that there’s a protocol in place for checking a patient in. No matter at what point of your visit you are in, whether you’re checking into urgent care for the first time, or signing in for x-rays, or checking out of urgent care – every time you present your Care Card, there must be some protocol for confirming your last name, phone number, address, and family doctor.

Over the span of 2 visits to the hospital, I had to check in or check out of one unit or another a total of 4 times, and each time they confirmed all those details. I appreciate the thoroughness, but you’d also think that once I’ve signed in and am updated in the “system”, everyone from that visit on would have that same information and it would be flagged as recently verified.

This may seem trivial (and really, it probably is), but think about it this way. It probably takes approximately 30 seconds to confirm all of those details. 30 x 2 = 1 minute. If there are say 3 patients seen in an hour (which is what I estimated based on my particular visist), that’s 3 minutes of the hour. That’s 5% of an hour spent on confirming the same information! It may seem trivial, but that adds up!

Yes, I’m still here waiting

Little wonder that it can take so long to get treatment. I really don’t want to harp on the “system” too much because I do have some appreciation for all it has done for me over the years, but you can’t help but wonder sometimes when you find yourself sitting in one waiting room for about an hour, only to be moved to another waiting room for about another hour, only to have a nurse come in and say, “Oh, you’re still here waiting for your results?!”

That’s it? . . . Uh . . . Can I go home now?

The one thing that has often left me miffed is when I’m supposed to leave. It’s happened to me before, and it happened this time too (at least once out of the two visits) where I really wasn’t sure if I was ok to leave, or what else I had to do. If I hadn’t asked, I would probably still be standing there slouched over my crutches. I suspect it’s a case of the doctors and nurses being so familiar with the procedures that they expect everyone else to know when they’ve finished – but it would be nice to get a little confirmation that they’re done. Even something as small as “Alright, you’re all good to go. Do you know where to exit the room?”

Don’t let the door hit you on the way out

Ok. This is one that I really hope only happened because I appear to be pretty comfortable on my crutches, but I sure hope that most of the time you’ll be helped out and someone will pull open a door for you when the door doesn’t open automatically. I’m not a real stickler for this, and in fact, even if they had offered I probably would’ve said I’m ok opening the door on my own — but they could’ve at least asked! :)

But thank you!

I said I wasn’t going to complain too much, so I won’t. All in all, I’m very thankful that we have a health care system that in the end is taking good care of me.

Web Directions North 2008

Posted on: 3 Comments

Web Directions North 2008This week, I come bearing gifts! The gifts? Some summaries and write-ups covering two days of ideas and inspiration from Web Directions North 2008 – a conference for web professionals hosted here in Vancouver, BC. I’ll start things off with two of the highlights, Jeffrey Zeldman’s opening keynote address, and a summary of some key insights shared by Josh Williams of Firewheel Design.

The Return of the King – Opening Keynote by Jeffrey Zeldman

Sometime back in 2003~2004, my brother lent me a book to read: Designing with Web Standards, by Jeffrey Zeldman. This was the book that set me straight and put me on a path towards designing for the web “the way it should be done”. While not an in-depth how-to guide, Designing with Web Standards offered me something much more valuable, it taught me how to think about design on the web, filled me in on the history, and set a bigger context for understanding the nuances of where best-in-class web designers were headed.

As the opening keynote speaker at Web Directions North 2008, Zeldman helped bring even more life to the lessons learned in Designing with Web Standards. One of the bigger take-aways for me was in Zeldman’s retelling of the history of WaSP – the Web Standards Project, recounting what it was like to rally around this idea that people could change the way big players in the web industry (in this case browser developers) operated.

Josh Williams – The Fire behind Firewheel Design

Anyone with any hint of entrepreneurial spirit working somewhere in the web industry today undoubtedly has a part of them that wants to make it big as an independent success – we all want to live the dream! Here’s someone who is, and lucky for all of us, Josh shared his insights on what it takes to go from “Bedroom to Boardroom”.

Josh is someone whose career I have been following from a distance. I first saw his work through Icon Buffet, the icon design arm of his company, Firewheel Design. Over the years, they’ve expanded the scope of what they do, or really actually shifted through transitions, the greatest transition of which has been to move away from doing client work towards working on independent projects.

This is a shift that many in the industry fail to make – many never even think about this distinction. I really believe that independence is the underlying motivation for independent success or “living the dream”. People often seek change when they encounter frustrations, and when you work in the web one of the biggest frustrations you are sure to encounter is working with clients who just don’t get it. Whether it’s through a lack of understanding (or a lack of effort to understand) or indifference, the unfortunate reality web professionals still face today is that there are still a lot of folks in positions of hiring or contracting projects who have no sense of what it is we actually do. As a result you often end up in situations where your work becomes less about the design, the development, the problem solving and innovation, and more about managing sales and client relations. For some web pros, that’s actually fine – all that really matters at the end of the day is that bread is getting put on the table. But for others (like myself) who work as a web professional because we thrive on the creative and problem-solving aspects of our work, this arrangement of working for the client, or working for “The Man or The Woman”, can sometimes change the nature of our work from actual web design and development, to managing client expectations.

One of the things that really struck me about Josh is the clarity with which he viewed the transitions he made with Firewheel Design. A repeating theme was this idea of “DNA” or “Designer’s Natural Aptitude” – your bent that is all about you, the one thing you were born to do – which grows from your personality, family and upbringing, education, interests, hobbies and passions. The recommendation: focus on your DNA to help narrow the service or niche you are going to enter. A particularly insightful suggestion: avoid projects that don’t fit your DNA, even the seemingly profitable ones. Deviating from your core and taking on these “misfit projects” can drag you down.

If they were handing out awards for best presentations at Web Directions North 2008, Josh would get my vote. This is just a small sample of the thoughts and experiences he shared – a more complete summary will be available later this week.

Also to come: more summaries of the different speakers and the experience of Web Directions North 2008.

User Experience Design – An Intangible Talent in the Knowledge-Based Economy

A recent survey feature from The Economist magazine focused on a growing demand for “talent” around the world. While defined in varying contexts, one common theme identified in this special report was the idea that as the baby boomers retire, and as the knowledge-based economy continues to grow, there is, and will continue to be, an insufficient supply of talented workers to meet the increasing demands.

While reading these articles, I tried to relate the idea of “talent” to my world and my career track, and in doing this, the one big question that loomed was this: Where exactly does talent fit into the world of web professionals, specifically for those of us who specialize more in the communication of information versus the intuitive appeal of a design?

Although certainly not clear cut, there is a more obvious case to be made for spotting the talents of a web designer. Aesthetics are a strange thing to get your finger on, but you know a good design when you see one. There are tangible elements to design like colour theory, typography, ratios and the like, that all contribute towards the appeal of a design.

Beyond the looks, though, many of the best-designed websites out there are the result of a clearly thought out information organization and process flow. Sometimes this is the result of tried and true usability testing along with iterating through revisions and improvements. But sometimes this is the result of a talented information architect.

For a long time I was a firm believer that what most “bad” websites or web applications needed was “usability testing”. While this may be the case in some instances, these days I’m more inclined to believe that what these bad sites need is the work of a talented information architect / information designer / user experience specialist or what I’d be inclined to call a “usability designer” or “user experience designer”.

In his article, ia/recon, Jesse James Garrett touches on this same notion:

If you asked an editor at a magazine or a newspaper if the structure of her product had been tested with readers before its publication, she would laugh at you. To her, developing effective structures is a matter of exercising her professional judgment — judgment honed through years of trial and error and hard-won experience with her craft.

To her, the proof of her effectiveness in her discipline is her ability to exercise that judgment. To her, that judgment is the very reason for the existence of her role. To her, the idea of abandoning that professional judgment and recasting her role as a conduit through which research findings become structures would be simply absurd.

And you know what? She’s right.

And in my world, this is spot on.

Usability testing is something of a luxury. While it would be great to be able to conduct tests along with more extensive user research, the reality of my day to day world is that it’s the small decisions that are made everyday that affect the overall effectiveness, ease of use, and aesthetic appeal of a website or web application.

You can dedicate all the time and money in the world to fix up an interface and an information structure, but over time, with each passing change or update, that picture-perfect “information infrastructure” will change. It’s in these small daily changes where the site can diminish and wither into an unusable mess of information, but it’s also in these small daily changes where the site can grow and continue to thrive as well-organized, easy to use, and aesthetically appealing web presence.

What’s the difference? To me, it’s the talent of the people working with the information. It’s a talent that requires an intimate understanding of an organization’s communication goals, it also requires a deep appreciation for the way people interact with information in online mediums, along with the skill to work with the web technologies to create and maintain the overall design patterns that keep this standard consistent.

It may not be the easiest skill to define in concrete terms, but this ability – this talent – to organize and design information in a way that is easy for people to interact with is, and will continue to be, a valuable asset in the modern knoweldge-based economy where talent may be in short supply.

Beyond Branding and Into User Experience

User experience is a new term emerging in the world of design and technology and, like many other catchy phrases or trendy jargon, it can be easy to have misconceptions or different views on what the terminology is all referring to. Far be it for me to provide the definitive answer to what user experience is, but I can at least offer this thought as a starting point: user experience is a super-set of qualities that include emotional reactions to intangible features such as brand, but user experience is also groomed by the interactions people have with a company and its product.

The other night I was driving home with my brother, coming back from a family dinner. We stopped at the corner of 33rd and Arbutus, and half a block east my brother noticed a TV ad. We were probably almost 100 feet away from the buildig, and granted, it must’ve been a big TV, but even from this distance we could immediately recognize the company being advertised.

The ad featured silhouettes dancing in front of a colourful backdrop, each holding a little white rectangle in their hand. What I was seeing was something simple, dynamic, engaging, and fun.

You can probably figure out what the brand was from that description alone. But after going online, low and behold I see almost the exact same imagery, triggering the same emotional reaction as the TV ad I saw from 100+ feet away.

Does this look familiar?

iPod Dancer
Photo courtesy: http://www.apple.com/itunes/

Steve Jobs has been highly acclaimed of late for the re-emergence of Apple as a leading company in the technology sector, and a lot of Apple’s success isn’t only about the technology — really, the technical sophistication of an iPod is nothing to be in awe of. What is equally impressive, if not more, is the brand awareness Apple has created for their new line of products headed up by the iPod.

That immediate brand recognition doesn’t just come from an ad running on TV a few dozen times a day, nor does it come from magazine ads or bilboards. It comes from a deep understanding of how people perceive things around them, how people interact with each other and with technology, and how to then design the product and every touch point with the company to reinforce this understanding.

Apple products create a sticky emotional reaction through their brand which in turn has been driven by their understanding of the entire user experience of being an Apple customer. This is a company that not only knows their audience and target market, they know how to communicate with them, how to sell to them, and how to build products for them.

When you start talking about brand and you start talking about emotional reactions and look and feel, DESIGN plays a huge role. And here for Apple, at least, their success in design isn’t only designing an effective marketing campaign or designing a nice-looking website, Apple’s design extends beyond promotion. The strength of Apple’s design work is in designing a product with the user experience in mind.

The iPod is well-known for its sleek design. It’s clean. It’s simple. It’s easy to use. What does it do? It plays music. It’s fun. It’s hip (even if that word isn’t). It’s entertaining. It’s engaging. All of these adjectives describe the look, feel and tone of the ads AND also the actual product itself along with the experience of visiting the website or using the software.

Bottom line, what’s the lesson to learn? Apple’s success as a company today can largely be attributed to its success in focusing on the entirety of the iPod user experience. Apple has a product that not only looks nice, but behaves nicely too.

The Power of an Icon

A common challenge I face on a daily basis is getting people to understand some of the newer fringe technologies that are quickly becoming integrated into daily practice across the web. One such challenge is explaining the concept of RSS, or more broadly, content syndicated through XML, and today I realized one of the root causes for the confusion or apprehension that can be out there.

Just today I helped launch a redesigned job postings page for the University of British Columbia: UBC HR Staff Job Postings. My contribution mostly involved some work on information design / page layout, along with adding in RSS feeds which included the addition of an RSS icon: UBC HR RSS Feed Graphic

After a little while, one of my co-workers asked, “Why aren’t we using the ‘official’ feed icon?”

The ‘official’ icon?

“The one with the waves,” he said (or something to that effect).

Hmm. Good question. The best I could answer at the time was, “Well, when we first drafted this page, there was no ‘official’ icon.”

We had initially started work on the page several months earlier, and at the time, there were a handful of feed icons being used. Take a look around news sites today, and you’ll still see a smattering of varieties:

Business Week uses this: Business Week RSS Feed Graphic

The Economist uses this: The Economist RSS Feed Graphic

The New York Times uses this: New York Times RSS Feed Graphic

Well, after doing some research into it, it turns out this choice of icon for web feeds is somewhat of a contentious issue, but one that is being worked through as I type.

According to Feed Icons, “A new standard is being established to identify syndicated content.” The “official” icon? It’s the one with the waves:

The Official Feed Icon

Why is this important?

Well, it’s hard enough to explain the concept of content syndication – why compound the issue by displaying the words “RSS” or “XML”? This is technical jargon which the average person really doesn’t need to know about.

The technology behind content syndication through XML, while being increasingly adopted by all sorts of web properties, is still a fringe technology that the mass market of everyday people hasn’t fully adopted yet. Although this is changing on a daily basis, those of us who work in the industry on a daily basis should be taking it upon ourselves to help establish conventions to improve the consistency and create a common standard that will ultimately help the people we are trying to communicate to.

This, is the power of an icon.

One single consistent standard icon to identify syndication feeds will help the mass user adoption of this new technology. No more confusion, no more questions about what RSS stands for or what XML is or what this thing called Atom is all about.

With each variety of an RSS/Atom/XML icon we throw out there, we only compound the problem and create greater confusion and uncertainty which will undermine the adoption of the technology itself.

So, the bottom line? Help spread the good word. Visit Feed Icons, learn about this movement, and make your contribution to the betterment of online communication.

If You Liked This, You Might Also Like:

The orange icon… – A post from the Microsoft Team RSS Blog

The New Standard Feed Icon – A little bit of history behind the icons

The Globe and Mail’s RSS News Feed page – Are you a designer or developer? Or do you have any hand in how syndicated content is being offered online? If so, I’d highly recommend taking a look at what might be one of the best examples of introducing feeds to the general public: The Globe and Mail’s RSS News Feed page. It’s not only an elegant piece of work from a technical perspective, but it’s also incredibly user-friendly. I’ll take a look at this in another post, but for now go check it out and learn from it. Within a year’s time, and with any luck and a lot of hard work from the web monkeys in the world, this will be the new standard.