Designing a mobile experience for the TSO – part 3

TSO mobile website - wireframe showing what's local

One of the essentials of mobile design is getting local. For the Toronto Symphony Orchestra’s mobile website, local means things like:

  • Where is the concert?
  • How do I get there by transit, car or on foot?
  • If driving, where can I park?
  • Where can I go for dinner or drinks before or after the concert?

Most TSO concerts are at their home venue, Roy Thompson Hall in downtown Toronto, but each season also includes several concerts in a terrific recital hall in the city’s northern periphery. Thus when we designed the local features, a prominent toggle between the primary and secondary venue became essential.

For ease of reading, restaurants are presented in a list by default but a map view is also available. To reduce visual noise on the map, we allowed parking and restaurant features on the map to be turned on and off.

All-in-all, there’s a lot of toggling available but by focusing on a default view that is easy to peruse on a mobile device and allowing people to reveal additional information as they need it, we sought to make it feel effortlessly easy.

Designing a mobile experience for the TSO – part 2

As outlined in the first post in this series, the vision for the Toronto Symphony Orchestra’s mobile website was tightly task-focused. With that vision in hand, we proposed an information architecture that was neither too broad, nor too deep: 6 main categories and a depth of 3 or 4 levels felt comfortable.

Trickier however was devising a navigation design that felt equally comfortable. Several approaches were considered and refined into 2 rival proposals. The first adhered closely to iOS conventions.

The second approach includes a global navigation menu that’s available from everywhere in the website.

In terms of the number of taps to accomplish any given task, the two options were roughly equivalent. The iOS approach, however, just felt more effortful and restrictive – too much climbing into and out of rabbit holes.

We investigated mobile websites with navigation menus including the NFL, Subaru and others and our confidence to deviate from iOS’s dominant practice was bolstered.

And so after examining both options with the TSO (and some healthy internal debate at Usability Matters), the second option prevailed.

User Experience Designer

The Opportunity
As a member of the UM team, you will create strategic solutions for our clients using UX tools and best practices.

We want someone who is passionate about user experience and will share that passion with our team, our clients, and our colleagues in the field.

We are currently seeking entry-level or intermediate candidates but are always interested in talking to colleagues at every point in their career development.

The Company

Usability Matters is a dynamic firm devoted exclusively to user experience. We are an established boutique agency with a stellar reputation in Toronto and beyond.

We offer a dynamic and supportive working environment. We believe in work-life balance, as well providing a breadth of experience and education. Our varied client list affords us the opportunity to work on a wide range of projects across many industry sectors.

Our pride in our team and our work shows in everything we do. 

We need someone who:        

  • Has aptitude, experience AND passion, in the UX field
  • Is a college or university graduate in a related discipline or equivalent experience
  • Has experience surfacing requirements from clients for complex user interfaces
  • Can provide high-level strategic recommendations on all aspects of the user experience, across various channels (web, mobile, social media)
  • Can dive deep: designing the structure, navigation, functionality and interfaces of effective and engaging user interactions
  • Can do this using wireframes, flow diagrams, conceptual models, IA diagrams and other deliverables
  • Understands the sweet spot between business requirements and user needs and can bring this to life in the design of an experience
  • Has demonstrated their ability to work within constraints – technical, business or other
  • Has experience coordinating, running and reporting on usability studies and other forms of design research
  • Understands how to present and communicate their recommendations and designs to client teams
  • Can wrangle Word, Excel and PowerPoint
  • Is an expert with Omnigraffle, Azure, Morae and/or other UX tools
Bonus points for:
  • Graphic design and/or technical expertise
  • French fluency, oral and written

You might be the right person if you:

  • Can inspire and motivate colleagues and clients to achieve the best possible design
  • Have a great client manner and are comfortable in any professional setting
  • Know what’s trending but are more interested in innovating based on user needs
  • Can think big, then roll up your sleeves and get hands-on
  • Know the rules, and know when to break them

To fit into our team you’ll need to:

  • Adhere and adapt to tight schedules and project conditions
  • Be able to roll with the punches and adapt when things change
  • Appreciate collaboration and encourage debate
  • Have no problem pitching in where needed to get the job done
  • Put your dishes in the dishwasher, not the sink

This opportunity may be filled by contract (minimum 6 months) or full-time, depending on the suitability and preference of the selected applicant.

Forward resumes to recruiting@usabilitymatters.com.  Please include:

  1. Portfolio or samples of relevant work
  2. Your salary/compensation expectations

We are interviewing as we receive applicants and will close this opportunity when we’ve found the appropriate fit for our team. Hope to hear from you!


Designing a mobile experience for the TSO – part 1

Recognizing that an increasing number of visitors were coming to their website using mobile devices, the Toronto Symphony Orchestra (TSO) was keen to create a mobile website to better meet concert goers’ needs – and so were we. While the website is currently under development, Usability Matters and the TSO are excited to share some of the design insights from our efforts to date.

To ensure we achieved an engaging, fun and useful user experience, we began by building upon Josh Clark’s terrific “mobile mindsets” framework (Tapworthy: Designing Great iPhone Apps). The aim was to sharply focus on the tasks of TSO enthusiasts on the go.

Iʼm microtasking…

  • Find out what concerts are coming up
  • Purchase tickets
  • Get answers to common questions such as “what should I wear?

Iʼve got a little time…

  • Find out about pre-concert chats and other concert-related events
  • Listen to TSO concert excerpts, recordings and podcasts
  • Watch TSO videos

Iʼm local…

  • Get directions to the performance venue
  • Find out where to park
  • Find nearby restaurants and discounts

Far from being restrictive of the design, this disciplined task focus was an utter delight – sloughing off the barnacles that too often get affixed to a website was liberating. Over-burdensome display ads were replaced by discreet sponsorship provisions. Stakeholder efforts to put a slice of everything on the home page were rendered impossible.

The result? It has been a delightful collaboration with the TSO and I eagerly await the launch of the website in the coming months but in the interim, I know that all my upcoming design efforts will reap the benefit of this project’s task-focused influence.

In subsequent posts we’ll unveil some of the design solutions.

Daily Bread Food Bank 5th Annual Food Sort Challenge

The Toronto Daily Bread Food Bank held its fifth annual Food Sort Challenge last week, and the staff at Usability Matters was excited to take part!

One of the daily tasks around here is the sorting of data and information – applying these skills to the sorting of 3 skids of donations seemed a good fit for us. As newbies to this Challenge, we were unsure of what the process or environment would be, and since I was elected Team Captain, I was bit nervous about letting down my team as well as the honourable staff at Daily Bread. They did a great job in giving us an orientation first and explaining the do’s and don’ts:

  1. do check expiry and best-before dates on all donations
  2. do check under peanut butter and Nutella lids for “sampled product” (how yuck!) or surprise cash gifts hidden by donors (how sweet!)
  3. don’t hurt the food (i.e denting the cans or rip the packaging, etc)
  4. don’t sacrifice attention to these details in favour of speed
  5. don’t interfere with other teams

Armed with these points in mind, a quickly hobbled together plan of attack (2 people on box making, 1 on labeling, two teams of 3 sorters and 1 scanner/palletizer) and our snazzy matching Tshirts, we whipped through 3 pallets of donations in… 58 MINUTES! Whew! And yet we were still not the fastest that day – Congrats to last year’s returning champs: the Ranstad team, who also won overall this year.

The U-Stars Team!

With new skills in hand, we’re hoping to shave 3-5 minutes off our time next year! The Food Bank fell short of their Fall Drive goal this year, so being able to pitch in towards their next target was a great feeling AND a fun team building event.

If you are able, please consider the Daily Bread Food Bank in you charitable giving this year, or run your own food drive!

 

 

 

Your App Is Not a Game Changer

No, it’s not. Stop calling it that.

Shush. No, just shush.

A “game changer” comes about when someone finds a way to change the dynamics of a market—the “rules of the game”—to their competitive advantage, leaving their competitors scrambling to figure out these new rules. A game changer is, to use another hot little term, “disruptive.”

The iPhone? That was a game changer. The game was mobile phones. Mobile phones sucked, because their displays and input methods sucked and their utility was limited by that suckiness, and whatever applications ran on them sucked. We didn’t even know how much they sucked at the time, so happy were we with the sucky technology prior to June 2007. Then the iPhone introduced to mobile devices the direct manipulation of apps and content through a touchscreen, dramatically expanding the utility—and the improving experience—of using a mobile device.

So the game was mobile phones. The rules were displays and input methods. And the iPhone changed the game by changing those rules. A game changer. See?

There are very few game changers. They are RARE.

You are playing the same game everyone else is, hoping to hit it rich just by being a player. You are following the rules of the game very strictly. That’s OK; there’s no shame in playing the game.

Your app is also the 14th app I’ve heard about this morning that is two out of three of the following: mobile, local, and social. And that’s just fine. I like those things. Your app doesn’t need to be a game changer to be useful, delightful, well-crafted, profitable, or even innovative.

I wish you the best of luck with your new app; I’d be happy to give it a try. But if you call it a “game changer” again, I will have 1000 cheese-only pizzas delivered to your rented garage.

World Usability Day 2011

Since 2005, the Usability Professionals Association has designated the second Thursday of November of the year as World Usability Day, a day to raise awareness of and to train professionals in good usability practice. Last week, the team at Usability Matters decided to find out just what makes our lives easier. So we bundled up, wheeled out our mobile whiteboard, grabbed some candy and took WUD to the streets of Toronto (specifically to just outside our office building in the Spadina/Queen area)!

 

The plan was to get people to complete this sentence: my ­­­­____ makes my life easier because ________.

 

We were going to collect the responses on post-it notes, reward participants with candy, and tweet out answers to the world to get people thinking and talking about the subject.

The first usability issue we encountered: post-it notes fly away easily in the breeze! Nix the notes and pull out the markers. Next, people are afraid to talk to strangers with candy (my mother would say they were just raised right). Scrap the spiel and gently blurt out “what makes your life easier?” to passers-by.

This question made most people pause and think. Some were quick to identify a thing they used with frequency (a bike, a phone) or something that they wanted (sleep or food). More sentimental folk offered up relationships (friends, parents) and the lovely intangibles (attitude, love, being happy). Of course, we got the rare smart alec (oxygen, running water) and fewer still a depressing “not much these days” (we gave those people an extra piece of candy). And the more thoughtful answers seemed to come from respondents who showed genuine interest in what the heck we were doing out there (civility, accessibility, community).

In three hours, we got just over a 120 responses; here is a chart illustrating the different categories…

After crunching these numbers, I have to say I was pretty happy to discover that the relationship and intangible answers combined equaled the number of tech responses (40% each) and just 15% were material items. My colleague Manna wonders if those percentages would change if we conducted the experiment in a different neighbourhood. Sharing our building with the Centre for Social Innovation does make our local community a relatively thoughtful and socially conscious one. How many Bay Streeters are thankful for their doulas?

It was a fun day to get outside and get in people’s faces a little, sneak a little peak into their worlds and get them thinking about usability. And in the name of fun, here are a couple of word clouds of the various useful items….

 

…and the responses:

If you plan to gather similar research in your area, please keep us posted on your results (and don’t skimp on the gumballs)!

 

RFP: Usability Matters Graphic Design Partnership and Website Redesign

Request for Proposals

OVERVIEW:

At Usability Matters, we are experts at putting users at the centre of digital development and designs, helping our clients create online experiences that resonate, motivate, and engage their target audiences.

We are looking for a design firm or individual freelancer to partner with that can collaborate to bring our ideas and wireframes to life.

As a way for us to get to know each other, the first project would be our own website redesign. We need someone to assist us in applying elements of our brand to our digital presence.  We do not anticipate an overhaul of our existing logo and other elements of our brand, but can imagine extending or enhancing certain elements in order to add a new level of sophistication to our deliverables and marketing materials. We also plan to extend our digital presence beyond the web browser to include mobile and handheld devices as part of this project.

Please provide the following information:

  1. A statement about who you are and what you do.
  2. Examples of your work.
  3. Your approach to this project.
  4. Pricing – your typical rate structure.

Usability Matters is looking to making our vendor selection before end of this year in order to begin work in January 2012.

We will only consider submissions by designers based in Canada.

SUBMISSION DETAILS:

            Friday December 16th at 5:00 PM

            Attention: Julie Bot, Office Manager

            Email: julie@usabilitymatters.com

Human Factors International Wants to Give You a Kindle Touch!

Its that time of year again! World Usability Day is coming up in a few weeks (November 10, 2011), and to celebrate, many different groups around the world are preparing various events, contests, and information sessions.

What is World Usability Day you ask?

According to the organization http://www.worldusabilityday.org/:

World Usability Day was founded in 2005 as an initiative of the Usability Professionals’ Association to ensure that services and products important to human life are easier to access and simpler to use. Each year, on the second Thursday of November, over 200 events are organized in over 43 countries around the world to raise awareness for the general public, and train professionals in the tools and issues central to good usability research, development and practice.

Check out the site for more information on what its all about, as well as what’s going and how to get involved. One of the more compelling contests includes a chance to win a Kindle Touch from Human Factors International. All you have to do is tell them about your worst usability experience and how it could have been avoided: http://www.worldusabilityday.org/human-factors-international-world-usability-day-contest

Are you planning a local World Usability Day event? Let us know!

 

Music To Wireframe By

I am not ashamed, but I don’t feel proud to say this either: I listen to the “TRON: Legacy” soundtrack.

It’s been a long time since I’ve had an album in regular rotation that features the Disney logo on the cover art. And it’s not an album I’d listen to while walking to work or doing the dishes—these days I’d opt for Bon Iver or The Black Keys. Daft Punk’s techno soundtrack is, for me, task-specific: I listen to it only to get into a flow when I’m wireframing.

If you’re a UX designer or one of our clients, you’re familiar with wireframes—annotated blueprints for sites or applications, basically. Designing them requires creativity, pragmatism, empathy, and taste; a scrupulous balance of what’s required and what’s possible. They’re best created when you’re in a flow—a state of “energized focus,” as Wikipedia nicely puts it.

The steady, propulsive, and somewhat bland “TRON: Legacy” soundtrack helps me get there. It’s not great music, but it pushes me without distracting me. [1]

I figured we could all use a bigger repertoire of music to wireframe by, so I asked around the UM office for my colleague’s recommendations.

Steven says:

Sarah Toy and I have been fighting over a recording of Arvo Pärt’s music by Angèle Dubeau & La Pietà within my shared iTunes library. That recording and another of Philip Glass by the same ensemble are on very high rotation for me, along with an album by Canadian composer Marjan Mozetich: Affairs of the Heart. [2]

Other favourites include Bach, Mahler, Chopin, Handel or if I can’t decide, the CBC classical music stream. For faster paced music, I may turn to jazz or tango or bossa nova.

One of the key commonalities is no lyrics, or if there are, they aren’t English and I can’t understand them.

The “no lyrics” theme was common. Shannah likes a tango-electronica group called Gotan Project. “Lyric-free, caliente,” she says.

Katie gets into a flow with electronica and house/techno that has few or no vocals, or uses vocal samples. (Also good for workout music, she says.) She selects music to match or modify her mood—either way, it needs to inspire her, not just spin in the background. Her suggestions include:

  • Four Tet’s latest album, “There is Love in You”
  • Lucienn Luciano (various tracks – but right now I love the track “Arcenciel”)
  • Robag Wruhme’s latest album, “Wuppdeckmischmampflow” (yes, that is the real title)
  • Deadbeat’s “Roots and Wire”

When the “minimal” stuff (the scare quotes are hers) leaves her feeling “cold and too robotic,” she’ll mix in any of the following:

  • Beach House’s latest album “Teen Dream”
  • Blind Pilot’s latest album “3 Rounds and a Sound”
  • Al Green’s latest album “Lay it Down” (just a few years old, and amazing)
  • The Temptation’s “Just My Imagination” or “Papa Was a Rolling Stone”
  • Austra’s latest album “Feel It Break”
  • Hot Chip – all albums except the last one
  • The Knife – all albums
  • Bon Iver (if I feel like licking my wounds)
  • My latest obsession is the song “Throw Your Arms Around Me” by The Hunters & Collectors (80s band)
  • I also love getting into Depeche Mode, The Cure, Yaz

“When I’ve exhausted my options,” Katie says, “I usually play my Last.fm radio station, which pumps out songs based on my music preferences. This is a profile I’ve had for over five years, so I get a lot of good stuff.”

Manna, too, goes for online radio, and she doesn’t seem to mind lyrics. She favours whatever’s on indie shuffle or spinner, whose obscure finds and lowercase stylings put my indie cred to deep shame. She also likes NPR’s First Listen site; for a while, she says, her favourite was a tribute album to Buddy Holly that she found through that site. Or she’ll go for old favourites like Depeche Mode, the Smiths or David Bowie. 

Julie, our office manager, doesn’t wireframe, but like everyone she likes to get into a flow. “No lyrics? I’d die,” she says. “But I do only listen to the same things over and over and over so I don’t really need to listen anymore; I know what’s coming.” (I’ve found this works too—listen to stuff you know so well that you aren’t distracted by it.) She likes Bruce Springsteen, Adele, Judy Garland, the Elvises (Costello and Presley), Fleetwood Mac and Stevie Nicks, the Beatles, and a track from the “Moonstruck” soundtrack called “Que Sea El (It Must Be Him)”.

I’d like to share more music to wireframe by with other UX people, so—what music do you wireframe by? We’d love your suggestions in the comments, or @umatters. If you’re a member of Rdio, feel free to add your suggestions to the collaborative playlist.

 

 


[1] Most felicitious “TRON: Legacy” song title for wireframing purposes: “The Grid”.

Wireframing bonus in that particular song: A Jeff Bridges voiceover from the movie, in which he waxes about visualizing clusters of information.

Least felicitous title “TRON: Legacy” song title in every way: “Adagio for Tron”.

[2] Steven and Sarah might enjoy “Adagio for Tron”.