26 May 2015
UpFront 2015: The Anatomy of A Great UX
26 May 2015
We had a lot to look forward to, the always entertaining Brad Frost opened proceedings with a talk on Atomic Design (a little more on that later). It was the start of a series of amazing talks, that varied from technical to conceptual, which left me with a lot of food for thought.
From The First Screen To The Third
First, ‘ubiquity’: You can’t just design for one screen anymore. With the rise of cell phones, tablets and smart watches, you have to bear in mind designs that will be adaptive to a range of screen sizes. Beyond responsiveness, also keep in mind consistent user experience across a range of devices.
To build this consistent user experience, Brad talks about an approach called Atomic Design, in which you split interaction into atoms, molecules, and organisms. It was a completely fresh perspective – I loved thinking about design in these tiny bit parts which are then built up into templates and finally a ‘page’. Although a consumer or user might only see the finished page, the modularity behind the principles means a lot of thought goes into how they all fit together. There’s a great blog post related to Brad’s talk here.
This also segued nicely into (a couple of talks later) into Anna Debenham’s talk on games console browsers. “One in eight internet users in the UK, US, and France—and nearly one in four American teens” uses a game console to get online. While today’s in-game browsing experience is still limited – the Xbox 360, for example, doesn’t have an official browser. It’s amazing to think that it’ll be possible to check the news, surf Reddit and even do some shopping without having to pick up another device. This is definitely one to watch to see how people adapt designs.
Getting down to the most ‘atomic’ part of design, Richard Rutter gave a fantastic talk on web typography. Good typography has been proven to induce a positive mood – a fantastic example of how the finer details can work to boost user experience
The Possibilities Are Endless
Soledad’s an epic ‘tinkerer’ with Mozilla / FirefoxOS and loves music, so there was talk of web audio, using phones as servers, IP addresses via NFC (because who likes typing IP addresses on a phone) all tied together in a live demo. Remember years ago when phones could interact with each other via Bluetooth, if only to send an MP3 over the course of 10 minutes? Soledad’s presentation took that social aspect and turned the ‘awe’ factor up a few notches.
As for Ben’s talk, I’d seen a version of it at jQueryUK, but this one was even better. In exploring just how many properties and events are available on our mobile devices, Ben had the audience whip out their phones. On the big screen was a visualization of the location of every device, waves of colour rolling across the auditorium on screens and even the sound of rooks following a pattern around the audience. Totally live and interactive, it shows just how the endless possibilities of connected devices.
Need For Speed
The third theme was performance in both the sense of speed and user experience. Dean Hume concentrated on faster mobile web performance, covering everything from network overheads to profiling. It all dovetailed nicely with Alicia Sedlock’s talk on testing your front-end code (hands up who’s felt slightly guilty at neglecting that in the past…).
Last but certainly not least, was a great take away thought from Yesenia Perez-Cruz about designing for performance. Yesenia shared how she as a designer, been guilty of working with clients and making decisions purely on design, without any mind for how the changes would affect performance. Now she works much closer with the development team, making sure every design decision is viewed “through the lens of performance”.
Photo by @chicgeek