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
Text editor
### 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/116055/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116052/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116053/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116054/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116057/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116058/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116059/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116060/content">
### Acceptance criteria
* [x] [ ] The app header has a blue background when the content of the description exceeds the viewpoint, the colour should not change (maintain white).
* [x] All bugs detected in <mention class="mention" data-id="55116" data-type="work_package" data-text="#55116">#55116</mention> has been fixed.
* [x] The capabilities of Description and Long text text editor are different from the Comment ones. See each case in [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=970-174264).
* [x] Update the icons used in the add photo functionality and use Octicons following [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-257506&t=fMvAXNkqOl5XEgPG-4)_._ Ensure the bottom sheet has some margin in the bottom to avoid being not accessible.
* [x] Change the toolbar button text from _Save_ to _Done_.
* [x] Update the _undo_ and _redo_ icons to use Octicons.
* [x] Update the visuals to edit an already included photo (eg. rezise, copy...) following [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-257810&t=fMvAXNkqOl5XEgPG-4).
* [x] Redesign the add link flow to [meet the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-258236&t=fMvAXNkqOl5XEgPG-4).
### Open questions
* What options of link validation do we have for the add link flow.
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=970-174264
### Focus
Text editor
### 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/116055/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116052/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116053/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116054/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116057/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116058/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116059/content"><img class="image_resized op-uc-image op-uc-image_inline" style="width:236px;" src="/api/v3/attachments/116060/content">
### Acceptance criteria
* [x]
* [x] All bugs detected in <mention class="mention" data-id="55116" data-type="work_package" data-text="#55116">#55116</mention> has been fixed.
* [x] The capabilities of Description and Long text text editor are different from the Comment ones. See each case in [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=970-174264).
* [x] Update the icons used in the add photo functionality and use Octicons following [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-257506&t=fMvAXNkqOl5XEgPG-4)_._ Ensure the bottom sheet has some margin in the bottom to avoid being not accessible.
* [x] Change the toolbar button text from _Save_ to _Done_.
* [x] Update the _undo_ and _redo_ icons to use Octicons.
* [x] Update the visuals to edit an already included photo (eg. rezise, copy...) following [the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-257810&t=fMvAXNkqOl5XEgPG-4).
* [x] Redesign the add link flow to [meet the designs](https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=1060-258236&t=fMvAXNkqOl5XEgPG-4).
### Open questions
* What options of link validation do we have for the add link flow.
### Figma and visuals
https://www.figma.com/design/arGHBRVi6WLJDLTv0YoOoo/Mobile-App---Spike?node-id=970-174264