Author Archive

Bath openMIC #4 – Mobile Web, HTML5 and CSS3

Robin Greene - February 12th, 2010

openMIC

Yesterday, I attended the Open Mobile Innovation Camp at the innovation centre in Bath. The event was hosted by Chris Book and had talks from Giles Turnball (Freelance Journalist), Bruce Lawson and Patrick Lauke (both from Opera). The focus of the day revolved around the current trends in mobile app development and the tensions between Native, Web and Widget apps.

The day kicked off with tech writer Giles Turnball talking about how technology has turned the press industry upside down. He recounted tales from the 90s of infra-red modems, Palm Pilots and GoType keyboards, and being one of the first journalists to actively embrace remote reporting and email. Although initially laughed at, remote journalism is now standard and Giles encouraged us not to neglect advancing technologies, but to learn about them and look to integrate them into our businesses and working lives.

Next up was Richard Spence who ‘controversially’ spoke about non-iPhone development. He reminded us that only 8% of the mobile market is iPhone whereas 71% is browser based. Richard didn’t slag of the iPhone, on the contrary, he “thanked Apple from the bottom of his heart” and agreed with Stephen Fry’s eloquent observation:

Does anybody seriously believe that Android, Nokia, Samsung, Palm, BlackBerry and a dozen others would since have produced the product line they have without the 100,000 volt taser shot up the jacksie that the iPhone delivered to the entire market?

Richard went on to give a brief history of mobile development platforms and where they are at now. J2ME, Blackberry and Symbian were all covered and commended for their recent improvements in the light of the ‘iPhone effect‘.

The final talk of the morning was from Bruce Lawson from Opera. Bruce was in jovial mood and was quick to evangelise the latest Opera Beta which claims to be the current fastest Javascript engine. Bruce championed the W3C Mobile Web Best Practices and also highlighted some of the UX and accessibility challenges that await. Bruce emphasized the importance of optimization and minimising HTTP requests. He went on to talk about future advancements in HTML5 and CSS3 and the features that the latest Opera already supports. One particular point of interest for me was the use of Media Queries to change CSS layouts dependent on screen size, without JS sniffing. Bruce finally talked about the potential of Widgets, that Opera are involved with in editing the W3C standard.

After a lunch at the local chinese and heated debate on technology, we broke into smaller groups for our barCamp sessions. The philosophy of barCamp is to create open group dialogues about an agreed topic and to work / explore collaboratively. I attended a discussion on HTML / CSS3 with the guys from Opera, and for my second session W3C Standards for Mobile Web. Both sessions were really insightful and was particularly interesting to hear peoples’ comments from the mobile industry on mobile web.

I also picked up a couple of useful tools:

Native Mobile Development Platforms for Web Developers

Appcelerator Titanium

PhoneGap

W3C Mobile Validator

http://validator.w3.org/mobile/

Perhaps most surprising, coming to the event as a pure Web Developer (with past dabblings in mobile), I certainly didn’t feel like an outsider or feel like the technology was flying over my head. In fact, I came away with an increasing awareness that, whether I like it or not, Web Development is not simply going to be solely about the Desktop. As hopes of an archaic browser death is on the horizon, another friend is also lurking. In our discussions on Mobile Web Standards, we were reminded that the largest mobile usage is not in China, the US, or Europe, but in developing countries. If the days of IE6 support is numbered, then the days of mobile WAP support may be coming back from the dead!

E3 relaunch National Curriculum website

Robin Greene - February 1st, 2010

Next year sees the launch of an entirely new Primary School National Curriculum. Our friends at E3 have been working with the Qualifications and Curriculum Development Agency (QCDA) and the COI to relaunch the National Curriculum site. Phase one of the site was launched last week with a second phase due in March. The site is designed to be a resource for teachers in planning lessons and interact with other teachers using collaboration tools.

It’s always good to see our friends in Bristol involved in national projects and producing engaging, collaborative online content.

E3 National Curriculum

What will the New Year bring?

Robin Greene - January 8th, 2010

It’s a new year, and according to pop-culture, a new decade! But what will we see, hear, smell, taste in these new times? Well fortunately there’s an App book for that! In fact, there has been since 1972, 2010: Living in the Future, by Geoffrey Hoyle

2010 What will the New Year bring?

What do you think?

Robin Greene - December 9th, 2009

A common design question that’s asked is ‘What do you think?’. A question we often ask when presenting design ideas or when the product is publicly launched. The anticipated outcome of that question is often expected to be a lateral answer, best illustrated in the diagram below:

What do you think? Like or Dislike?

But we all know that subjective design opinions are not as black and white as this. Along the spectrum are a number of complex influences that affect the outcome of the answer. One way to explore the outcome of this answer, and so to influence the approach to your design, is to ask a different question: ‘How do you think?’.

In designing user experience, user behaviour must be taken into account. But what determines a user’s behaviour? Now I’m no psychologist or sociologist, but do understand the importance of understanding user behaviour to influence design decisions.

When approaching a design decision, often the common influences are made by budget, client preferences (eg. colour), technical restraints, web trends etc. A common oversight is why the work is happening in the first place – why is the end user not using the product and making the client more money? How can we encourage the user engage more? etc.

There are lots of helpful tools to explore these questions – Personas, User Testing, Mental Models, Wireframing, User Interviews, Google Analytics and site monitoring tools etc.

However, at the heart of all these tools are not ‘What do you think’ but ‘How do you think?’

I was reminded of this again when Andy showed me a map of Russia from the Cold War era, I’d never seen Russia as a country from this perspective before. I’m very familiar with the classic landscape view of the world, even Google use it:

Google view of Russia

From this perspective it’s easy to see how, during the Cold War, Russia appears to be an imposing mass, disproportionate from it’s surrounding neighbours. However, in the perspective below, it’s easier to see the surrounding threat from all sides:

Russia perspective

Indeed, from this perspective it’s easy to see how Russia is encamped by every major continent with the exception of Australasia. From this perspective it is easier to explore decisions and expectations made, and maybe change our thinking or approach.

The challenge to us as designers, is not to get consumed with the end result to the point that we miss the very questions that start the process.We need to be looking for examples to learn how our users are thinking, what decisions they make and why?

I’ll finish with some insight from Albert Einstein:

“Innovation is not the product of logical thought, although the result is tied to logical structure.”

Google tracking failing XHTML validation

Robin Greene - October 28th, 2009

Came across an interesting problem today, whilst creating a template for a new website, I noticed that the Google analytics tracking code was failing XHTML validation.

<script type=”text/javascript” language=”javascript”>
if(typeof(urchinTracker)!=’function’)document.write(’<sc’+'ript src=”‘+’http’+(document.location.protocol==’https:’?’s://ssl’:'://www’)+’.google-analytics.com/urchin.js’+'”><’+'/sc’+'ript>’)
</script>

I later discovered that wrapping the script in CDATA tags allowed the script to parse and validate – happy days!

<script type=”text/javascript” language=”javascript”>
//<![CDATA[if(typeof(urchinTracker)!='function')document.write('<sc'+'ript src="'+'http'+(document.location.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com/urchin.js'+'"><'+'/sc'+'ript>')//]]>
</script>

Oops, Sorry, Whoops, Oh Pants

Robin Greene - October 20th, 2009

We all make mistakes – that’s life! But how should we own up to it? Whose fault is it?

Carsonified have a great blog article about this very issue – 10 Tips on Writing Hero-worthy Error Messages by Christine Brodigan.

Slightly Geeky, but really cool!

Robin Greene - October 19th, 2009

This is a great video, reminds me of classic Art Attack. Don’t ask me how they made it….

http://www.dailymotion.com/videox9ek87

Great design is FUN design

Robin Greene - October 9th, 2009

This video is a great example of fun, interactive and social design. Interesting experiment too!

YouTube Preview Image