Finding the Center
-
Upload
andrew-heaton -
Category
Design
-
view
149 -
download
2
description
Transcript of Finding the Center
![Page 1: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/1.jpg)
Finding the CenterA Ruthless Approach to Conceptual Design
Andrew Heaton
![Page 2: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/2.jpg)
Hi, I’m AndrewI’m the Chief Chemist of Experience at Brilliant Chemistry
![Page 3: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/3.jpg)
A quick note about my rocking moustache.
During November each year, Movember is responsible for the sprouting of moustaches on thousands of men’s faces, in the US and around the world. With their Mo’s, these men raise vital funds and awareness
for men’s health, specifically prostate cancer and other cancers that affect men.
If you’d care to donate, please visit http://mobro.co/tigerstripe
![Page 4: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/4.jpg)
Some Quick Rules about UX
![Page 5: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/5.jpg)
Rule Number One: There's no fucking rules, dude.
Photo by unknown, but it’s not by me.
![Page 6: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/6.jpg)
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
![Page 7: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/7.jpg)
How do you describe your work?
![Page 8: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/8.jpg)
“ It's like Twitter, but it's curated, so it's invite only, with circles of people like Google+, but restricted to an event, so it's all local, and it's all about what's happening right now.
”How do you describe your work?
![Page 9: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/9.jpg)
It's like Twitter, but it's curated, so it's invite only, with circles of people like Google+, but restricted to an event, 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?
“ ”
![Page 10: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/10.jpg)
Flip it and try again.
An idea sharing app centered around an event (time, place, topic) that allows authorized users to share text, images, files and links within a controlled space.
“ ”
![Page 11: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/11.jpg)
Flip it and try again.
Now put some human in it.
An idea sharing app centered around an event (time, place, topic) that allows authorized users to share text, images, files and links within a controlled space.
“ ”
![Page 12: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/12.jpg)
Put some human into it.
At an event like this one, people like to make comments, take notes and share these with their friends.
We recognize this behavior and want to give conference attendees a place to share these comments amongst the group, create an archive of the event, and share socially.
“ ”
![Page 13: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/13.jpg)
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?”
![Page 14: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/14.jpg)
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 Behavioral Expectation.
The Conceptual Center
![Page 15: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/15.jpg)
Here’s the Zenbut not really... Zen is a Buddhist concept. This is more accurately “Here’s the Way”
![Page 16: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/16.jpg)
We join spokes together in a wheel,but it is the center hole that makes the wagon move.
We shape clay into a pot, but it is the emptiness insidethat holds whatever we want.
We hammer woodfor a house, but it is the inner space that makes it livable.
We work with being,but non-being is what we use.
An ambitious piece, based on chapter 11 of the Tao Te Ching.
![Page 17: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/17.jpg)
An ambitious piece, based on chapter 11 of the Tao Te Ching.
We join spokes together in a wheel,but it is the center hole that makes the wagon move.
If you don’t have a center, the rest falls apart.
We shape clay intoa pot, but it is the emptiness insidethat holds whatever we want.
The idea is a container for the use.
We hammer wood for a house, but it is the inner space that makes it livable.
We build, but only so others may find success within.
We work with being,but non-being is what we use.
We create reality from the intangible ideas we have.
![Page 18: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/18.jpg)
Finding the Center, Part 2: The Functional Center
![Page 19: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/19.jpg)
How do you visualize your work?
![Page 20: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/20.jpg)
An inherent problem with taking sketches to a wireframe is that too much of the functionality is inferred, and has yet to be figured out.
In other words:Mostly accurate, but not quite right.
How do you visualize your work?
![Page 21: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/21.jpg)
A few things to get started.Name Everything.
Separate your Nouns from your Verbs.
![Page 22: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/22.jpg)
Nouns and Verbs
SessionSummaryPostPhotoGalleryLinkPlaceMineYoursOursFile
N V
CreateEditRespondSaveFaveRateViewTweetSort
![Page 23: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/23.jpg)
Necessary Side Note:There are no Pronouns
N V
![Page 24: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/24.jpg)
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
![Page 25: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/25.jpg)
Nouns and Verbs
SessionSummaryPostPhotoGalleryLinkPlaceMineYoursOursFile
N V
CreateEditRespondSaveFaveRateViewTweetSort
![Page 26: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/26.jpg)
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
![Page 27: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/27.jpg)
Name your ViewsThey don’t really exist until you do.
![Page 28: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/28.jpg)
Carrier 11:58 PM
iOS AndroidWindowsPhone
User Experience / Design
Business / Strategy NConference
Intro
VSELECT
Verbs build nouns which create verbs which change nouns which spawn verbs.
![Page 29: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/29.jpg)
Verbs build nouns which create verbs which change nouns which spawn verbs.
NSessions
NConference
Intro
VSELECT
VSELECT
Carrier 11:58 PM
Keynote: Mobile Innovation with UX Sara Summers, Microsoft
Thinking Beyond AppleBrad Colbow, Colbow Design
How To Kill Your AppMartin Bowling, Digital Relativity
Finding the CenterAndrew Heaton, Brilliant Chemistry
Adaptive Mobile UX DesignJen Matson, Ascentium
Stop Photoshop DickeryMike Wille, Brilliant Chemistry
Keynote: Mobile Innovation with UX Sara Summers, Microsoft
UX / DesignMain
![Page 30: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/30.jpg)
Verbs build nouns which create verbs which change nouns which spawn verbs.
NSessions
NSummary
VADD
VVIEW
NConference
Intro
VSELECT
VSELECT
Carrier 11:58 PM
UX / Design
Finding the Center
Sessions
UserName
Posted 20 Seconds Ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dignissim vel dignissim n
UserName
Posted 20 Seconds Ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dignissim vel dignissim n
UserName
Posted 20 Seconds Ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dignissim vel dignissim n
UserName
Posted 20 Seconds Ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id, porttitor vel tortor. Pellentesque dui nibh, dignissim vel dignissim n
16 3
16 3
16 3
16 3
![Page 31: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/31.jpg)
Much better than boxes and arrows.
NSessions
NSummary
VADD
VRESPOND
VVOTE
VTWEET
NDETAIL
VIEW
VVIEW
NConference
Intro
VSELECT
VSELECT
Carrier 11:58 PM
UX/ Design
Finding the Center
Tweet This Post
Posts
TheGuiGirl Says:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante, mattis tempus semper id full of crap. Pellentesque dui nibh, dignissim vel dignissim.
Bump It Up Drop It Down
We add the following:- Short URL linking to post- Contents (truncated if over 120)
ReplyReply
TweetTweet
- Location set as COSI- #M3confv
![Page 32: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/32.jpg)
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.
![Page 33: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/33.jpg)
Back to the VerbsImplicit 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.
![Page 34: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/34.jpg)
NSession
VEXPOSE
NRecent
Posts
NCurrent
Display
VSELECT
Snapshot ViewCarrier 11:58 PM
Finding The Center
Menu
UX
Posted 20 Seconds Ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ligula ante.
Posted 20 Seconds AgoLorem ipsum dolor sit amet!
16 3
16 3
View This SessionView This Session
N Current TimeV DETERMINE
N Running SessionsV MATCH
N Matching ListV DISPLAY
![Page 35: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/35.jpg)
Always be Ruthless.
![Page 36: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/36.jpg)
What the heck have you been talking about?
![Page 37: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/37.jpg)
Conceptual Center
Describe the ideaDescribe the features
Describe the userDescribe their behavior
Describe the scenario of use
Tell the story until you find that Behavioral Expectation
![Page 38: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/38.jpg)
Functional Center
ONENouns and Verbs, Dude.
TWOAlways be willing to flip what you’re doing.
THREERip your own stuff apart. Be ruthless.
![Page 39: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/39.jpg)
Thanks.
![Page 40: Finding the Center](https://reader033.fdocuments.net/reader033/viewer/2022052619/5560b897d8b42af43b8b4c08/html5/thumbnails/40.jpg)
@tigerstripe