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/116063/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116061/content">

### Acceptance criteria

Begin of the insertion* [ ]End of the insertion Begin of the deletion 1. End of the deletion The top app header turns blue when scrolling. It should maintain the white colour. Begin of the insertion
* [ ]End of the insertion Begin of the deletion

2. End of the deletion Add an external link icon to indicate that Send feedback will redirect the user outside the app. Begin of the insertion
* [ ]End of the insertion Begin of the deletion

3. End of the deletion Limit the height of the bottom sheet that appears when opening the _Default launch page_ setting. Also, update the icon used for work packages. Begin of the insertion
* [ ]End of the insertion Begin of the deletion

4. End of the deletion Remove the setting under _Notification settings_ for push notification until we clarify how can they work in a separate work package. Begin of the insertion
* [ ]End of the insertion Begin of the deletion

5. End of the deletion 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._ Begin of the insertion
* [ ]End of the insertion Begin of the deletion

6. End of the deletion Include an small text explanation for each notification setting section. Begin of the insertion
* [ ]End of the insertion Begin of the deletion

7. End of the deletion Implement the following new Features: Begin of the insertion

End of the insertion Begin of the deletion


End of the deletion <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