Practical UX for Mobile: A Future Friendly Approach to Communicating Your Ideas

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

User Research Stakeholder Interviews Personas & Scenarios Card sorting enormous Sitemap Lotsa Wireframes Task flows design compS Prototypes Device testing usability testing +

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

The Deliverables Business

Slide 5

Slide 5 text

But WILL the People know to tap it?

Slide 6

Slide 6 text

Makers wanna make... not document

Slide 7

Slide 7 text

How much of the UX process is expendable?

Slide 8

Slide 8 text

Future Friendly

Slide 9

Slide 9 text

-there is a- Dissonance of Vision Future Friendly vs. BOSS’ Phone

Slide 10

Slide 10 text

-Dan Willis ...the people farthest from understanding the technology are often the ones making the strategic decisions. —Dan Willis

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

Crossing the Chasm

Slide 13

Slide 13 text

The biggest challenges, in my experience, are to do with people. Speciﬁcally, the way that people work together. — Jeremy Keith —Jeremy Keith

Slide 14

Slide 14 text

Arm yourself with better communication tools

Slide 15

Slide 15 text

“The purpose of a design artifact, whether a wireframe, prototype or sketch, is to illustrate our thinking.” —Robert Hoekman

Slide 16

Slide 16 text

The purpose of a design artifact can also be to transform our thinking

Slide 17

Slide 17 text

Create Props NOT Paperwork

Slide 18

Slide 18 text

Assumptions | Shared understanding Silo mentality | Convergent experience Page driven design | Design systems

Slide 19

Slide 19 text

Prototyping the Experience wsol.com/practical-ux-for-mobile/

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Role Playing / Bodystorming Performing the experience http://www.ﬂickr.com/photos/xian/3763797756/in/photostream/ http://www.ﬂickr.com/photos/nlireland/5963130143/

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

User Journey map became more than just a journey with touchpoints, emotions, takeaways, etc... — Jeremy Keith

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

Find gaps in the experience. http://www.ﬂickr.com/photos/osucommons/3385601567/

Slide 27

Slide 27 text

Paper Prototypes Quickly ideate and validate ideas.

Slide 28

Slide 28 text

KJ Method An eﬃcient way to arrive at consensus when dealing with large or divided groups. http://www.netmagazine.com/features/how-run-effective-meeting

Slide 29

Slide 29 text

The Page Description Diagram

Slide 30

Slide 30 text

Page Tables / Content Outlines

Slide 31

Slide 31 text

Design Systems Breed Modular Markup & CSS

Slide 32

Slide 32 text

Wireframes*. Component Audits and Content Reference Wireframes

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

HTML Prototypes (or mobile app prototypes)

Slide 36

Slide 36 text

Style Prototypes & Guides

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Facilitation.

Slide 39

Slide 39 text

Design Studio Design Mini Brief + Structured Rules for Critique

Slide 40

Slide 40 text

Totally arbitrary re-prioritization of objectives incoming!

Slide 41

Slide 41 text

Pace The Conversation Focus on one thing at a time http://www.ﬂickr.com/photos/nlireland/5963130143/