Content
View differences
Updated by Marc Alcobé almost 2 years ago
After 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 most likely close the scope of the current spike.
### Focus
My account settings
### 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/116064/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116065/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116062/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116063/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116061/content">
### Acceptance criteria
1. The top app header turns blue when scrolling. It should maintain the white colour.
2. Add an external link icon to indicate that Send feedback will redirect the user outside the app.
3. Limit the height of the bottom sheet that appears when opening the _Default launch page_ setting. Also, update the icon used for work packages.
4. Remove the setting under _Notification settings_ for push notification until we clarify how can they work in a separate work package.
5. Reduce the amount of _non-participating_ notification options to the same as desktop: _New work packages, All status changes, All date changes, All priority changes_ and _All new comments._
6. Include an small text explanation for each notification setting section.
7. Implement the following new Features:
<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--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-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th><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-table--cell"><p class="op-uc-p">##56732</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56732:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56732:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56733</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56733:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56733:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56734</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56734:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56734:version</p></td></tr></tbody></table></figure>
### Open questions
* Check how is the best approach we could receive feedback with the customer support team.
* Check with marketing how do we want to deal with mobile app documentation.
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=142-27880
### Focus
My account settings
### 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/116064/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116065/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;"
### Acceptance criteria
1. The top app header turns blue when scrolling. It should maintain the white colour.
2. Add an external link icon to indicate that Send feedback will redirect the user outside the app.
3. Limit the height of the bottom sheet that appears when opening the _Default launch page_ setting. Also, update the icon used for work packages.
4. Remove the setting under _Notification settings_ for push notification until we clarify how can they work in a separate work package.
5. Reduce the amount of _non-participating_ notification options to the same as desktop: _New work packages, All status changes, All date changes, All priority changes_ and _All new comments._
6. Include an small text explanation for each notification setting section.
7. Implement the following new Features:
<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--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-table--cell op-uc-table--cell_head"><p class="op-uc-p">Status</p></th><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-table--cell"><p class="op-uc-p">##56732</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56732:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56732:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56733</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56733:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56733:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56734</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56734:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56734:version</p></td></tr></tbody></table></figure>
### Open questions
* Check how is the best approach we could receive feedback with the customer support team.
* Check with marketing how do we want to deal with mobile app documentation.
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=142-27880