Posts Tagged ‘UX Design Team’

Redesign Team Jacki and Claire: G11 Powershot

Project UX Design Team

The subject: Canon’s G11 Powershot Navigation and Interface Screen

Getting Started

Tackling the digital camera interface redesign was quickly noted to be a massively overwhelming task. We’re all camera users, but who’s to say who’s the ultimate camera expert? The number of menus is ridiculous and the complexity of control levels is huge.

How does one even begin redesigning an interface with so many nuances and details and varying uses for a single product?

Answer: Research, Research, Research

User research began, I think, with the intent of figuring out which features people liked and needed the most so we could focus on parring down, redistributing menus, and adjusting the G11’s target audience to allow for streamlining content. But research is always telling, and much to our dismay, it seemed that many people like having so many features available because everyone wants their features.

Here’s a few of the sites you can check out to see how diverse people’s needs and responses truly are:

Canon’s own user review access.
CNet’s review of the Canon G11.
And don’t forget Amazon’s huge access to user reviews.

Also, here’s an excellent introduction/tutorial on the particulars of the Canon G11. Though it’s interesting to note that even as he promotes and praises the camera, even he’s fumbling with the controls and navigation throughout the demo.


Eventually, we found that our research actually helped refocus our goals into a much less daunting task. After all, we certainly aren’t in the position to dictate people’s feature abilities when we’re certainly not the almighty camera experts. Instead, we redirected ourselves on a new route to celebrate the diversity of camera uses and photographer quirks – customization.

Planning the attack

Turns out, Canon does have a menu customization ability (notice that star tab on the first image?), but no one seems to know it exists or how to use it. Our job was to make it front, center, and the main mode of menu setting selection. But there was more than just making it the first tab in the list. Who wants to waste time manipulating settings on a tiny screen with only a scroll wheel for movement control?

Enter the computer and iPad set up interface for inspiration.

You already connect your camera to the computer – it’s digital after all. Why not use that to automate customization and allow the user to work from the comfort of their monitor and mouse instead of inside the cramped camera?

A comparison of the current and proposed task flow charts shows a bit of extra time with the initial set up and customization, but its still a pretty streamline process. And ultimately, we’re trying to eliminate that circular, repetitive motion of even trying to find a particular setting, as well as the frustration of options you have no clue what to do with.

Plus, by dropping the “quick access” buttons inside the custom menus, there’s less physical camera bulk and space to enlarge the LED screen size – both of which were explicit complaints about this model.

And once you’ve gone through that first time set up, your menus are all there any time you shoot. You’d only ever revisit those steps if you chose to, so really, there are less steps in the long run.

Design Layout

The final designs ended up being strikingly simple in comparison to what originally appeared to be a daunting task.

The computer interface is a single pop-up screen that initiates when the camera is plugged in. Setting choices are organized on the right in a folder-like set up that can expand or contract as desired, and the user simply drags the desired settings to the camera screen at left. Folders can be added or deleted for organizational needs and settings can be removed from the custom screen simply by clicking the red X button. Sync the screen to your camera, and you’re done.

The camera itself got a major button reduction, a larger touch screen interface for increased visibility and mobility, and your custom setting menus are the first tab in the list. Oh, all the original screens are still there, in the receded tabs just in case you find out on the go that you forgot something. It’s more like a shortcut menu – for the shortcuts you want – rather than a specialized function camera.

Still, the design is simple, with only a few basic parts, that maintains the look and current appeal of the Canon brand design. We’re not trying to scare anyone here – just smooth out the process. It’s just that now your camera can be set up the way you want it set up – not the way some overseeing digital camera god-figure wants it set up.

Thursday March 3rd 2011 (Making Bacon)

Hey everyone,another blog post is here for you to read and enjoy my thoughtful words and well in case you missed class i guess?

For Starters.

We had out usual Thursday quiz on our readings. That went well everyone scored about average considering some people didn’t read the readings. (me) These are the books we’re reading. If you need to get a hold of them they can be found in the CVA library.

Second.

We talked about the expectations for the current assignment and reviewed the previous assignment. We talked about the things that were successful in the previous assignment that we should continue to do or even expand on. Some of those points were to have all the boards unified and have a standardized layout with titles on each board, hand in the assignments in 17″ x 22″ envelopes with out names on them, make sure craftsmanship is pristine, use backing boards (Bristol) when mounting, have a complete documentation of research and inspiration, and also show some exploration into different approaches or ideas you had. Here are some great examples from the class.

Annie's Groups Tskflow

Christina's Homepage

Adam's Groups Wire frame

Christina's Recipe Page

Lastly.

Continue to work on the current assignment and have more layouts, wire-frames, and designs to show for class. Document all research and exploration and try to make something that will wow everyone. The final mounted boards are due on Thursday this week (03.10.11). After that we’re free to enjoy a well needed spring break and relax for a week before we come back and finish up the semester.

Here is a very well illustrated and thoughtful video on what motivates us. I thought it might tie in nicely because its talks about how what motivates creative ideas, and since we’re all creative people here I thought you all might enjoy it.

.

Another tuesday comes and goes…

TED TALKS TUESDAYS!

Tuesday’s always bring a fresh TED talk featuring interesting “ideas worth spreading”. This week’s TED talk, featuring Seth Godin, was especially applicable. Godin spent a large majority of his “talk” being our tour guide to “broken things” and making them unbroken. He pointed out humorous and often poorly designed public service announcements and warning signs. He also points out seven reasons that he believes the designs don’t work. I liked his third point which was that the design could be broken because things changed in between the time it was designed and the time the design got used. Our world (particularly where technology is concerned!) is fast paced and it can be a struggle to keep up. Designs should be made to last. Godin’s energy and enthusiasm was refreshing and I found myself wishing his talk was a bit longer – which would have also given him time to explain more fixes for broken things. In my google searching, I found that on Seth’s Blog he wrote,

“I did this talk about three years ago. I have to admit that very little in the way of progress has occurred.”

Well, I suppose it might finally be time to change this.

This TED talk was worth the second viewing and I would highly suggest that if you liked it the first time, you give it a second go. His list of seven reasons why the designs don’t work are good to remember.

Additionally, the website that Seth Godin mentions gives even more examples of poor design. Ironically, the design of the website isn’t totally appealing and comes off a bit boring.

 

However, I do recommend the content for its entertainment value as well as more of Godin’s unique talking/writing style. In viewing this website, I also realized that it functions much like the journaling work we’ve been doing with designs that are working and not working. For example, one person wrote in to criticize the design of the Chevy Impala’s AC design.

“At night, this is very readable and easy to see.  However, during the day, the blue LED is very hard to find in all the chrome reflections – it takes a concentrated effort to tell where the dial is pointed.” – Doug Shaefer

ARE YOU INDISPENSIBLE?

I also looked a bit further into Seth Godin’s work and found that he wrote a book called “Linchpin: Are you Indispensable?”

The description of the book says that it is more than a how-to, but rather that it pushes you to see things differently and make changes. Godin said about this book:

“a linchpin is the essential element, the person who holds part of the operation together. Without the linchpin, the thing falls apart.”

Not so surprisingly, this got me thinking about the UX Design Team Projects that we are currently working on. I don’t mean to get sappy or sentimental, but I think it is important to remind ourselves that we are each a linchpin in this project. Each one of us has a distinct role in the assignment and we are not as interchangeable as we may seem. Group projects can often be stressful and cause us to crave a temporary coma allowing us a grace period in which we don’t have to complete the assignment and can leave our group members to do it. That being said, the group presentations this week of the work done so far showed some excellent ideas and a really interesting dynamic in each group that I’m excited to keep up with.

 


IN CLOSING

Phase two of our UX Design Team project is upon us which means task flows, wireframes, and design brainstorming are all due. Thank goodness we already know how to do these things. Good luck to everyone !

Design a site like this with WordPress.com
Get started