Some thoughts...

...about displayed information of pixel-based environments.
 

 

 
Fabian DanielsenSwift introduction to the writings below.Reflections over displayed experiences and profession related observations.
A personal channel of objective, transparent thoughts.

Highlights from UX London 2011

August 8, 2011. Categories: Blog, Conferences, Methodology, Mobile, User Experience,

A designers notes about liberating creativity, analyzing data and designing for context out of control.

According to my employment I got the chance to attend the annual UX London conference with two of my colleagues. As a conference-first timer the happening, presented by some of the industry’s pioneering names, turned out to be a real brainstormer. The opportunity to gain knowledge from practitioners with triple to quadruple times of experience thru three nonstop intensive days, left you with an idea and note-documentation of ridiculous length. Here’s an attempt to summarize the big picture of one day of presentations and two days of workshopping.

Why should corporations liberate creativity?

Alan Cooper. The grandmaster himself Alan Cooper spoke about business-management as todays hurdle for innovation; standpoints that inevitably brought to mind all those unfolding articles of former Nokia-employers. He defined a new era where software and interaction designers work together, creating a transparent agile-ecosystem where in house communication is undisturbed. These post industrial “balanced teams” needs what to know by them self, not by the management. We’re witnessing an inflection point where old “command and control” methods are being dissented thru startups in a will to create real purpose. Money is a far lesser motivator than assumed and the inmates are unchaining themselves (“autonomy, mastery, purpose”). This “responsible craftsmanship” is possible only when designers sees the impact of their work. As follows, “software behave’s well” (i.a. Apple).

Stephen Elop’s Nokia Adventure by Peter Burrows
Nokia: Culture will out by Adam Greenfield
Will Ford learn that software isn’t manufactured? by Alan Cooper

Redesign is a process, not a project!

Louis Rosenfeld. I’ve GFX redesigned several big scale websites during my employments, so the presentation “Redesign Must Die” by L. Rosenfeld felt obvious on a very practical level. The tendency of redesign is a consequent of (surprise) traditional management transacting, where managers “attempt the impossible in no time at great cost”. It all falls down on the process itself: first it’s the managers obligation to provide a long-spanned collaboration with the client, and second it’s the designers responsibility to design sustainable. In other words, it shouldn’t be about projects; a large website should be designed thru a continuos process where data is analyzed to understand the behavioral of it’s users (BBC, Apple, Facebook, etc.). The need of access to metadata is vital in creating good content-paths. Behavioral can’t be forced. Websites should be treated as organisms that evolve thru years without having to be redesigned. Large structural changes requires new experience orientation and accustomization; all-out redesigns easily pisses people of! Ideally adaptations shouldn’t even be noticed thru small continuos changes (Google, Facebook). Emphasis on responsible contextual navigation and search-analysis is still too rare; according to a rumor 90% of Microsoft.com:s content has never even been accessed.

Good Designers Redesign, Great Designers Realign, by Cameron Moll
Long Live the Redesign, by Francisco Inchoate
The End of Client Services, by Khoi Vinh

Complexity requires simplicity

Giles Colborne. Google was really on many speakers lips. In our fast evolving technological environments, simplicity is becoming the ultimate skill to master. Giles Colburne’s “Advanced Simplicity” workshop tackled the issue of complexity of technology; what is simplicity in user experience? Google is simple on the surface, but extremely complexed under. He defined two core-type of users: “experts” and “the mainstream”. The classical TV remote control exercise was a great example: even if the remote control is used by the mainstream, it’s design has for decades been for experts. In a world were mobile is getting more simple than web-interfaces, with no adverts and straight-on activities, designers should design for the mainstream. Meaning, for moms and dads. Users should be able to decide the complexity by them self. The designers task is to provide them with the tools. This isn’t easy and one excellent example was actually the conference wifi-card. The website of the host wasn’t mobile-optimized, and the username and the password-fields were reversed to the one’s on the physical card. From a smartphone you needed to heavily pinch and orient to the logging fields that were placed in a small distant corner. There you usually pasted in the passwords in wrong order because of the reverse alignment on the card. So, on the other hand, simplicity in itself is not the solution. It’s about the experience of it.

The Opposite of Fitts’ Law by Jeff Atwood
Innovative Techniques to Simplify Sign Ups and Logins by Anthony T
Web Form Design: Filling in the Blanks (book), by Luke Wroblewski

Mobile; the biggest design challenge ever?

Bryan & Stephanie Rieger. In a small, filled room, the Yiibu’s of Bryan and Stephanie Rieger held an intensive presentation and workshop called It’s not the device people are after, it is all the things the device enables. The event left no one cold and pretty much highlighted the conference for me personally. I’ve been an admire of their work for a time. Their presentation-technique is unique because of their storytelling knowhow where interpretations are made upon an exceptional stock of facts.

“The present is a world of one line of connectivity”. We don’t need to go to the internet any more. Of 6.8 billion inhabitants 77% has mobile devices (April 2011). 1.3 billion uses the mobile internet, which for many is the only access point! Yup, Explorer sucks, but for 1/3 users in the world, proxy browsers (OperaMini) is the only viewpoint to internet context, ahead or in the absent of PC’s. Surprisingly Blackberry is the most popular smartphone globally but the market is fragmented and therefore wide open for instance Chinese developers (ZTE, Huawei). Mobile context (web and later apps) used to be a very quick experience. Everything else was not mobile. Now mobile is pretty much everything. Even if the physical devices it selves can’t really get any smaller it’s massive context is streaming in space, everywhere. It’s all though still a bit fuzzy: after iOS and Android the rest is a scenery of huge diversity. Furthermore the user interface’s are still manipulated with physical buttons such as e.g. “back” buttons on Android and Windows Phone 7 devices.

From a physical perspective, diverse interaction and design patterns are taking shape as a consequent of new mental models. These new interpretations of user interface’s are the results from a fundamentally new way of communication: gestural-navigation. The main challenge is that we’re the first generation of users of touchscreens; there’s still many discoverability and standard-issues regarding interaction thru gestures.

Further, when thinking beyond the mobile web, any desire of control becomes an illusion. We’ve already set our content free; data wants to move around and we never really know where it’ll end up. Traditional brand presence is undergoing a massive transformation and the question of how native app design could be replaced by one single user experience thru all devices is running hot thru new doctrines like responsible web design. Regardless of some very good principles, there simply isn’t a waterproof method to design for all platforms simultaneously. With new devices popping up like never before, it’s just a shitty fact that client’s doesn’t always understand.

Beyond the mobile web, by Yiibu
Weekend Reading: Responsive Web Design and Mobile Context,
by Jason Grigsby
Responsive Web Design (book), by Ethan Marcotte

A short overview

Except from Oliver Kings’s clarifying presentation of Service Design and Matt Jones hilarious human-robot standup, none of the presentations displayed anything fundamentally new. But they didn’t need to! Some are of precious practical significance, while other are just wonderful, entertaining mindblowers. For the listener, the tendency commonly seems to be to start with four hands-on UX-conferences. Usually one each year. After that you’re done with user experience lectures. The next step is the higher level ubicomb venue’s like e.g. Dconstruct or Lift.

It’s reputed that some speakers lectures the same presentations even three years in a row. Even so, if the subject is familiar, don’t hesitate; long-spanned individual experience is always indispensable. Lay back, enjoy and forget about making notes on an iPad.

 

 
Fabian DanielsenSwift introduction to the inspiration marks belowA continuously updated archive of marks from favorite articles, books and presentations. Quotes with notes and links to their origin articles, videos and slideshows.

Some of the material below can also be found from:
twitter/@fabiandanielsen/favorites

How Print Design is the Future of Interaction

By Mike Kruzeniski

“The first interfaces were built on a need to communicate what they were. They were like a desk, but better. They were completely new, so an approach of direct representation was appropriate. To understand that a word such as “ok” was a new kind of action; surrounding it with the texture and shading of a button made it clear that it should be pressed. Today however, most onscreen content is assumed to be interactive. The literal analog affordance is no longer necessary, and yet, it’s the default path that so many interactive experiences follow. [– –] ”

“[– –] In an age where our interactions are information-based rather than tool oriented, a visual communication language that is hinged on arcane artifacts is no longer relevant. The value of interfaces today is the information it wants to present, not the physical vessel that the information once resided.”

Personal note. Although the argument of the article is from an architect of a print-inspired design language owned by a huge company, many of it’s points are still undeniable and accurate. Good written and highly inspiring.
Related material: How Microsoft Hit CTRL+ALT+DEL on Windows Phone and 5 incredible ways mobile design will change in the next 5 years

A wider context

By Stephanie Rieger

“We have always inherited the behaviours and mental models of our time. Models born of the fashion we wear, the music we listen to, the language we speak and the technology we use. All of these influence how we think about the world and in turn, cause us to dream up things that previous generations would never have considered.
And up until now, generations were typically involved.

Personal note. About the future of the web context that’s narrowing generation gaps and consequently generates vital behavior changes. A very good article tackling a truly difficult topic. Philosophical stuff.
Related material: The Children of Cyberspace: Old Fogies by Their 20s

Portable cathedrals

By Dan Hill

“Each mobile phone handset is not a mere product, perhaps like the other products that have traditionally adorned the pages of this magazine—as a chair is, or a lighting fixture is. Instead, each handset is a play in a wider global contest, a node in logistics networks of immense scale and complexity, a platform for an ecosystem of applications, an exemplar of the internet of things, a window onto the daily interactions of billions of users, of their ever-changing personalities and cultures, a product that consumers traditionally consider the most important in their possession, after the keys to their home.”

“The phone is an intimate device, not simply through its ubiquity and connectivity, its relationship with the body. While objects have long been cultural choices and symbolic goods, the mobile phone, being the most personal connection to the internet, is a device for generating symbolic goods, a vehicle for culture, a proxy for the owner’s identities. It is vast business and cultural phenomenon, all at once. [– –]”

“Apple’s devices are a triumph of reduction, with their industrial design philosophy driven by the desire to disappear the device, perhaps following Naota Fukasawa’s notion of “design dissolving in behaviour.” [– –]”

Personal note. Although a bit subjective, as a review still in a very rare class; passionated and utterly thoroughly. Dan Hill compares N9 & Meego against iPhone
& iOS; in detail plus on a broad, highly read worthy level.
Related material: The beautiful N9 – and how it could be even better and
Editorial: Dear Nokia, you cannot be serious!

Brand Early, Not Often

By Emily Heyward

“One of our clients, Behance, is an online platform that showcases and helps users discover new creative works; it’s also a wonderful example of a design-driven startup that has seen incredible success. Although the majority of their products exist online, they have never let technology purely lead the way–the design team plays a major role in every decision. [– –] ”

“[– –] You get one chance (if you are lucky) to make an impression with consumers, to stick in their minds. Yes, you should constantly be improving on your offering, but if you don’t establish a loyal audience from the start, no one will be there to see (and talk about) these changes. And the most surefire way to build loyalty is through a strong brand that connects with people, especially if you are still testing
and adjusting features.”

Personal note. Really nothing new here; just appreciating the effort, since so many… don’t get it! Brand understanding has been widely run over by technology.
Related material: Mint.com: Why Design Matters, Too

Boston Globe’s Responsive Redesign. Discuss.

By Jeffrey Zeldman

“As the first responsive redesign of a “real” website (i.e. a large, corporately financed, widely read newspaper site rather than some designer’s blog), the site has the potential to raise public awareness of this flexible, standards-based, multi-platform and user-focused web design approach, and deepen perceptions of its legitimacy, much as Mike Davidson’s standards-based redesign of ESPN.com in 2003 helped convince nonbelievers to take a second look at designing with web standards: [– –] ”

Personal note. About the historical first responsive redesign of a major web page,
The Boston Globe and it’s architect, Ethan Marcotte. A notable achievement,
conserning every designer for the screen.
Related material: Behind Boston Globe’s responsive layout, Breaking Dev: Responsible & Responsive and Available in all sizes: 30 Flexible websites

Personality in Design

By Aarron Walter

“I’ll let you in on a secret. I’m not a fan of the name “Human-Computer Interaction.” When I design, I work very hard to make the interface experience feel like there’s a human on the other end, not a computer. It might sound like I’m splitting hairs, but names are important. Names shape our perceptions, and cue us into the ideas that fit within a category.“

“Emotional design’s primary goal is to facilitate human-to-human communication. If we’re doing our job well, the computer recedes into the background, and personalities rise to the surface. To achieve this goal, we must consider how we interact with one another in real life. [– –]”

“We have a history of injecting personality into the things we make, in a bid to make mechanical things more human. When Johannes Gutenberg—goldsmith and father of the printing press—experimented with movable type in the mid-fifteenth century, the human hand inspired him. [– –]”

Personal note. Due to technology profiling must undergo it’s next evolution-phase to function the way it’s supposed to. Just as user personas, design personas is an excellent tool to create and maintain a user friendly identity of a screen-service. The article above is an excerpt from a chapter of A. Walters excellent book.
Related material: Designing For Emotion, Aarron Walter on designing for emotion, Learning to Love Humans: Emotional Interface Design and
Emotional Design Reading List

Don’t Add Features to Make Customers Happy

By ZURB, Dmitry Dragilev

“If you’re just starting to grow a product, adding more features will not necessarily create more revenue. You need to focus on the core features of your product. Here is a quote from Isaac Hall Founder of Recurly.com, which had the same functionality as Dropbox, but lost because they made the mistake of adding too many features early in the game. [– –] ”

Personal note. Very good point about Dropbox and why it appeals so well. Limit and find the core feature of your design; not maybe exactly that simple, but as a basic framework still true regarding many scenarios.
Related material: Good UX in the Wild: Dropbox’s attention to detail on their download page and Designing For Emotion

Winning Combinations: Putting Data and Design Together

By Hunter Whitney

“Helping people find meaning in large, complex datasets is becoming an increasingly important consideration in UX design. While the need may be clear, the steps of transforming unprocessed data into effective visualizations are not always so apparent. [– –]”

“Finding the right fit between data and visualizations can get more complex and subtle. As a consumer of infographics and other visual representations, it can be well worth asking if the image does justice to the meaning. For designers, it is important to consider how the visual may be clarifying or confusing the point. This process is called “visually encoding” the data. [– –]”

“The big opportunities for problem solving and gleaning insights from large, complex, and diverse datasets require that people with very different skills and mindsets all share in the sandbox. When Raffael Marty started looking into computer security and visualization, he found that “the visualization people don’t know about security concepts and security people didn’t know about visualization. [– –]”

Personal note. “Doing justice to the image” is one heck of an important punchline for todays visual screen-designers to always remember. Uxmag.com is an excellent publication worth of following if your in the business of user experience.
Related material: Pleasant Things Work Better, The Evolution of Discoverability and The Dirtiest Word in UX: Complexity

Long Live the Redesign

By Francisco Inchauste

“[– –] Great designers adjust an existing work with little disruption of the foundational design for a goal or purpose. The end result is a modification to the design that improves the user experience. Good designers, on the other hand, recreate existing work focusing on the aesthetic, with a misunderstood notion that it will always improve it. However they end up disrupting and/or damaging the user’s experience making no real impact with the effort.”

Personal note. If Louis Rosenfeld’s and Cameron Moll’s ideas of redesign are familiar, check this one. Vital, fundamental considerations and resources.
Related material: Good Designers Redesign, Great Designers Realign

Framework for Designing for Multiple Devices

By Sachendra Yadav

“Every device does something different. Each device is better at doing certain things, and worse at doing others. So, not all features make sense on all devices. You need to identify how the user will use the product in different contexts. Mobile users want different things from your product than desktop users. As an example, consider a website about movies currently in theatre. On the desktop, users want an immersive experience including trailers and production details. On mobile, they focus on movie listings, nearest theatres, and showtimes. We need to maximize the user experience for all devices so users believe that the application was actually designed for their devices instead of being simply stretched to fit the screen on their devices. [– –]”

“Users consume content from multiple devices throughout the day. It’s important to understand the context in which these devices are being used to craft experiences that specifically suit them. You need to provide the right content, on the
right device, at the right time.”

Personal note. Some very good points about profiling users needs of your
product for multiple device platform design.
Related material: In the U.S., Tablets are TV Buddies while eReaders Make Great Bedfellows

The Opposite of Fitts’ Law

By Jeff Atwood

“In the cockpit of every jet fighter is a brightly painted lever that, when pulled, fires a small rocket engine underneath the pilot’s seat, blowing the pilot, still in his seat, out of the aircraft to parachute safely to earth. Ejector seat levers can only be used once, and their consequences are significant and irreversible.

Applications must have ejector seat levers so that users can occasionally move persistent objects in the interface, or dramatically (sometimes irreversibly) alter the function or behavior of the application. The one thing that must never happen is accidental deployment of the ejector seat. [– –]”

“I can think of a half-dozen applications I regularly use where the ejector seat button is inexplicably placed right next to the cabin lights button. Let’s take a look at our old friend GMail, for example: [– –]”

Personal note. Ever pushed the “Send” button by mistake? Good examples of the importance of correct alignment of features.
Related material: Web Form Design: Filling in the Blanks

New Form Techniques Proven to Save Time and Money

By Anthony Tseng

“Filling out forms are painful when they’re time-consuming. A form that’s efficient to fill out can save users time. But it can also save companies a lot of money. A few seconds saved on a form can end up saving companies millions of dollars a year in reduced labor costs. Form efficiency makes a huge difference when you look at how it affects thousands of people over an extended period. [– –]”

“Just how fast is using a unified text field and location automation field compared to the traditional approach of using multiple form fields? The best way to find out is to analyze the time it takes for users to complete each step in the process and compare each approach. To do this, we’ll use a hard science approach known in the field of human-computer interaction as the Keystroke-Level Model (KLM). [– –]”

Personal note. Uxmovement.com is a must for every serious screen-designer; the material is cutting edge and easy to read.
Related material: Why Rounded Corners are Easier on the Eyes

A Case for Web Storytelling

By Curt Cloninger

“In addition to style and content (even understood in their broadened definitions), I propose that there is at least a third element in the web design mix that is getting overlooked. And I think it’s the most important element of all. I’ll call this missing element a “narrative voice.” You can have your slick style and your meaty content, but without a mature and perspicacious narrative voice, your site will still fail to engage your visitors. [– –]”

“The reason for this lack of industry focus on narrative is that we still think the web is a set of technologies. We are still primarily tech geeks. Which is why corporations still don’t trust web designers to make marketing and branding decisions, even though we should understand this medium better than anyone.”

Personal note. The article is both an echo from the past and brilliantly before it’s time; written way back in 2000 the subject is still vital, which is nothing but unfortunate. Good branding was implemented into web 2.0 very late.
Related material: Designing For Emotion

Will Ford learn that software isn’t manufactured?

By Alan Cooper

“Ford’s troubles follow a familiar pattern of older, industrial companies struggling with digital age problems. The challenges of digital technology, particularly its human-facing aspects, can’t successfully be addressed with technical skills rooted in manufacturing. What’s more, the organizational structures of the industrial era can become counterproductive when applied to the people who make digital systems”.

“Neither can those manufacturing companies dodge the problem. Digital solutions are so much cheaper and more flexible than mechanical ones that they will eventually come to dominate the entire company. Companies who can master the challenge of software’s unique nature, and particularly of how humans interact with it, will thrive. Ford is learning the opposite lesson. [– –]”

“Designing and building a better automobile cockpit is the tip of the iceberg. The biggest task facing Ford and other car companies is changing the way they think and the way they work.”

Personal note. Because of driver attention, touchscreen’s aren’t the real solution to future dashboards of cars. Even more, to enter these eras, industry
environments must change.
Related material: The surprising truth about what motivates us and QNX demos mobile app platform in cloud-connected Porsche

New Approaches To Designing Log-In Forms

By Luke Wroblewski

“For many of us, logging into websites is a part of our daily routine. In fact, we probably do it so often that we’ve stopped having to think about how it’s done… that is, until something goes wrong: we forget our password, our user name, the email address we signed up with, how we signed up, or even if we ever signed up at all.
These experiences are not just frustrating for us, but are bad for businesses as well.”

“How bad? User Interface Engineering’s analysis of a major online retailer found that 45% of all customers had multiple registrations in the system, 160,000 people requested their password every day, and 75% of these people never completed the purchase they started once they requested their password.”

Personal note. Just another good example-article of why L. Wroblewski is worth following; i.a. considering functional online business and good user experience.
Related material: Web Form Design: Filling in the Blanks, Touch Gesture Reference Guide and Design for Mobile: What Gestures do People Use?

Transmedia Design for the 3 Screens (Make That 5)

By Jakob Nielsen

“Although it makes for a good story to claim that something new will kill the old, things rarely work out that way. As Peter Zollman once said, “with the possible exception of the town crier, a new medium has never put an old medium out of business.” Despite TV, we still have radio — and, for that matter, live theater. In the computer industry, we still have mainframes, and IBM harvests billions each year accordingly.”

Personal note. Although a great article, this quote, apart from the data, is about the only certain conclusion in it. Mobile first, transmedia and responsive design: they all make sense. Luckily though, there are always people with opinions about them; through declarations or philosophical ponderings.
Related material: Mobile Is Making the Desktop Obsolete. Or Is It?, Smart Mobile And The Thin Cloud and Web 3.0 is not the Semantic Web, its The Spatial Web

VIDEO AND SLIDESHOW PRESENTATIONS:

Pragmatic responsive design

By Yiibu
Personal note. Once again a great presentation from Stephanie (and Bryan) Rieger.
Related material: It’s about people, not devices…and
Beyond the mobile web

Learning to Love Humans: Emotional Interface Design

By Aarron Walter
Personal note. If you don’t read the book, do atleast watch this presentation. Obligatory knowledge for anyone in the business of branding.
Related material: Designing For Emotion

The surprising truth about what motivates us

By RSA
Personal note. Autonomy, mastery, purpose; the punchline and video
that Alan Cooper refered to at UX London 2011.

Networked Society ‘On the Brink’

By ericssonmultimedia
Personal note. Future tech/design concept videos are often cleanic and unrealistic
with one main purpose of invoking aesthetical emotions. This calm, debating
one is a quite good approach and attempt of realism.
Related material: Media Surfaces: Incidental Media

Retrospective on the Design and Philosophy of Firefox

By Alex Faaborg
Personal note. Great example of clever visual “cognitive branding” through mental models. An honest, good presentation.
Related material: The Evolution of Discoverability

How algorithms shape our world

By Kevin Slavin
Personal note. The modern world around us consists of algorithms, just like the human body consists of cells. Fascinating, entertaining presentation.

Why Simplicity Creates Great User Experiences

By Dorm Room Tycoon
Personal note. Yup. Top decision makers, design for ecosystems, not for single platforms. Good podcast interview with Oliver Reichenstein.

Rethinking the notion of a country

By Ben Hammersley
Personal note. Eg. about why the old elites are freaking out
about the digital world.

BOOKS WORTH READING DESPITE THEIR LENGHTS:

Mobile First

By Luke Wroblewski
Personal note. Good, easy writing about the biggest design-revolution since
the birth of the web. A must read for every “designer for the web”.

Designing For Emotion

By Aarron Walter
Personal note. A great read about the latest evolution of branding. A must for every profile designer for screens, interested in positive experiences. Great behind the scenes examples. I.a. about the 2010 redesign process of Twitter; possibly the most successful and clever redesign process of the modern web.
Related material: Learning to Love Humans: Emotional Interface Design