Twitter Weekly Updates for 2011-05-22

iPhone Voice Memos Redesign

Inspired by the post When Visual Style Gets In The Way, I sat down for an hour and worked on these designs for the iPhone’s Voice Memo app.

I wanted to increase the user feedback, make the interface easier to understand and ditch the 50′s microphone. I like labels on my icons and wanted to exploit the crisp display on the device.

iPhone Voice Memos monitoring audio levels

Monitoring audio levels - the default state on opening the app

iPhone Voice Memos - recording

Recording a voice memo


Do you think it’s an improvement?

BigCommerce – jQuery script to highlight current section

[Updated 26 Oct]

I’ve been working on setting up an ecommerce site for a client using Big Commerce. As ecommerce solutions go, it’s pretty good – I’ve worked with significantly poorer software that’s for sure.

Customisation is limited on the hosted version, but there’s still plenty you can do with CSS. However, one niggle for me is that it does not output any code to help you indicate to your visitors which section they are currently viewing.

Following the instructions below, you should end up with ‘class=”ActiveSection”‘ being added by jQuery to the active list item or active parent list item in ‘#SideCategoryList’ or ‘#SideShopByBrand’. So instead of outputting

1
<li><a href="http://mysite.mybigcommerce.com/categories/Category-name/">Category-name</a></li>

it will output

1
<li class="ActiveSection"><a href="http://mysite.mybigcommerce.com/categories/Category-name/">Category-name</a></li>

when you’re browsing products in categories or brands. Wow :) Continue reading

Not everyone sees things the way you do

Open Access card

At the SCIP event last month, the group leader asked the community organisations if they had any specific problems they wanted addressing.

“Accessibility,” said one man. “What do you mean?” “You know, blind people, that kind of thing.”

Ian shifted in his chair, and then spoke. “Do you have a problem with the site? Are people coming to you, complaining that they can’t access it?”

They weren’t, and a conversation developed. What kind of people visit the site? For what? It’s a radio website, so would partially-sighted people be coming through the site, or through streaming players, or iTunes? Is there any evidence of people using screen readers to reach the site?

How useful is it to focus on blind people when we think about accessibility?

Not everyone sees things the way you do

For us, accessibility is a broader concept. It’s about all the different ways people might want to access your site. If you have events, will people want to view them on the move? Do you need some mobile pages?

Is there lots of good information on your site? Will people be wanting to print it out? If so, you should have good print stylesheets to make the printed pages look good and not waste paper.

I like to use a computer-based calendar. I don’t want to visit your website to find out about new events. Can I subscribe to your calendar?

And what about news? I like to read mine as email. Can I get news from your site through email?

This is accessibility. Making sure your site is accessible to all your users in the way they want to interact with it. And that means blind people with screen readers. But it also means a great deal more.

More tips »