{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"section","parameters":{"macroParams":{},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Section"}}},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"cxhtml":"50%

\n#FFF#CCC

1. Problem

\n\n

Problem Statement:

\ntrue\n

2. Users

\n\n

Catalina, Christy and Ashley are the users whose needs we are primarily considering when designing the Rich Text Inline Edit.\n

\n are a collection of various types of important users whose needs we need to consider throughout the design process.

\n#FFF#CCC

3. Users' needs

\n\n

Contexts of Use: In what contexts would the user need Rich Text Inline Edit? What activities do they undertake in the contexts?

\n\n

Functional Requirements: What use cases does the Rich Text Inline Edit component support?

\n\n

Primary & Secondary Scenarios: In context, what are the primary and secondary user needs are we meeting?

","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"50%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"1. Problem","type":"text"}]},{"type":"paragraph","content":[{"text":"Problem Statement:","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt-include","parameters":{"macroParams":{"":{"value":"Rich Text Inline Edit Problem Statement"},"nopanel":{"value":"true"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Insert excerpt"}}}},{"text":"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"More problem statement... ","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315958"}}]}]},{"type":"paragraph","content":[{"text":"Design Goals:","type":"text","marks":[{"type":"strong"}]},{"text":"\n","type":"text"},{"type":"hardBreak"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt-include","parameters":{"macroParams":{"":{"value":"Rich Text Inline Edit Design Goals"},"nopanel":{"value":"true"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Insert excerpt"}}}},{"text":"\n","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text"},{"text":"More design goals...","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316131"}}]},{"type":"hardBreak"}]},{"type":"paragraph","content":[{"text":"Competitive Analysis:","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"Rich Text Inline Edit Competitive Analysis","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9314378"}}]}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"2. Users","type":"text"}]},{"type":"paragraph","content":[{"text":"Catalina","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11560439"}}]},{"text":", ","type":"text"},{"text":"Christy","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11514084"}}]},{"text":" and ","type":"text"},{"text":"Ashley","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11598237"}}]},{"text":" are the users whose needs we are primarily considering when designing the Rich Text Inline Edit.\n","type":"text"},{"type":"hardBreak"},{"text":" ","type":"text"},{"type":"hardBreak"},{"text":"\n","type":"text"},{"text":"Fluid Personas","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/fluid/pages/11560455"}}]},{"text":" are a collection of various types of important users whose needs we need to consider throughout the design process.","type":"text"}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"3. Users' needs","type":"text"}]},{"type":"paragraph","content":[{"text":"Contexts of Use","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315990"}},{"type":"strong"}]},{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" In what contexts would the user need Rich Text Inline Edit? What activities do they undertake in the contexts?","type":"text"}]},{"type":"paragraph","content":[{"text":"Functional Requirements:","type":"text","marks":[{"type":"strong"}]},{"text":" What use cases does the Rich Text Inline Edit component support?","type":"text"}]},{"type":"paragraph","content":[{"text":"Primary & Secondary Scenarios","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316238"}},{"type":"strong"}]},{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" In context, what are the primary and secondary user needs are we meeting?","type":"text"}]}]}]}]}]}],"version":1},"reason":"A column macro in a rich body macro can't be created or edited in the new editor."}}},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"legacy-content","text":"","parameters":{"cxhtml":"50%

\n#FFF#CCC

4. Solution

\n\n

Wireframes: Visual representation of design iterations and final designs.

\n\n

Storyboards: How, when, and where would the user use Rich Text Inline Edit?

\n\n

\n\n\n

Inline Edit Design Pattern: Design advice for allowing users to edit content in the context of their work.

\n#FFF#CCC

5. User Testing

\n\n

User Testing Protocols: Describes how the user testing of Rich Text Inline Edit will be carried out.

\n\n

User Testing Results: Describes how the users interacted with the Rich Text Inline Edit prototype and what improvements can be made.

\n#FFF#CCC

6. Preparing for Implementation

\n\n

Storycards: Decomposes Rich Text Inline Edit into small implementable chunks.

\n\n

Functional Specification: Development specification containing interaction details such as "interesting moments."

","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"50%"}},"macroMetadata":{"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"4. Solution","type":"text"}]},{"type":"paragraph","content":[{"text":"Wireframes:","type":"text","marks":[{"type":"strong"}]},{"text":" Visual representation of design iterations and final designs.","type":"text"}]},{"type":"paragraph","content":[{"text":"Storyboards:","type":"text","marks":[{"type":"strong"}]},{"text":" How, when, and where would the user use Rich Text Inline Edit?","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Rich Text Edit Storyboard - Make text links","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9314277"}},{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Rich Text Edit Storyboard - Edit Image","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9314300"}},{"type":"strong"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Rich Text Inline Edit Storyboard - Edit rich text","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9315916"}},{"type":"strong"}]}]}]}]},{"type":"paragraph","content":[{"text":"Inline Edit Design Pattern","type":"text","marks":[{"type":"link","attrs":{"href":"http://osdpl.fluidproject.org/content/inline-edit"}},{"type":"strong"}]},{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" Design advice for allowing users to edit content in the context of their work.","type":"text"}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"5. User Testing","type":"text"}]},{"type":"paragraph","content":[{"text":"User Testing Protocols:","type":"text","marks":[{"type":"strong"}]},{"text":" Describes how the user testing of Rich Text Inline Edit will be carried out.","type":"text"}]},{"type":"paragraph","content":[{"text":"User Testing Results:","type":"text","marks":[{"type":"strong"}]},{"text":" Describes how the users interacted with the Rich Text Inline Edit prototype and what improvements can be made.","type":"text"}]}]}]}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#FFF","rowspan":1},"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"6. Preparing for Implementation","type":"text"}]},{"type":"paragraph","content":[{"text":"Storycards:","type":"text","marks":[{"type":"strong"}]},{"text":" Decomposes Rich Text Inline Edit into small implementable chunks.","type":"text"}]},{"type":"paragraph","content":[{"text":"Functional Specification","type":"text","marks":[{"type":"link","attrs":{"href":"https://fluidproject.atlassian.net/wiki/spaces/Infusion13/pages/9316012"}},{"type":"strong"}]},{"text":":","type":"text","marks":[{"type":"strong"}]},{"text":" Development specification containing interaction details such as \"interesting moments.\"","type":"text"}]}]}]}]}]}],"version":1},"reason":"A column macro in a rich body macro can't be created or edited in the new editor."}}}]}],"version":1}

Rich Text Inline Edit Design Overview