[messaging-app] + [dialer-app] + [address book-app] make swipe to reveal more discoverable
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Ubuntu UX |
Fix Released
|
High
|
Olga Kemmet | ||
address-book-app (Ubuntu) |
Fix Released
|
Undecided
|
Unassigned | ||
dialer-app (Ubuntu) |
Fix Released
|
High
|
Renato Araujo Oliveira Filho | ||
Vivid |
New
|
Undecided
|
Unassigned | ||
messaging-app (Ubuntu) |
Fix Released
|
High
|
Renato Araujo Oliveira Filho | ||
Vivid |
New
|
Undecided
|
Unassigned |
Bug Description
on all the apps that use it (dialer, messaging, address book), we need a way to make the swipe to reveal action more discoverable.
This was listed in usability testing:
messaging-app: Swipe to reveal 'copy' and 'info' options had poor discoverability
dialer-app: message or see the contact information
Suggestions:
- small arrows (< on left side and > on right side) of the list item to inform users that there are actions to be taken
- first time tutorial when the list is empty or when it's populated with first item showing an overlay of how to swipe to reveal more actions
---------- UX comment ------------
The current implementation is an interim solution. There is a major project in progress, which looks at first time experiences throughout the whole platform.
Related branches
- Gustavo Pichorim Boiko (community): Approve
- PS Jenkins bot: Needs Fixing (continuous-integration)
-
Diff: 19 lines (+3/-0)1 file modifiedsrc/imports/Ubuntu/Contacts/ListItemWithActions.qml (+3/-0)
- Gustavo Pichorim Boiko (community): Approve
- PS Jenkins bot: Needs Fixing (continuous-integration)
-
Diff: 552 lines (+485/-1)5 files modifiedsrc/qml/HistoryPage/HistoryPage.qml (+16/-0)
src/qml/HistoryPage/SwipeItemDemo.qml (+397/-0)
src/qml/assets/swipe_arrow.svg (+17/-0)
tests/autopilot/dialer_app/tests/__init__.py (+23/-1)
tests/autopilot/dialer_app/tests/test_logs.py (+32/-0)
- Gustavo Pichorim Boiko (community): Approve
- PS Jenkins bot: Needs Fixing (continuous-integration)
- Tiago Salem Herrmann (community): Needs Fixing
-
Diff: 562 lines (+469/-2)6 files modifiedsrc/qml/Messages.qml (+27/-1)
src/qml/SwipeItemDemo.qml (+326/-0)
src/qml/assets/swipe_arrow.svg (+17/-0)
tests/autopilot/messaging_app/emulators.py (+4/-0)
tests/autopilot/messaging_app/fixture_setup.py (+41/-1)
tests/autopilot/messaging_app/tests/test_messaging.py (+54/-0)
tags: | added: usability ww07 |
Changed in dialer-app: | |
importance: | Undecided → High |
Changed in messaging-app: | |
importance: | Undecided → High |
Changed in dialer-app: | |
assignee: | nobody → Renato Araujo Oliveira Filho (renatofilho) |
Changed in messaging-app: | |
assignee: | nobody → Renato Araujo Oliveira Filho (renatofilho) |
Changed in ubuntu-ux: | |
status: | New → Triaged |
importance: | Undecided → High |
assignee: | nobody → Olga Kemmet (olga-kemmet) |
summary: |
- make swipe to reveal more discoverable + [messaging-app] + [dialer-app] + [address book-app] make swipe to reveal + more discoverable |
Changed in ubuntu-ux: | |
status: | Triaged → In Progress |
Changed in dialer-app: | |
status: | New → In Progress |
Changed in messaging-app: | |
status: | New → In Progress |
Changed in dialer-app (Ubuntu): | |
assignee: | nobody → Renato Araujo Oliveira Filho (renatofilho) |
Changed in messaging-app (Ubuntu): | |
assignee: | nobody → Renato Araujo Oliveira Filho (renatofilho) |
no longer affects: | messaging-app |
no longer affects: | dialer-app (Ubuntu) |
Changed in messaging-app (Ubuntu): | |
importance: | Undecided → High |
affects: | dialer-app → dialer-app (Ubuntu) |
Changed in dialer-app (Ubuntu): | |
status: | In Progress → Fix Released |
Changed in messaging-app (Ubuntu): | |
status: | New → Fix Released |
Changed in address-book-app (Ubuntu): | |
status: | New → Fix Released |
Changed in ubuntu-ux: | |
status: | In Progress → Fix Released |
The plan is to educate people about swipe to reveal when an app is launched for the first time, where relevant. Design is looking at ways to unify empty states across the whole platform in order to reuse them in apps.