practical ux: a future friendly approach to communicating your ideas

46
Practical UX Mobile A FUTURE FRIENDLY APPROACH TO COMMUNICATING YOUR IDEAS @dkardys for

Upload: dennis-kardys

Post on 17-Aug-2014

593 views

Category:

Design


0 download

DESCRIPTION

Much of the conventional design process and documentation we rely on is ineffective when it comes to communicating how we want our designs to translate across a wide range of devices and screen sizes. This talk is all about producing effective, efficient deliverables for an increasingly mobile-accessed Web, and practical design methods you can put into use right away. But there's a catch: shaking up convention doesn't always come easy. How do you move away from assembly line design processes and an over-reliance on static deliverables? How do you overcome your stakeholders' general misconceptions about mobile use cases? If you've got a chance in hell of getting away with it all, you'll need a few tricks up your sleeve. This session will cover collaborative sketching methods perfect for breaking mental models and building design consensus. We'll investigate the seeming demise of Photoshop, and you'll hear a whole lotta talk about prototypes—including when and why to use them, and how to pick the best prototyping tool for your project. For designers and developers alike, you'll leave with a toolbox of tricks that can help you pitch your future friendly ideas.

TRANSCRIPT

Page 1: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Practical UX Mobile

A FUTURE FRIENDLY APPROACH TOCOMMUNICATING YOUR IDEAS

@dkardys

for

Page 2: Practical UX: A Future Friendly Approach to Communicating Your Ideas

User ResearchStakeholder InterviewsPersonas & ScenariosCard sortingenormous SitemapLotsa WireframesTask flowsdesign compSPrototypesDevice testingusability testing+

Page 3: Practical UX: A Future Friendly Approach to Communicating Your Ideas
Page 4: Practical UX: A Future Friendly Approach to Communicating Your Ideas

The Deliverables Business

Page 5: Practical UX: A Future Friendly Approach to Communicating Your Ideas

But WILL the People know

to tap it?

Page 6: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Makers wanna make...

not document

Page 7: Practical UX: A Future Friendly Approach to Communicating Your Ideas

How muchof the UX process

is expendable?

Page 8: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Future Friendly

Page 9: Practical UX: A Future Friendly Approach to Communicating Your Ideas

-there is a-

Dissonance of Vision

Future Friendly vs. BOSS’ Phone

Page 10: Practical UX: A Future Friendly Approach to Communicating Your Ideas

-Dan Willis

...the people farthest from understanding the

technology are often the ones making the strategic

decisions. —Dan Willis

Page 11: Practical UX: A Future Friendly Approach to Communicating Your Ideas

It’s up to those with the best understanding of the technology to lead

the way.

Page 12: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Crossing the Chasm

Page 13: Practical UX: A Future Friendly Approach to Communicating Your Ideas

The biggest challenges, in my experience, are to

do with people. Specifically, the way that people work

together.— Jeremy Keith—Jeremy Keith

Page 14: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Arm yourself with better

communication tools

Page 15: Practical UX: A Future Friendly Approach to Communicating Your Ideas

“The purpose of a design artifact, whether a

wireframe, prototype or sketch, is to illustrate our

thinking.”

—Robert Hoekman

Page 16: Practical UX: A Future Friendly Approach to Communicating Your Ideas

The purpose of a design artifact can also be to

transform our thinking

Page 17: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Create Props NOT

Paperwork

Page 18: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Assumptions | Shared understanding

Silo mentality | Convergent experience

Page driven design | Design systems

Page 19: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Prototyping the Experience

wsol.com/practical-ux-for-mobile/

Page 20: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Participatory SketchingGetting stubborn ideas out of people’s heads and onto paper.

Page 21: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Comics & StoryboardsGreat for getting to people focus on goals and scenarios instead of features and screens.

Page 22: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Role Playing / BodystormingPerforming the experience

http://www.flickr.com/photos/xian/3763797756/in/photostream/

http://www.flickr.com/photos/nlireland/5963130143/

Page 23: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Journey Maps / Service BlueprintsOutlining the various points where users interact with a product or service, across channels. Can weave together personas, scenarios, and tasks.

Page 24: Practical UX: A Future Friendly Approach to Communicating Your Ideas

User Journey map became more than just a journey with

touchpoints, emotions, takeaways, etc...

— Jeremy Keith

Page 25: Practical UX: A Future Friendly Approach to Communicating Your Ideas

It also became a representation of the Information Architecture and the

content plan, with our Personas (needs, goals, scenarios) serving as the starting point for everything — sort of like the

glue that ties it all together.

— Jeremy Keith—Rian Van Der Merwe

Page 26: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Find gaps in the experience.

http://www.flickr.com/photos/osucommons/3385601567/

Page 27: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Paper PrototypesQuickly ideate and validate ideas.

Page 28: Practical UX: A Future Friendly Approach to Communicating Your Ideas

KJ MethodAn efficient way to arrive at consensus when dealing with large or divided groups.

http://www.netmagazine.com/features/how-run-effective-meeting

Page 29: Practical UX: A Future Friendly Approach to Communicating Your Ideas

The PageDescription Diagram

Page 30: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Page Tables / Content Outlines

Page 31: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Design Systems Breed Modular Markup & CSS

Page 32: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Wireframes*.Component Audits and Content Reference Wireframes

Page 33: Practical UX: A Future Friendly Approach to Communicating Your Ideas
Page 34: Practical UX: A Future Friendly Approach to Communicating Your Ideas
Page 35: Practical UX: A Future Friendly Approach to Communicating Your Ideas

HTML Prototypes (or mobile app prototypes)

Page 36: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Style Prototypes & Guides

Page 37: Practical UX: A Future Friendly Approach to Communicating Your Ideas
Page 38: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Facilitation.

Page 39: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Design StudioDesign Mini Brief +

Structured Rules for Critique

Page 40: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Totally arbitrary re-prioritization of

objectives incoming!

Page 41: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Pace The Conversation

Focus on one thing at a time

http://www.flickr.com/photos/nlireland/5963130143/

Page 42: Practical UX: A Future Friendly Approach to Communicating Your Ideas

Project paralysis...

Page 43: Practical UX: A Future Friendly Approach to Communicating Your Ideas

UX is a result...not a document.

Page 44: Practical UX: A Future Friendly Approach to Communicating Your Ideas

PREPARINGfor what’s to come

Page 45: Practical UX: A Future Friendly Approach to Communicating Your Ideas

You are ALL architectsof the user experience.

Page 46: Practical UX: A Future Friendly Approach to Communicating Your Ideas

THANKS!Dennis Kardysrobotregime.comwsol.com

@dkardys