Content
View differences
Updated by Marc Alcobé almost 2 years ago
After # User Problem
## User
_What persona, persona segment, or customer type experiences the results of both usability testings some UX/UI improvements has been designed in order to create a more complete and user friendly application. This changes imply the update on all screens of the app and will problem most likely close acutely?_
* Project manager
* Project member
* Product owner
* Customer
* ....
## Problem
_What problem or job does the scope of user have?_
* ...
*
## Pain
_What is the current spike. primary workaround that users perform that we could remove or replace? Why is it painful?_
### Focus * ....
*
# Business Case
Work package creation ## Reach
### Current implementation _About how many users, customers or potential customers currently have this problem? (Low / Worst Case)_
OpenProject version 0.0.39 > Add this value to the custom field and delete this section.
<img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116122/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116120/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116119/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116127/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116125/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116126/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116123/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116118/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116121/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116124/content"> ## Impact
### Acceptance criteria _Among relevant customers or prospects, how much value do they get from a comprehensive solution to this problem? (Conservative case)_
1. The top app header turns blue when scrolling. It should maintain > Add this value to the white colour.
2. The creation sheet page has a grey background custom field and it should be white.
3. The Cancel button on delete this section.
## Confidence
_What are the bottom has blue text and black border. Border should be _borderColor-default_ and text _fgColor-muted_. The _Save_ button should be green when active.
4. Bring _WP status_ and _Parent_ as chips on top. By default when opening the creation sheet status should be set as _new_ and parent top risk factors that could inhibit our ability to _No parent_.
5. Ensure deliver this solution? Please consider how we can mitigate these risks._
> Add this value to the chips for _Project, Parent, WP type_ custom field and _WP status_ should be clickable. Also review the colour delete this section.
## Urgency and text used for each of them as [designed](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1048-249299&t=xi3CAOiSg42CS7Ei-4).
6. All fields of Priority
_What is the _Details_ section relative priority of work packages should be brought on top of the tab bar. Set _Priority_ this opportunity in your backlog? What tradeoffs must you make? Is there a hard deadline or could this wait?_
> Add this value to _Medium_ by default.
7. Tab bar has a divider on the top custom field and not delete this section.
## Solution
_How do we solve the user’s problem. What is our “pain killer”? What must we achieve in the bottom. Move first version of the divider solution in order to achieve value for the bottom user?_
* ....
*
## Out of Scope for the tab bar.
8. Limit MVC
_What should NOT be in the height of all bottom sheets to match its content. Also ensure that the font minimal viable change, and text colour used inside of can be considered for future iterations? Why? Please order them by importance._
* ...
## Differentiation
_What do you believe will differentiate us from the bottom sheets current experience or competitive experiences?_
* ...
## Next iteration
_What is as [designed](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1048-249463&t=xi3CAOiSg42CS7Ei-4). the next solution that would allow us to release meaningful customer value quickly?_
* ...
9. There is an excessive scroll bellow *
# Launch and Growth
## Measures
_How will you know you solved the last field. Ensure there is no big white space below problem? Please list measurable, quantitative indicators (preferred) or qualitative ways you plan on assessing the last field in solution?_
* ...
## Messaging
_If you were to write a press release, how would you describe the tabs.
10. Implement the following new Features:
value to customers?_
<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table"><tbody><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Work package</p></th><th class="op-uc-p">Headline</p></th><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th><th class="op-uc-p">First Paragraph</p></th><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">Version</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-p">Customer Quote</p></th><td class="op-uc-table--cell"><p class="op-uc-p">##</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue::version</p></td></tr></tbody></table></figure> class="op-uc-p"></p></td></tr></tbody></table></figure>
### Figma and visuals ## Go to market
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1044-219157 _How are you planning on getting this into users' hands?_
## User
_What persona, persona segment, or customer type experiences
* Project manager
* Project member
* Product owner
* Customer
* ....
## Problem
_What problem or job does
* ...
*
## Pain
_What is
### Focus
*
# Business Case
Work package creation
### Current implementation
OpenProject version 0.0.39
<img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116122/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116120/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116119/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116127/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116125/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116126/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116123/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116118/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116121/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116124/content">
### Acceptance criteria
1. The top app header turns blue when scrolling. It should maintain
2. The creation sheet page has a grey background
3. The Cancel button on
## Confidence
_What are
4. Bring _WP status_ and _Parent_ as chips on top. By default when opening the creation sheet status should be set as _new_ and parent
5. Ensure
> Add this value to
## Urgency
6. All fields of
_What is
> Add this value
7. Tab bar has a divider on the top
## Solution
_How do we solve the user’s problem. What is our “pain killer”? What must we achieve
* ....
*
## Out
8. Limit
_What should NOT be in
* ...
## Differentiation
_What do you believe will differentiate us from
* ...
## Next iteration
_What
* ...
9. There is an excessive scroll bellow
# Launch and Growth
## Measures
_How will you know you solved
* ...
## Messaging
_If you were to write a press release, how would you describe
10. Implement the following new Features:
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1044-219157