finding the center (2013 remix)

Post on 01-Jul-2015

252 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Presented at Stir Trek in May 2013

TRANSCRIPT

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

top related