UpFront 2015: The anatomy of a great UX
Developer Evangelist Toby Sims recently attended UpFront Conference 2015, where he learned about best practices and latest developments in front-end design.
I would say it started as most days do, but I would be lying, as the train was early. 6 AM early. However, this was definitely for the best as it was taking me to Manchester for the first ever Upfront Conference, a gathering of developers and digital enthusiasts from North West England (and beyond!).
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
UpFront was such an insightful conference. If you are on the same side of the globe (or like a travel) it would be great to meet you next year!
How to improve the design of your responsive emails
Did you think responsive email design meant sending emails that guaranteed you’d never be ghosted again? It’s okay if you did. But seriously – responsive emails are specifically-coded emails to look tailor-made to whatever device they’re being read on. When emails...
How to add and send animated GIFs in emails
We all love a good animated GIF. Nearly 40 years have passed since the world saw its first GIF (a rotating globe created in 1987), and they still intrigue and entertain us. These days...