Archive for the ‘Usability’ Category

Nov 10, 2011

We do it for the kids!

As firm supporters and contributors to the (what will soon be legendary) 2011 Leeds Digital festival, thought we'd reflect on one of the events that we have been involved in recently.

Last Thursday, I was proud to represent MadeByPi, alongside an esteemed panel of experts that included Pete Robinson and Claudio Franco from Dubit, Dr Gianni Cassidy from Glasgow Caledonian University and Tom Evans from Numiko, in conveying and sharing valuable insight and expertise in delivering excellent digital experiences for youth audiences.

With our 15+ years experience in this sector, we/I added our learnings to the discussion (skilfully led by Dave Eccles) that covered key discussion areas such as the differences between the 'digital natives' (kids) and 'digital immigrants' (us) and what their expectations, experience and engagement levels are compared to ours.

Key points of difference are HOW they interact with digital content, WHY they interact with digital content and how best to ENGAGE this audience given their differences in ability (in terms of literacy, patience and appetite for learning and play) and technical know-how (in terms of technical, navigational and usability considerations). Within this, we have experience and insight in how fragmentation occurs within the youth audiences, boys v girls (action v nurture) and across age groups (interaction v information and engagement).

Best summarised, we think, in the words of others via some informative tweets, it proved to show that our shared experiences led to consensus on marrying insight on the audience with the social context, currency and content that the online platform offers youth audiences, it proved to be a highly informative discussion, at least from our side of the panel. Happy to share in more detail and in more context if ever required!

Happy reading!
Karen

@sospot
Boys still want action, gore, competition, points, to get up levels etc #LDFkids

@sospot
girls still want to nurture, explore, collect, decorate, glitter and work collaboratively #LDFkids

@anatomic
The panel love statistics, best/most horrifying one so far - average age a child is first exposed to porn is 11! #LDFKids

@sospot
Assumption is that most kids have access to a smart phone/iPad. Disney research suggests that this is the exception, not the rule #LDFkids

@anatomic

Smartphones are the exception, not the rule. Although there are lots of iPhones on Christmas and birthday lists! #LDFKids

@IdleSi
Games aside, Karen's suggesting a thought: does the Internet heighten/improve a child's social communication development? Or not? #ldfkids

@anatomic
Interaction online is one to one, child to website, spread of experience is word of mouth, offline #LDFKids

@IdleSi

Kids expect one on one connection with web. Adults lean toward transactional. #ldfkids

@anatomic

Game mechanics and terminology can often spill into real world phrases and behaviour for children. #LDFKids

@InspiredYouth
'Internet and game based activity a huge part of social currency in classrooms' the limits are only our will and creativity #ldfkids

@sospot
Authenticity is key: don't try to trick kids, it must be their own exploration. They know when they are being tricked

@LeanneBuchan
Sharing and social is still an important aspect for kids in digital 'Look what I've done/made' creates buy in #ldfkids

@anatomic
How to capture a child's attention? Make it fun and engaging! Games and content to share with their friends #LDFKids

Mar 8, 2011

Microsoft’s IE6 Countdown

To the surprise of quite a few of us here in the MadeByPi office, Microsoft released a new website the other day, with the strapline "10 years ago a browser was born. Its name was Internet Explorer 6. Now that we're in 2011, in an era of modern web standards, it's time to say goodbye."

Yes, Microsoft are making the effort to try and get global usage of it's own browser IE6 down to below 1%.

Countdown

Currently the global usage of IE6 is 12% worldwide - still rather high, but hopefully with this campaign which, developers can also contribute to by using their provided scripts to inform IE6 users to upgrade to the latest versions (IE8/9) we might eventually get there.

For information from the chaps at Microsoft themselves about why they are doing this, check out their blog.

Jan 20, 2011

Review of the new Guardian app

By Matthew Aitken: Mobile and future devices designer

Amidst rumours that Apple are going to offer a subscription pricing system for apps the Guardian released their new iPhone app earlier today. This effectively replaces the existing app, which they intend to phase out over the next six months.

Guardian Review

The pricing model they have opted for is £2.99 for 6 months or £3.99 for 12 months. Although customers who had already purchased the old Guardian app will probably moan- App Store reviews bring out the worst in people! - this seems like exceptionally good value. It is also a good strategic move giving them recurring revenue to continue improving the app and providing dedicated content.

So, having downloaded, what we expected was an 'evolved' version that boasts more than they currently offer with added features, bells and whistles. On first impressions, it looks quite similar to the original app - which is no bad thing. The app itself is well presented and makes good use of strong colour-coded sections and simple navigation, so usability has been a key driver. Again a good thing.

(more...)

Jan 19, 2010

Nonsecure items in IE (Solved!)

We recently came across an issue when creating a site with SSL plugged in that in Internet Explorer we were getting the good ol' "This page contains both secure and nonsecure items." popup. It took us a good long while before we finally realised what it was... Fancybox!

(more...)

Dec 17, 2009

Google Browser Size

googlebroswersize

Google Labs has a visualization of the different browser sizes used by people accessing google.com. It can be overlaid over any site to see what percentage of people have to scroll to see elements, the drop off after 1024x768 is quite remarkable. How much of this is negated by people having a smaller browser window to search or netbooks even?

browsersize.googlelabs.com

Nov 4, 2009

Reducing the drudgery of embedding fonts in AS3

Using and managing embedded fonts in Flash is a lot easier than it was a few years ago, but I still find myself repeating tedious steps of set-up each time I need to create a new font-asset swf.

So, I created an Air application to do it for me ;)

Skip to the end to download the app and source, or read on for all the juicy details...

(more...)

Jun 1, 2009

Flash character embedding – adding additional ranges

Flash uses an XML file to define all the possible character ranges for embedded fonts and uses them to create the "Character Embedding..." list for dynamic TextFields in the IDE.

If you have ever tried to use a non-breaking space in a Flash textfield, you will of come across a pesky little issue - the non-breaking space character is not included in any of the unicode ranges used by Flash for character embedding.

(more...)

Apr 21, 2009

When @ becomes “

Flash Player - text input problems

Ever been vexed when Flash seems to think you're using a US keyboard layout, only when it's embedded in a page?

We came across the issue while building sites that require users to input an email address; when using Firefox, the @ character arrived in Flash as a " quote mark. After a little more testing it turned out, regardless of your setup, a transparent Flash movie in Firefox will always receive keyboard input as if from a US keyboard.

So (here in the UK) our @ and " characters get swapped around. Indeed, it seems that Flash embedded on a page with the wmode parameter set to transparent has been giving Flash developers headaches with text input for many a moon.

It's not just the Firefox @ mix-up either, but rather than me reiterating the specific issues, why not read about them and get a handy ActionScript 2 / JavaScript workaround here.

But Mike, why are you telling us this?

Well, I recently needed an AS3 solution to the problem, and converted astgtciv's AS2 version to meet my needs.

So here it is, released under a Creative Commons licence (as was the original)

Try it / Get it

Update 22/04/09 :

It seems that Adobe are aware of the issue, but as yet there's no official solution.

Update 11/12/09 :

This has apparently been fixed in Flash Player 10.1 - out now.