[sdk] Buttons and other widgets are too small for comfortable touch usage
Bug #1468645 reported by
Daniel van Vugt
This bug affects 1 person
| Affects | Status | Importance | Assigned to | Milestone | |
|---|---|---|---|---|---|
| Canonical System Image |
Fix Released
|
High
|
Zoltan Balogh | ||
| Ubuntu UX |
In Progress
|
High
|
Jamie Young | ||
| ubuntu-ui-toolkit (Ubuntu RTM) |
Fix Released
|
Undecided
|
Zsombor Egri | ||
| unity8 (Ubuntu) |
Incomplete
|
Undecided
|
Unassigned | ||
Bug Description
[Updated description]
On Ubuntu phones, buttons and other widgets are too small for comfortable touch usage.
This is mostly about buttons like those seen in the shutdown dialog. They feel too small (they are in fact 5.5mm high) to be able to reliably hit with a finger, and that's on arale which has a large screen.
But our GUI elements vary in size a lot and we got it right in the many menus/list views. There, each row is a nice comfortable height (10mm).
Compare to Android 5.1.1 on a hammerhead where buttons/list items are 12-15mm high, the larger size is more comfortable and faster to use.
–––
Update:
The shut-down dialogue will follow new rules we are defining for button size and spacing which will appear with updated SDK UI items.
The GUI elements should all be touch friendly and consistent in size.
Kanban card: https:/
Related branches
lp://staging/~bpierre/ubuntu-ui-toolkit/newbutton
- ubuntu-sdk-build-bot: Needs Fixing (continuous-integration)
- Zsombor Egri: Pending requested
-
Diff: 1810 lines (+1027/-392)22 files modifiedcomponents.api (+16/-3)
examples/ubuntu-ui-toolkit-gallery/Buttons.qml (+116/-55)
src/Ubuntu/Components/1.3/Button.qml (+0/-125)
src/Ubuntu/Components/ComponentModule.pro (+0/-1)
src/Ubuntu/Components/Themes/Ambiance/1.3/ButtonForeground.qml (+29/-52)
src/Ubuntu/Components/Themes/Ambiance/1.3/ButtonStyle.qml (+135/-132)
src/Ubuntu/Components/Themes/Ambiance/1.3/Palette.qml (+24/-12)
src/Ubuntu/Components/Themes/Ambiance/1.3/TextButtonStyle.qml (+76/-0)
src/Ubuntu/Components/Themes/Ambiance/Ambiance.pro (+1/-0)
src/Ubuntu/Components/Themes/Ambiance/qmldir (+1/-0)
src/Ubuntu/Components/plugin/button.cpp (+268/-0)
src/Ubuntu/Components/plugin/button.h (+84/-0)
src/Ubuntu/Components/plugin/button_p.h (+46/-0)
src/Ubuntu/Components/plugin/plugin.cpp (+4/-0)
src/Ubuntu/Components/plugin/plugin.pri (+7/-7)
src/Ubuntu/Components/plugin/textbutton.cpp (+134/-0)
src/Ubuntu/Components/plugin/textbutton.h (+51/-0)
src/Ubuntu/Components/plugin/ucabstractbutton.cpp (+1/-1)
src/Ubuntu/Components/plugin/ucabstractbutton.h (+1/-1)
src/Ubuntu/Components/qmldir (+0/-1)
tests/unit/tst_performance/ButtonGrid13.qml (+30/-0)
tests/unit/tst_performance/tst_performance.cpp (+3/-2)
lp://staging/~zsombi/ubuntu-ui-toolkit/increasedSensingArea
- ubuntu-sdk-build-bot: Approve (continuous-integration)
- Tim Peeters: Approve
- PS Jenkins bot: Needs Fixing (continuous-integration)
-
Diff: 565 lines (+375/-0)8 files modifiedcomponents.api (+7/-0)
src/Ubuntu/Components/plugin/plugin.cpp (+1/-0)
src/Ubuntu/Components/plugin/plugin.pri (+1/-0)
src/Ubuntu/Components/plugin/ucabstractbutton.cpp (+135/-0)
src/Ubuntu/Components/plugin/ucabstractbutton.h (+9/-0)
src/Ubuntu/Components/plugin/ucabstractbutton_p.h (+2/-0)
src/Ubuntu/Components/plugin/ucmargins.h (+76/-0)
tests/unit_x11/tst_components/tst_abstractbutton13.qml (+144/-0)
| description: | updated |
| summary: |
- Buttons and other widgets are too small for comfortable touch usage + [sdk] Buttons and other widgets are too small for comfortable touch + usage |
| Changed in ubuntu-ux: | |
| assignee: | nobody → Jamie Young (jamiedawsonyoung) |
| status: | New → Triaged |
| importance: | Undecided → High |
| Changed in unity8 (Ubuntu): | |
| status: | New → Incomplete |
| description: | updated |
| Changed in ubuntu-ux: | |
| status: | Triaged → In Progress |
| description: | updated |
| description: | updated |
| Changed in ubuntu-ux: | |
| assignee: | Jamie Young (jamiedawsonyoung) → Grazina (boroskograzina) |
| assignee: | Grazina (boroskograzina) → Jamie Young (jamiedawsonyoung) |
Revision history for this message
| Andrea Bernabei (faenil) wrote | #1 |
Revision history for this message
| Daniel van Vugt (vanvugt) wrote | #2 |
Revision history for this message
| Andrea Bernabei (faenil) wrote | #3 |
Revision history for this message
| Daniel van Vugt (vanvugt) wrote | #4 |
Revision history for this message
| Andrea Bernabei (faenil) wrote | #5 |
Revision history for this message
| Andrea Bernabei (faenil) wrote | #6 |
| Changed in ubuntu-ui-toolkit (Ubuntu RTM): | |
| assignee: | nobody → Zsombor Egri (zsombi) |
| status: | New → Fix Released |
| Changed in canonical-devices-system-image: | |
| assignee: | nobody → Zoltan Balogh (bzoltan) |
| milestone: | none → ww08-2016 |
| status: | New → Fix Committed |
| Changed in canonical-devices-system-image: | |
| importance: | Undecided → High |
| Changed in canonical-devices-system-image: | |
| status: | Fix Committed → Fix Released |
To post a comment you must log in.
The UX spec documents states that the touch area of components must be at least 4x4gu, unless configured otherwise by the app developer.
I attached an MR by zsombi that implements that for AbstractButton-