Why are we doing this?

We would like to be able to share more about our design process with the community.

User story

As a designer or design minded person, I would like to know more about how features are developed at the WMF.

Drafts

Working doc

https://docs.google.com/document/d/1U_g673kOMMx1q1mb82MCTJasJzGk3uWJDyMhfKblsls/edit?usp=sharing

Who is the audience you intend to reach?
People who are interested in design and people who are interested in editing on mobile.

What is your goal with writing this post?
The goal is to talk about the design and research process behind this feature as a case study for design within the mobile apps at the Foundation. The goal is also to spread the news of the new feature set to potential users.

What is the two sentence high-level overview of this piece? (Note: This might be able to serve as your summary.)
The iOS app has a new Wikitext editor that makes writing and editing Wikitext easier on mobile. We used research, testing and comparative analysis to design this new feature set.

Outline

• Introducing the new Wikitext editor on iOS
  • Feature overview
  • Syntax highlighting
  • Line numbers
  • Toolbar
  • Find in page
  • Preview update
  • Edit summary update
• The problem we addressed
  • Brief overview of findings from previous research
    • Hackathon, previous testing, Abbey + James’ research
• How we solved the problem
  • Wikitext audit + comparative analysis
  • Design considerations
  • Testing
    • Unmoderated with the iPhone recorder
    • Usertesting.com
• One interesting fact about the development process
  • Need to figure out what this might be
• What’s next
  • Upcoming research
  • Forthcoming features and updates
• Call to action
  • Download the app!
  • Sign-up to become a tester