June 21st, 2010
Web Directions @media Conference 2010, thoughts.
The early hours of Thursday morning (1oth June 2010) saw me on the way to my very first conference. And not just any conference, this was the Web Directions @media conference of Waterloo, London – highly regarded as one of the best annual conferences for web designers in Europe.
I shared company with my fellow web development folk of Jadu, the organisation from whence I hail. Upon my return from the two-day conference, I went straight to work on writing up my notes from the presentations I’d attended, initially to share the wealth of information I’d gathered with the rest of my colleagues – however, I’ve decided now to also share said write-up on here, too. So here it is.
Designing for play – Christian Crumlish
Christian provided to us a very engaging presentation on how to design for social engagement. His slides were divided up into very modular sections, giving us more of a bullet-point approach to take notes from rather than speaking to us a story.
A lot of what he was trying to put across to us was that users enjoy being able to use websites naturally. When needing to represent themselves in some form or another to others within the same platform, they expect to be able to do so (through means of an avatar, for example). They expect sites to flow, for things to be obvious, and to enjoy their experience. Christian used examples of actual games (board games, video games, and to prove his points further, even musical instruments) throughout the presentation to compare relative experiences on websites, and how particular features (when implemented correctly) will make a successful website.
One great example he gave was with actual social websites and how they are experienced, particularly Facebook and MySpace. The former of the two utilises one key feature, and that is a strict framework. When designing a website that has the potential to get very out of hand through user input and customisation (personalising user profiles, for example), strict frameworks need to be put into place. Facebook’s framework prohibits any user from customising the “look and feel” of their profile page, hence keeping everything neat, tidy and uniform. MySpace on the other hand became renowned for providing the exact opposite to its users, and actually won over many of its younger generation for this reason alone. However, this led to chaos (profiles that looked hideous and unreadable/unusable), and users slowly but surely moved towards the more ‘stable’ of the two networking platforms – leaving MySpace with minimal actual users, and becoming more of a music/band orientated site.
Another of the reasons he gave as to why Facebook is such a successful (perhaps THE MOST successful) site of its kind was that it allows users to make mistakes, but still able to make those mistakes work. Take for example a new user to the site, inexperienced to social networking, not knowing where to start or what to do. They are greeted with a tutorial on how to set up their profile and enter their personal information – great, easy, done. What next? They see the ‘Home screen’ and news feed, and a great big text box at the top asking “What’s on your mind?”. You write what is on your mind, and post it. You then proceed to a friends’ profile page, and see a similarly styled great big text box at the top, this time saying “Write something…”. Without navigating back to the home screen, the user may wish to write something else that is on their mind, and not realise it is going directly to that person… A mistake has been made. But did the website break? Was their experience destroyed? No. The person they left their message upon responds with a ‘comment’, explaining the error of their ways, and the user has learned something new – whilst at the same time, communicating with a friend and in turn, being socially engaged.
It is this aspect that leads to a sense of play, an invitation to make more mistakes and still feel comfortable. The experience can be compared to the aforementioned aspect of playing an instrument. Christian told us of learning to play the ukulele, and although once in a while he would hit the wrong string whilst playing a chord (making a mistake), it would still sound great, and so he would continue make the same mistake again, rather next time it would be intentional.
I think overall, the biggest part of what I took away from this presentation was that you have to ensure a website flows. Design flaws can be instantly spotted when this doesn’t happen, and the phrase “Don’t make me think!” is what first comes to my mind when trying to envision the success of a socially-interactive website design.
An introduction to server-side JavaScript – Tom Hughes-Croucher
Otherwise known as SSJS, server-side JavaScript got me pretty excited after hearing this talk. Tom was quite a character, firstly pointing out his “American transformation” with the crazy glove-shoes he was rocking, and of course his tinged English accent from living the Californian life for the past 2 years.
He started off his presentation by stating that the remainder of his slides will be shown in Comic Sans. “I know, I know.” he said, as we all rolled our eyes. “I can guarantee though, that you still won’t hate me. This is so awesome, and I am so confident that you’ll think the same, that even Comic Sans won’t bring you down.” From this point on, I knew we’d be getting some more laughs out of him. And we did. (You had to be there.)
-This is where it gets geeky-
Right now, there are no “official” standards for server-side JavaScript, as the official JavaScript specification only gives APIs that are useful for browser-based applications. Therefore, something called CommonJS got invented, which is basically a super-fast object-oriented API, providing APIs that ARE useful for SSJS, also allowing the developers’ applications the freedom to work across multiple platforms (V8, Rhino etc.)
Direct from the CommonJS website, its most notable benefits of use are:
- Server-side JavaScript applications
- Command line tools
- Desktop GUI-based applications
- Hybrid applications (Titanium, Adobe AIR)
Tom swiftly brushed over this though, mentioning to us a little known gold-mine to SSJS’ers – that being Node.js. Apparently this is the greatest thing ever, and gets lots of JavaScript programmers very excited. I personally just enjoyed watching his enthusiasm as he went through bits of code (not understanding 95% of what he was showing us), it was still interesting. From what I gathered (I shall research this more when I get the chance to), Node.js does everything. It can be installed to a Unix server using just 4 lines of code, and is capable of running queries 10-to-the-6 times faster than Apache can (or so he claims). It is also capable of rendering a scripts’ HTML and DOM on the server, allowing applications to run lightning fast when, say, a AJAX request is sent to the server for a content change or something.
All in all, very interesting. And he was right – it certainly did leave me thinking it was awesome.
The Art of emotional design – Aral Balkan
I think this talk could be compared to Marmite. Personally I enjoyed it, a lot, although my team leader was not so keen (for whatever reason). It gave me an insight into how great an application (web or mobile) can actually be, if it is thought out well enough and no expense is spared in the effort and passion put into its development.
The majority of his presentation consisted of him showing us how he developed his latest iPhone app, namely “Feathers”. It was a very simple idea in context, basically allowing the user to ‘jazz up’ their tweets through use of special Unicode characters, etc. However, him being the perfectionist that he is, and having the mindset that he has toward user experience and how essential it is to put across a ‘good’ one to your user, the application he produced absolutely shone.
Aral gave us numerous examples of situations we, as designers (and developers, no less), should put ourselves into when we’re creating our applications or websites. He asked us at one point to close our eyes, and remember back to when we felt a real, genuine sense of delight. That glee, that happiness, that pure excitement about something that you only feel several times throughout your entire life. For mine, I remembered back to when I was having my final interview at Jadu, and the CEO came and told me I’d gotten the job. That feeling, right there.
He then told us to hold that memory in our minds, that sense of delight, and settle on nothing short of an experience to our end-users of whatever application we were creating. A magical experience, if you will. He told us that a very reputable organisation who shall not be named (*cough* APPLE *cough*), were highly renowned for perfecting this experience in every product they release.
Through providing products that ensure this magical experience to their end users, they are able to ‘reinvent’ already successful product genres with their own take – examples being the mp3 player with the iPod, the home computer with the iMac, the mobile phone with the iPhone, the netbook/e-reader with the iPad. I think this proves his point entirely!
I know I’ve only covered three of the many presentations I attended over the span of those two days, but they are the ones that really stood out to me, and I feel have had the most effect on how I will design (and develop) my sites from this point on.
Would just like to usher my thanks to all of the speakers whose talks I made notes on – you’ve definitely helped aid my path to becoming one of ‘the best’!