Top Banner
BECKY TODD SENIOR TECHNICAL WRITER ATLASSIAN @BECKATODD Design thinking Building a developer experience from scratch
22

Design thinking: Building a developer experience from scratch

Apr 14, 2017

Download

Design

Becky Todd
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: Design thinking: Building a developer experience from scratch

BECKY TODD • SENIOR TECHNICAL WRITER • ATLASSIAN • @BECKATODD

Design thinkingBuilding a developer experience from scratch

Page 2: Design thinking: Building a developer experience from scratch

My name is Becky I’m a Senior Technical Writer on the Atlassian Ecosystem team

Page 3: Design thinking: Building a developer experience from scratch

I Git

Page 4: Design thinking: Building a developer experience from scratch

Ready, set, launch!

Page 5: Design thinking: Building a developer experience from scratch

Usability

Content integration

New info architecture, fully responsive site, refreshed visual treatments

Crafted content presented side-by-side with auto-generated content

Improve this pageContribution from the developer community

Page 6: Design thinking: Building a developer experience from scratch

Let’s take a step back…

Page 7: Design thinking: Building a developer experience from scratch

Research1• Who writes the docs? • Is content updated with each release? • What kinds of content do we have? • Who is using the content, and why?

Page 8: Design thinking: Building a developer experience from scratch

“ Update the documentation on the site to include the current versions of everything. Some docs and tutorials are very out of date.

S U RV E Y F E E D B A C K

Page 9: Design thinking: Building a developer experience from scratch

• Multiple starting points • 45 mins to finish (or quit) • 4 out of 5 devs failed • Most didn’t create usable code

User testing: Onboarding new developers

• Single starting point • < 30 minutes start-to-finish • All devs can finish • Produce usable code that can be

expanded upon

Goals Problems identified by user testing

Page 10: Design thinking: Building a developer experience from scratch

Key takeaways• Users need accurate, up-to-date content • Navigating and searching are difficult • Writers want an easy-to-use process

Page 11: Design thinking: Building a developer experience from scratch

Design2• Improve search and navigation • Update stale, out-of-date content • Refresh the design with users in mind • Make authoring easy for everyone

Page 12: Design thinking: Building a developer experience from scratch

How the #%@& do we do this?

Page 13: Design thinking: Building a developer experience from scratch

Focus areas

Collaboration Who can write content? What will the

workflow look like?

Usability How will we improve search and the IA?

How will we keep content up-to-date?

Repo management What will the branching strategy be?

How many repos do we need?

Page 14: Design thinking: Building a developer experience from scratch

Content as code

Assets

How often do you publish content? Are your releases versioned?

ImagesHow frequently do you replace images, diagrams, and other visuals?

Releases

Do you have versioned zip files, videos, or other large files?

Page 15: Design thinking: Building a developer experience from scratch

Keep contribution workflow simplecontribute mergeapprove (x2) publish

auth

orre

view

erap

prov

er

DEV

TW

PO

Page 16: Design thinking: Building a developer experience from scratch

Build & adopt3• Support early adopters • Build content toolkit • Community contributions

Page 17: Design thinking: Building a developer experience from scratch

Publishing

Include setup, tools, style guides, and any other necessities

WorkflowCovers the writing and review process, including the roles involved

How to get started

Describes staging and publishing docs

Content toolkit

Page 18: Design thinking: Building a developer experience from scratch

Community contribution

Page 19: Design thinking: Building a developer experience from scratch

• Multiple starting points • 45 mins to finish (or quit) • 4 out of 5 devs failed • Most didn’t create usable code

User testing: Onboarding new developers

• Single starting point • < 30 minutes start-to-finish • All devs can finish • Produce usable code that can be

expanded upon

Goals Problems identified by user testing

Page 20: Design thinking: Building a developer experience from scratch

User testing: Updated onboarding flow

• Single starting point • 30 minutes start-to-finish • All devs finished • Produced deployable code

Goals achieved

• Users felt it was much more appropriate, felt successful

• Devs used responsive mode on desktop

New learnings

Page 21: Design thinking: Building a developer experience from scratch

Content champions Thinks “docs first” and “don’t forget to doc that” are a good thing

Page 22: Design thinking: Building a developer experience from scratch

Thank you!

BECKY TODD • SENIOR TECHNICAL WRITER • ATLASSIAN • @BECKATODD