Content
View differences
Updated by Marc Alcobé over 1 year 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
Work package read and edit
### 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/116142/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116143/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116144/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116148/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116151/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116147/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116150/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116152/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116153/content">
### Acceptance criteria
* [x] [ ] The top app header turns blue when scrolling. It should maintain the white colour.
* [x] [ ] 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">##56753</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56753:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56753:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56754</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56754:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56754:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56755</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56755:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56755:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56756</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56756:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56756:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56757</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56757:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56757:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56760</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56760:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56760:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56763</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56763:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56763:version</p></td></tr></tbody></table></figure>
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=0-1
### Focus
Work package read and edit
### 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/116142/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116143/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116144/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116148/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116151/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116147/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116150/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116152/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116153/content">
### Acceptance criteria
* [x]
* [x]
<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">##56753</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56753:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56753:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56754</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56754:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56754:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56755</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56755:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56755:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56756</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56756:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56756:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56757</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56757:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56757:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56760</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56760:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56760:version</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">##56763</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56763:status</p></td><td class="op-uc-table--cell"><p class="op-uc-p">workPackageValue:56763:version</p></td></tr></tbody></table></figure>
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=0-1