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