Download - Finding the Center (2013 Remix)
Finding the Center (2013 Remix)A Ruthless Approach to Conceptual Design
Andrew Heaton | Revinity
Tweet and Take Photos@tigerstripe | #StirTrek
Hi, I’m AndrewI’m a Designer.
I Also Write(Usually far slower than I want).
Big Design, Small Screen
Conceptual Design for Mobile Devices
Andrew Heaton
Purposely Irregular
Zen, Punk Rock and Ruthlessness in Experience Design
Andrew Heaton
Some Quick Rules about UX
Rule Number One: There's no fucking rules, dude.
Photo by unknown, but it’s not by me.
Rule Number Two: Draw everything 3 times before you go near a computer. Describe it out loud at least twice.
Photo by Glen E. Friedman
The One Law of Mobile Design: You Must Design Something Remarkable.
Eno, Fripp, Bowie. Source Unknown.
We Live in a Miraculous Age.When you design a shitty app you embarrass us all because you are denying the wonder of our times.
The phone in my pocket is more powerful than the computers I used to design websites 15 years
ago, and ridiculously more powerful than the ones I used to publish magazines two decades ago.
This makes it easy to assume we’re using them for stupid things. We aren’t.
Our phones are extremely personal devices.
Don’t discount life.Our devices answer a direct need, and some
needs seem trivial compared to others.
This is Zephyr.
He’s had his own iPad since he was 2.
He’s 5 now, what do
you think he believes is normal?
What are we talking about today?
Big Design Small Screen Conceptual Mobile Design Framework:
Situational Opportunity
Finding the Center
Drawing it Out
Why bother with so much prep?
Why bother with so much prep?You will not lose your shit later.
Situational OpportunityAnswer the Right Questions First
Situational Opportunity is the act of finding the moment in time when a user will reach
for a mobile device as the answer to a need.
It's a fabulous type of persona development, rather than understanding
the user, you understand the entire situation in which use occurs.
It’s not the who, it’s the when and the why.
When we talk about hardware, we immediately fall into limitations, oddities and impossibilities.
These are minor details.
Forget about the phone.Design for use, not the device.
If the need doesn’t exist without the device, it probably doesn’t exist with the device.
How do you describe your work?
“It's like Twitter, but it's curated, so it's invite only, with circles of people like Google+, but restricted to an location, so it's all local, and it's all about what's happening right now.
”How do you describe your work?
It's like Twitter, but it's curated, so it's invite only, with circles of people like Google+, but restricted to an location, so it's all local, and it's all about what's happening right now.
Your work is not an it.
How do you describe your work?
“ ”
Flip it and try again.
A story sharing app centered around a moment in time and a location that allows users to share text, images, files and links within a controlled space.
“ ”
Flip it and try again.
Now put some human in it.
“ ”A story sharing app centered around a moment in time and a location that allows users to share text, images, files and links within a controlled space.
Put some human into it.
Storytelling has been a human characteristic since the dawn of man.
We recognize this behavior and want to use modern devices to give stories context with time and place, and let users share and discover these stories as they move about.
“ ”
Your idea becomes a pilgrim.
We typically ask what the app does, when we should ask"Why do they pull that phone from their pocket?”
When you describe your work, you are mentally narrowing down or expanding on features. Things your work will do. This set of features is something that gets refined the more you draw it. The more you tell the story. At some point, the things you want your work to do will find their place: a common theme of Situational Opportunity.
Match Use with Need
“In modern recording one of the biggest problems is that you’re in a
world of endless possibilities.
So I try to close down possibilities early on. I limit choices. I confine
people to a small area of manoeuvre.”
- Brian Eno
Finding the Center
How Do We Define Our Features?We Make a List.
N
V
Things in the App
Actions in the App
N VPerson, Place or Thing It’s What’s Happening
Nouns and Verbs
StorySummaryPhotoGalleryLinkPlaceMineYoursOursFile
N V
CreateEditRespondSaveFaveRateViewTweetSort
Implicit vs. Explicit
V
There are implicit verbs and explicit verbs. Verbs the app does, and verbs the user does.
There are inherent system verbs that could
be taking place to make this more interesting.
CoreA primary feature. This is what your app is
designed for, and what the user does.
AdaptiveA feature that changes the way someone uses the features or displays information.
UselessMore than you think. Get an axe.
Your verbs will tend to fall into three categories
Mobile Design is more Minor Threat, Less Fleetwood Mac.
A view is a collection of nouns.
Sometimes it makes sense to call them out immediately, sometimes it will be easier to cluster them later.
Regardless, it’s usually good to think of your screens as a collection of nouns.
Little nouns become big nouns
N
Change
View
CreateMove
V
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
TRUE STORY
Location Name Goes Here40.03748, -83.02244
Timeline Collection
Carrier 11:58 PM
Change
View
CreateMove
V
Locate
Default
V
SearchAggregatePresent
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
TRUE STORY
Location Name Goes Here40.03748, -83.02244
Timeline Collection
Carrier 11:58 PM
Change
View
CreateMove
V
Locate
Default
V
SearchAggregatePresent
N
LocationTimeframe
Stories
StoryPosition
User
Timeframe
DataContentStories
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
Lorem Ipsum dolor sit ahmet muldoon.January 22, 2013 | @tigerstripe
TRUE STORY
Location Name Goes Here40.03748, -83.02244
Timeline Collection
Carrier 11:58 PM
Read
CreateMove
V V
Present
N
Story
StoryPosition
Story
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellen-tesque dui nibh, dignissim vel dignissim nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellen-tesque dui nibh, dignissim vel dignissim nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dig-nissim vel dignissim nec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellen-tesque dui nibh, dignissim vel dignissim nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dig-nissim vel dignissim nec.
Subhead goes here
Headline to story goes here, itcan run to two lines.
TRUE STORYTRUE STORY
Timeline Collection
Carrier 11:58 PM
Add
V V N
ContentCreate a Story
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
space.?123 return
Name :
Details :
TRUE STORY
Carrier 11:58 PM
View Metadata
Insert Image
Refer Person
Save Version
NSessions
NSummary
VADD
VRESPOND
VVOTE
VTWEET
NDETAIL
VIEW
VVIEW
NConference
Intro
VSELECT
VSELECT
Much better than boxes and arrrows.
Always be Ruthless.
Everyone does the same things
What is different is more important than how similar you are.
If you are operating the same as everyone else, you are likely to find yourself in the middle.
You are not a beautiful and unique snowflake, and neither is your app.
You better have something someone else doesn't.
Wrap it up, Heaton.What the heck have you been talking about?
Situational Opportunity
Describe the ideaDescribe the featuresTell the story of why
ONENouns and Verbs, Dude.
TWOAlways be willing to flip what you’re doing.
THREERip your own stuff apart. Be ruthless.
Finding the Center
Build an app that fits into someone’s life.Find a mental process and wiggle your ass right in there.
Pick it up at the exact point of doubt or wonder.
“‘Technology is the name we give to things that don’t work yet. When it works we don’t
call it technology anymore.”- W. Daniel Hillis
Thanks.
@tigerstripe