The first time that I saw Luke Wroblewski speak was at the very first conference I ever attended, in 2008, at UIE, and it was about forms. (I think it was a workshop.) I learned 3 things then:
- I could learn a ton from fellow Information Architects
- Forms are haaaaaaaaard until you learn them and then not as much, but since they’re still a huge percentage of the web experience, you need to do them right.
- Luke is freakin’ brilliant.
Since then Luke’s done a lot of other freakin’ brilliant things, especially around designing mobile first. He maintains a great website full of resources and presentation notes and is part of the reason why I feel it’s my responsibility to take notes at conferences and share what I learn. Oh, and if you have an interest in brand, Luke’s got a very strong personal brand reflected in both his website and his slides, that’s worth taking a look at.
Today’s presentation is about what “obvious” design is (and isn’t), and how we can achieve it.
An Event Apart 2017 Obvious Always Wins by Luke Wroblewski (pdf)
Apple vs Samsung lawsuit in 2012 – apple accused samsung of infringing on a number of patents #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Samsung argued that Apple’s designs were “too obvious” to patent. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
In 2007 when Steve Jobs introduced the iPhone it was an iPod , a phone and an “internet communicator” (later Safari) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
.@lukew is explaining what an iPod was. I am officially old. #aeasea
— Erin Walker (Joyce) (@E3Writing) April 3, 2017
(Me too, Erin. Me too.)
People do about as much voice calling now as several years ago, or slightly less. < 3/4 of people who have a phone take calls #aeasea
— Anne Gibson (@perpendicularme) April 3, 2017
Data usage on the phone has absolutely exploded. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Bit of growth there #aeasea pic.twitter.com/F7jvJOupgU
— Anne Gibson (@perpendicularme) April 3, 2017
Streaming has taken over what used to be the ipod’s responsibility #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Worldwide device shipments in 2006 were 68 million smartphones. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
PCs have been flat. 2006: 239 million 2016: 269 million. Smartphones & tablets 68M to 1729M #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“it’s slowing down!” AT TWO BILLION DEVICES A YEAR. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Facebook usage 2006-2016 12m to 120m. Mobile, zero to 1,740 million. Mobile has shifted priorities #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
https://twitter.com/eLizz1e/status/849008434041061376
The world has changed a lot in 12 years #aeasea pic.twitter.com/SgkfHYx5RA
— Anne Gibson (@perpendicularme) April 3, 2017
Quantity of devices + huge audiences + lots of opportunities to make money = 2006-2017 #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
These are totals, not year over year. Absolutely changing the planet #aeasea pic.twitter.com/WhY3eAF3HE
— Anne Gibson (@perpendicularme) April 3, 2017
One of Luke’s strengths is that he has data – quantitative information – to back the vast majority of his assertions regardless of what field he’s speaking in, and he knows how to analyze the data. Almost every tweet above was in response to a graph of data backed by quality sources.
The other speakers to this point talked about the importance of quantitative and qualitative data; Luke’s talk illustrates the power of using it to drive design decisions and tell a story.
Now, back to that iPhone thing…
Apple would sometimes review 50 different refinements of a single hardware button #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
What now seems obvious clearly was not. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“Design is only obvious in retrospect.” @lukew #AEASEA #design
— zeldman (@zeldman) April 3, 2017
Apple Maps – not a good release when it came out. OSX featured redesign, that people are praising #aeasea
— Anne Gibson (@perpendicularme) April 3, 2017
To search a location before – have to tap to search. Today: “where do you want to go?” Is surfaced #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Before: Route text. After: big blue button shaped like a button. Stronger design principles #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
How do we know which changes created the more obvious experience? LinkedIn had a very small menu before. Now bottom nav #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“Hmm, linkedin did it, should we do it?” “Wait, eBay went the other direction!” #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Ebay’s app ratings dove. Then they switched back to the bottom navigation. Hmm #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“Here’s what we did and why and what happened” are super-informative articles to read (if you can find them) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
We see what happens, we look at other products, ratings, articles, stats, and we make decisions based on this stuff which is scary #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Google plus example – what should we do and why should we do that? How do you get people to support decisions? #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
G+ added a bottom navigation menu to an android app from google. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Why are we talking about navigation? it provides sense of direction and environment and tasks #AEASEA (yay information architecture!)
— Anne Gibson (@perpendicularme) April 3, 2017
“Navigation is an element of a service that plays a critical role of comprehension.” – @lukew #aeasea
— Josh “Yoshi” Vickerson (@joshvickerson) April 3, 2017
Oh and if anyone wants to argue about the importance of navigation with me, as an Information Architect I’ll gladly fill your ears with design heuristics and proximity principles and sense of environment and direction lectures….
…we need more IAs in the field, so if you’re not an IA and this sounds fun please consider our career field (and/or a good counselor).
Goal: Create an org structure that explains what the hell this thing is for and why to use it #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
So Luke’s working at Google, and they were trying to redesign an application on an Android device because they knew there were navigational problems, but they weren’t sure what the best answer to those problems was.
Previous navigation was a huge menu at the top of the page with 100 things in it that grew organically w/no hierarchy #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
The theme of this year’s AEA (ideas emerging across talks) — do not just do a thing on your project because others do on theirs. #aeasea
— Jen Simmons (@jensimmons) April 3, 2017
Truth.
“All things being equal” wasn’t an exaggeration, they were all equal #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
How to fix your navigation problem:
1. Talk to a bunch of happy people using the app and ask them to tell you about it. (They often are quite happy to! They’re happy!) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
2. Match quantitative data to qualitative data to make sense of quantitative data #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“Quantitative will tell you what happened, qualitative tells you why.” – @lukew #aeasea
— Josh “Yoshi” Vickerson (@joshvickerson) April 3, 2017
On the left, the onboard computers from a bike crash that took place during the Tour de France. On the right, pictures of the people involved in the crash directly after it took place.
Which date is more useful for your situation? @lukew #aeasea pic.twitter.com/816QzXhKTm
— jared bishop (@bishopart) April 3, 2017
The answer, of course, is both. The qualitative data tells a story, and the quantitative data backs that story up, adds a layer of meaning and rigor that the qualitative data can’t.
.@lukew: "Quantitative data will tell you WHAT happened. Qualitative data will tell you WHY." #aeasea #aea17 #ux
— Ben Roach (@benr0ach) April 3, 2017
2. After about 7 weeks of discussing with users and comparing data on designs, simplifying was good #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Secondary goal: wanted to grow critical engagement (“use the damn thing”) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Why are you making something if nobody’s using it? #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
3. While usability testing, also did survival analysis. What did ppl do that kept them alive (still using app) later? #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
What’s the strongest indicator of coming back on the 2nd day? In this case, Follow Collections. At 3 weeks? Joined Community #aeasea
— Anne Gibson (@perpendicularme) April 3, 2017
When doing a survival analysis, it’s important to watch for selection bias and/or test your hypotheses. There’s a famous story about WW2 planes and selection bias that shows how insidious it can be.
Use Survival Analysis to see what actions lead users to survive (stay engaged) in your products – @lukew #aeasea pic.twitter.com/lYZX2k2VCk
— Krystal Higgins (@kryshiggins) April 3, 2017
What happens when you move important features that lead ppl to stick around in global nav? It gets used 600% more #aeasea
— Anne Gibson (@perpendicularme) April 3, 2017
If you have qualitative & quantitative data that says ppl like this and they stay to use the service, easy to make design decisions #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Decisions sell themselves when you have this data combined #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Not just a singular view of opportunities. Human ergonomics also figured in to this design decision #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Huge screens (“phablets”) are becoming de facto standard for what people are using. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Oh and which is your real personal computer, the desktop or the phone you use constantly? #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“As phones get more biggity the top of the screen gets more ouchity” Ergonomics are important! #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
More biggity = more ouchity @lukew #aeasea pic.twitter.com/03lRozvnB3
— jared bishop (@bishopart) April 3, 2017
Big clunky swipey gestures help people because that’s how they use things with one thumb #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
There are a lot of gotchas in designs. don’t just copy this, you have to do it yourself. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Where you find bandaids is where there is blood. If you have to advertise a workaround, there’s your problem #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Shuffle and repeat on Apple Music is now hiding. (I had to look it up!) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
People won’t scroll if things look like they end. The Apple Music screen looks like it’s done! #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
What went wrong? We need to communicate those to each other more so we can learn from each other #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Going back to the design Luke was testing…
#1 complaint was “you took away screen space that I was using!” So it wasn’t a 100% win #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
How do we know which changes created the more obvious experience? LinkedIn had a very small menu before. Now bottom nav #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
#2 problem – Android specifically said “don’t use bottom tab bars” which, um, was a problem for an Android-sponsored app #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Had they not gone through the process they had, Luke’s team may not have had the confidence to go against standards #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Research provides confidence #aeasea
— jared bishop (@bishopart) April 3, 2017
(The old rule of thumb: if you’re going to break corporate standards you better be damn sure your data’s in order.) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
ASK ME HOW I KNOW.
Have an explanation and be ready to provide updates on how things are improving based on data later #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
#3 – people hate change and angry about the update. (Gratuitous “yup”: https://t.co/C3h7vR6yij) #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Apparently, the bottom nav in google + mobile was unpopular in some circles. @lukew #aeasea pic.twitter.com/vHIBgmJnHA
— Don Aymar (@daymar) April 3, 2017
If you don’t go through the process, if you fall back to “LinkedIn did it!”, it’s going to be difficult to make needed changes #aeasea
— Anne Gibson (@perpendicularme) April 3, 2017
Trying to please everybody is the road to madness. – Erik Larsen #aeasea
— Stephanie 🔮 Web Witch (@seaotta) April 3, 2017
If nobody gives a crap about what you’re doing, it’s probably not that interesting. #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
“Products without a point of view have no point.” Steven Sinofsky #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
There are going to be unhappy people #aeasea pic.twitter.com/xyZfydeIFf
— Anne Gibson (@perpendicularme) April 3, 2017
It’s on you to make good decisions with a perspective and data, and then it looks obvious #AEASEA
— Anne Gibson (@perpendicularme) April 3, 2017
Three important points for mobile (and all other) design:
Obvious in retrospect
Requires iteration
Won’t please everyone #AEASEA pic.twitter.com/l4t6AH1asA— Anne Gibson (@perpendicularme) April 3, 2017
More of Krystal Higgins’ awesome sketchnotes