Top Banner
MARC REISEN • DESIGN TEAM LEAD • MOBILE PLATFORM TEAM Walk before you run Designing JIRA and Conuence Mobile
28

Walk Before You Run: Designing JIRA and Confluence Mobile

Apr 11, 2017

Download

Technology

Atlassian
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Walk Before You Run: Designing JIRA and Confluence Mobile

MARC REISEN • DESIGN TEAM LEAD •  MOBILE PLATFORM TEAM

Walk before you runDesigning JIRA and Confluence Mobile

Page 2: Walk Before You Run: Designing JIRA and Confluence Mobile
Page 3: Walk Before You Run: Designing JIRA and Confluence Mobile
Page 4: Walk Before You Run: Designing JIRA and Confluence Mobile
Page 5: Walk Before You Run: Designing JIRA and Confluence Mobile

it’s hard for users to articulate what they want

Page 6: Walk Before You Run: Designing JIRA and Confluence Mobile

vs

Page 7: Walk Before You Run: Designing JIRA and Confluence Mobile

vsnot going anywhere…

Page 8: Walk Before You Run: Designing JIRA and Confluence Mobile

vs

going to be painful

Page 9: Walk Before You Run: Designing JIRA and Confluence Mobile

Heat maps, behavior patterns, MAU and metrics are your friend

User Data

Page 10: Walk Before You Run: Designing JIRA and Confluence Mobile

Consume Navigate Create Edit

What did our customer activity look like?

Page 11: Walk Before You Run: Designing JIRA and Confluence Mobile

Consume Navigate Create Edit

What did our customer activity look like?

we’ll get to these later

Our customers like to read stuff on Confluence…

Page 12: Walk Before You Run: Designing JIRA and Confluence Mobile

Feedback module

Consumption and page views make up the majority of our web experience

Search + CommentsPeople need to navigate and browse for their work, and collaborate

Companion App

Have a direct line to your users, make it as easy as possible

We launched!

Page 13: Walk Before You Run: Designing JIRA and Confluence Mobile

Quantitative feedback tells you what is happening (or not happening), and qualitative feedback helps you understand why.

” Joshua Porter

Page 14: Walk Before You Run: Designing JIRA and Confluence Mobile

Quantitative feedback tells you what is happening (or not happening), and qualitative feedback helps you understand why.

” Joshua Porter

Page 15: Walk Before You Run: Designing JIRA and Confluence Mobile

Heat maps, behavior patterns and MAU and metrics are your friend

Go NativeStart out simple, use native fonts, UI, and common patterns/paradigms

Use Data

Page 16: Walk Before You Run: Designing JIRA and Confluence Mobile

Feedback Loop

Heat maps, behavior patterns and MAU and metrics are your friend

Shared ComponentsStart out simple, use native fonts, UI, and common patterns/paradigms

User Data

Create a format to incorporate feedback, user research, labs, testing

Page 17: Walk Before You Run: Designing JIRA and Confluence Mobile

Native and shared components

COMMENTING NOTIFICATIONS PLATFORM LIBRARIES

Facebook & Reddit

- threaded

- truncated

- @mentions

Push to Action

- clear legibility

- calls to action

Native Platform Guidelines

- Fonts

- UI

- Familiar to the user

Page 18: Walk Before You Run: Designing JIRA and Confluence Mobile

Search

Aggregate of activities in your project or assigned to you

Create an IssueSimple and intuitive way to add issues on mobile on the go

Activity Feed

Browse for issues outside of your context

launched it

Page 19: Walk Before You Run: Designing JIRA and Confluence Mobile

the app lacks features. Every month I spend a bit of time on it the hope another month brings it to a level where it can be adopted. Sadly they have a long way to go.

“”

Only just usable

Page 20: Walk Before You Run: Designing JIRA and Confluence Mobile

Already miles ahead of other JIRA apps. Less feature but very easy to use.

“”

Almost there!

Page 21: Walk Before You Run: Designing JIRA and Confluence Mobile

Pleasantly surprised. Well designed app and great UX“ ”So far so good.

Page 22: Walk Before You Run: Designing JIRA and Confluence Mobile

Do you feel comfortable by going live with a non-editable

version of Confluence??‽!! Bravo, Atlassian, Bravo…“

Really??

Page 23: Walk Before You Run: Designing JIRA and Confluence Mobile

Smart = Smarter

Page 24: Walk Before You Run: Designing JIRA and Confluence Mobile

Listen to your users

Keep the context directed to the end user

Keep it simpleUse shared components, whats out there, don't reinvent the wheel

Mobile = Me

Seek to understand, and always ask why…

Page 25: Walk Before You Run: Designing JIRA and Confluence Mobile

Listen to your users

Keep the context directed to the end user

Keep it simpleUse shared components, whats out there, don't reinvent the wheel

Mobile = Me

Seek to understand, and always ask why…

Page 26: Walk Before You Run: Designing JIRA and Confluence Mobile

we’re focused on the experience

Page 27: Walk Before You Run: Designing JIRA and Confluence Mobile

We’re just getting started…

Page 28: Walk Before You Run: Designing JIRA and Confluence Mobile

Thank you!

MARC REISEN • DESIGN TEAM LEAD • MOBILE PLATFORM TEAM