Healthcare.gov reminds us how not to build a website

3 years and an expected cost of half-a-trillion dollars ($638.81 million). And there you have it, Healthcare.gov.  If ever there was a website that was going to be met with more scrutiny than an anal probe, this one is the front runner. Since the October 1 launch, the site has been fraught with issues resulting in a bug list that undoubtedly makes a Q/A want to curl up into the fetal position and wish they were considered “non-essential.”

Okay, I know. It’s a government site. That’s the first problem. According to dobt.com (Department of Better Technology) in a blog post “How Healtcare.gov Went Wrong“, there are a multitude of issues within the procurement process which have compounded the creation, development and launch of such a massive website. To begin with:

A High-Friction, High-Overhead contracting process: There was no competition for the Healthcare.gov contract. The Dept of Health and Human Services used an existing contract it already had with CGI Federal. (Which BTW, is the same company that built the portal for Massachusett’s “Romneycare”; you’d think they’d know what the hell they were doing already.) The contract was “greased”, meaning reduced friction. The normal procurement process would have taken about 18 mos, so in an effort to save time the government opted to take a contract they already had.

Requirements Written By People Who Don’t Understand Technology or Procurement: If you want (an IT project) to be a total disaster, let Congress design the requirements and set the deadlines. Enough said.

Building a Battleship like a Website: The process leans toward a write-down-all-the-requirements-then-build-to-those-requirements type of methodology–which makes sense if you’re building a space shuttle or a battleship. But this methodology doesn’t work when it comes to building a website, especially one over 3 years, where tools and techniques are bound to advance.

Lack of Pricing and Availability: In a functional, real-world marketplace, companies that do a good job at low cost will grow. Those that don’t will shrink. In the federal IT marketplace this isn’t how it works for two reasons: the federal government doesn’t know how much stuff should cost and doesn’t do a good job sharing performance-based information. The fed will track contractor performance based on misconduct, but not poor performance. And they don’t track pricing information.

Inappropriate relationships between Congress and Contractors: Contractors can lobby the federal government, and CGI Group, Inc lobbied the fed on the Affordable Care Act though there’s little data on what or why they lobbied. Still, it’s a question of ethics and the procurement process.

Pile all this on top of what appears to be a site that was never run through load testing, user testing, accessibility reviews, browser support and optimization, well then no wonder. People familiar with using the web expect things to work, and when they don’t, it damages the brand and perceived value of the website or experience they’re visiting. Unfortunately, this isn’t some bloated internal database that only government employees will have to suffer through. (The first page of the registration process (once you get to it) has 2,099 lines of HTML code, but it also calls 56 JavaScript files and 11 CSS files.)

This is a website For The People.

Apple’s iOS7 reveals the challenges of designing Flat Design

Two very recent articles I’ve come across regarding Apple’s new iOS7 and the challenges it brings to UI design.

Unless you’ve been on another planet for the past month, Apple launched a new iOS embracing flat design–eliminating skeuomorphic UI and other effects like glossy highlights and drop shadows. For those of you who have been off-planet, skeuomorphic UI design is the concept of creating graphic elements that emulate real-world objects. For example, a yellow ruled notepad interface for entering notes. To be fair,  Android introduced the concept first but when Apple did it, suddenly people payed attention. Go figure.

Both Luke W (Designing for iOS7: Perils & Pluses) and Baruch Sachs (Flat Design Won’t Hide Your UX Sins) discuss how flat design challenges UI designers because many of the elements of visual language designers once used to communicate have been eliminated.

The simplicity of iOS7’s design language comes at a cost: a reduction in the amount of visual elements designers can use to create hierarchy and thereby understanding. … How people makes sense of what they see gives designers a set of attributes to play with to create meaning within a design. Elements like color, size, and texture can create similarity, differences, and hierarchy within a layout. When these elements are “flattened”, some of this vocabulary goes away.

Instead, UI designers designing for flat design have to be more cognizant of information architecture, layout, typography and the principles of design – basically getting down to the bare essentials – that make interfaces usable and useful without the former aesthetic distractions.

In flat design a clearly structured typography ladder has become more crucial to help a user differentiate between say, a primary CTA, a secondary CTA, and a non-CTA (plain text). Additionally, the placement of the CTA in relationship to other elements in the UI is even more crucial to give succeed in helping the user make confident decisions and interactions with the interface. If the UI implementation has no hierarchy or structure, looks the same and makes the user work harder to find their way through it, then it’s a fail.

As Luke W points out, intelligent flat design success probably ain’t gonna happen on the first round. Making something look and feel transparent and easy is actually very difficult. Which is what flat design UI takes in order to succeed. Just because a designer removes all the shadows and gloss, effectively making the UI flat, doesn’t mean it’s achieving it’s goal of helping guide and direct users in their tasks.

And, as Sachs sagely writes, flat design may not be the most appropriate UI solution for the project,

Sometimes flat design works, and sometimes it doesn’t. … To judge the best approach, you need to understand usage patterns. You need to know how people do their work.

I think what I appreciate most about flat design is that it takes us back to the roots of user experience practice and pushes utilization of the most basic, yet time-tested principles of UX design to the forefront again.

Truly, what is old is new.

Update 10/14/2013: Nielsen Norman Group (NNGroup) gives us their iOS7 User-Experience Appraisal

My (partial) book list

People often ask me what books I refer to while at work. So frequently I just decided to post this list (in no particular order):

  • Universal Principles of Design, Lidwell, Holden and Butler
  • Information Visualization, Colin Ware
  • Information Architecture for the World Wide Web, Rosenfield and Morville (The “Polar Bear” book)
  • Mental Models, Indi Young
  • Designing with the Mind in Mind, Jeff Johnson
  • Defensive Design for the Web, 37 Signals
  • Information Architecture, Christina Wodtke
  • An Introduction to Human-Computer Interaction, Paul Booth
  • Designing Mobile Interfaces, Hoober and Berkman
  • Implementing Responsive Design, Kadlec
  • Observing the User Experience, Kuniavsky

Happy Reading!

Is the Start Button really the key to consumers embracing Windows 8.1?

Users don’t hate change. Users hate change that doesn’t make their life better, but makes them have to relearn everything they knew.

UX bad-ass Christina Wodtke nails it with her take on change and consumers/users/customers and the companies/products they love and hate depending on the update. While Wodtke centers her article, “Users don’t hate change. They hate you.” primarily around the latest iOS from Apple (and rightfully so), the same discussion can easily include Window 8 and undoubtedly the upcoming Windows 8.1.

I’ve never been able to understand the decision to introduce a drastically, mega-huge change to such a widely used and very familiar operating system. I mean, what did Microsoft think was going to happen? They took a UI designed for a mobile context (phone), and dumped it on top of a operating system that 90% of the world uses. Brilliant. Innovative. Modern.

Much has been written and discussed about the OS and the hardware, with most ifnot all notable UX professionals weighing in. Jakob Nielsen summarized,  “Hidden features, reduced discoverability, cognitive overhead from dual environments and reduced power from a single UI window and low information density.” I can’t disagree. When I first started using an RT, it was a constant  running dialogue of “whoa” and not in a good way.

Granted, once you put aside all your iPad or iPod expectations and mental models, and hopefully don’t have to do a lot of back and forth between the two environments (desktop and Start screen)  it’s just about tapping and swiping. But heaven forbid having to use desktop mode. Ever tried to use Desktop mode on a tablet with your finger tip?  Hashtag I can’t hit the target my fingertip is too fat.

The WTH list is a mile long, but the one that crawled to the top of the list was the removal of the almighty Start Button. Never mind consciously removing (crapping on) usability best practices, removing the Start Button was too much change.

From what I’ve seen of the new ads, the Start Button appears to be an icon in the lower left corner of the Desktop mode that when tapped or clicked, opens the Start Menu. I’m assuming that tapping or clicking the Start Icon in the Charms bar will continue to open the Start Menu, as well as tapping on the window icon on the tablet hardware.

Image

So what exactly is this solving? Is this a digital version of a placebo? There’s still no “menu” like in previous versions of the OS prior to 8 (unless you count the Start screen it links to and the horizontal scrolling patchwork quilt information design), but I digress.  Yeah, the Start Button is back, but will it make up for all the other issues that are backsliding user-centered design?

WTF QR CODES dot com

Gotta give a huge shout out to the blog, wtfqrcodes.com, for bringing some hilarity to my dreary NW Tuesday. I can’t believe I haven’t come across this gem before. The (lack of) usefulness and usability of some (most? all?) of the QR’s they post are over the top. My personal favorite – any QR code you have to scan while driving. WTF, indeed.

Quote re: RWD

“The most important part of adapting experiences is not the responsive-centric focus on screen size and breakpoints, but making sure functionality and content is similar across every touchpoint. ” — Steven Hoober

See more at: UXMatters