Bug 983043 (keyboard-ux-update)

[meta] Keyboard UX update

RESOLVED WONTFIX

Status

defect
RESOLVED WONTFIX
5 years ago
Last year

People

(Reporter: bhuang, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: ux-tracking)

Attachments

(2 attachments, 22 obsolete attachments)

3.99 MB, application/zip
Details
2.85 MB, application/pdf
Details
This meta bug will collect the user stories broken down from the latest UX spec.
Here is the updated spec (Change Pause & Wait input , & ; in Tel Number Input)
Note that this work should be done on the refactored keyboard in bug 956169.
Reporter

Updated

5 years ago
Depends on: gaia-keyboard2
Reporter

Updated

5 years ago
Depends on: 985317
Reporter

Updated

5 years ago
Depends on: 985328
Reporter

Updated

5 years ago
Depends on: 985331
Reporter

Updated

5 years ago
Depends on: 985333
Reporter

Updated

5 years ago
Depends on: 985334
Reporter

Updated

5 years ago
Depends on: 985850
Reporter

Updated

5 years ago
Depends on: 985851
Reporter

Updated

5 years ago
Depends on: 985853
Reporter

Updated

5 years ago
Depends on: 985855
Reporter

Updated

5 years ago
Depends on: 985856
UX spec updated.
p.10 Adding IME switch in Symbol UI; Reorganizing layout
p.18 Removing ".com" from URL and Email
p.19 Removing ".com" from Rocket Bar
p.20 Relayouting Pin Code; Changing Number input field associated keyboard
Attachment #8390355 - Attachment is obsolete: true
Attachment #8392271 - Attachment is obsolete: true
Carol, please upload Visual spec here, thanks!
Flags: needinfo?(chuang)
UX spec updated.
p.10 Reorganizing symbol layouts
p.11 Reorganizing symbol layouts
p.23 Reorganizing symbol layouts
Attachment #8397006 - Attachment is obsolete: true
Omega, when you are modifying the spec can you also comment on the dependent bugs that are linked?  It'll be clearer since I listed the acceptance based on your original spec, so those changes should be reflected in comments as well.  We don't have to upload the spec to each bug, but just make a note that there are changes.  Thanks.
Flags: needinfo?(ofeng)

Updated

5 years ago
Depends on: 996909
UX spec updated.
Using "12&" instead of "?123" for symbol switch key
Removing "␣" for space bar
p.18 Adding Enter key rules
Attachment #8399324 - Attachment is obsolete: true
Flags: needinfo?(ofeng)
Alias: 2.0-keyboard-ux
No longer depends on keyboard2 refactoring work.
We're going to apply these new keyboard UX work to the original keyboard code base.
No longer depends on: gaia-keyboard2
Posted file Keyboard 2.0 Visual Spec.zip (obsolete) —
Attach keyboard 2.0 Visual spec:
1. Regular Keyboard
2. Bottom Row Behavior
3. Number pad layout
Flags: needinfo?(chuang)
No longer depends on: 996909
flod and I had comments on the UX spec, which never left the world-ready list, copying them over here.

I have a question about the IME button: It looks like you're showing locale code there? What would we show to tell apart sr-Cyrl and sr-Latn, or bg-BDS, bg-Pho-Ban, bg-Pho-Trad; bn-Avro and bn-Probhat?


In the form-submit case, you have a button called "Go", I've picked up some translations of that string on transvision, http://transvision.mozfr.org/string/?entity=mobile/android/base/android_strings.dtd:go&repo=aurora. Can that button grow by a significant amount? Or can we find a visual pattern instead?

I'm not in a good shape to review the telephone and number inputs. 

From flod, the only strange thing for me is not having % available directly for type: numbers (page 20).
I think it would be used more frequently than other symbols like @
UX spec update.
Removing GO and Search icon.
Attachment #8408812 - Attachment is obsolete: true
UX spec update.
Revising rules for Second Layer Symbol & Letters (Multi-Rows).
Attachment #8427500 - Attachment is obsolete: true
UX spec updated.
p.8 Revising IME selector
p.10-11, 23 Replacing ²³√ by {}`
p.18 Adding notes on URL and Email
Attachment #8429077 - Attachment is obsolete: true
Latest UX spec update.
p.22-23 Revising ZhuYin layout
p.24-26 Adding PinYin IME
Attachment #8434805 - Attachment is obsolete: true
Posted file Keyboard 2.0 Visual Spec.zip (obsolete) —
Keyboard 2.0 Visual Spec update:
Add ZhuYin Keyboard layout.

Hi Rudy,
I added ZhuYin Keyboard layout. Let me know if you have any question!thanks
Attachment #8410078 - Attachment is obsolete: true
Flags: needinfo?(rlu)
Thanks.
I also make a note in the bug 1019472 so that we won't miss this visual update.
Flags: needinfo?(rlu)
No longer depends on: 1021457
(In reply to Omega Feng [:Omega] from comment #16)
> Created attachment 8435583 [details]
> [1.5 Keyboard for Phone] Layout & Behavior v2.2.pdf
> 
> Latest UX spec update.
> p.22-23 Revising ZhuYin layout
> p.24-26 Adding PinYin IME

There is a issue with the symbol UI of PinYin IME. PinYin IME is used for simplified Chinese, whose commonly used symbols have a few differences from the traditional Chinese (http://zh.wikipedia.org/wiki/标点符号).

It seems the symbol UI of Pinyin IME follows traditional Chinese. Some commonly used symbols are not included in the main page, such as 、 “ ” …… ~《》, while symbols, such as 「」 (simplified Chinese uses “” pair instead) ` § ¿ ¡, are not or rarely used. Refer to [1] and [2] about commonly used simplified Chinese symbols.

[1] Bug 908592 - https://bugzilla.mozilla.org/show_bug.cgi?id=908592#c2
[2] http://baike.baidu.com/link?url=JgtozDLgkZw2ou4n6mgAtchoen2DI3sLxYYOTYb_p9WCBFVWUreyvBdA4d9tk6zM
Flags: needinfo?(ofeng)
Hi Xulei, thanks for your useful comment. Here is the updated UX spec.
p.26 Revising PinYin symbol layouts
Attachment #8435583 - Attachment is obsolete: true
Flags: needinfo?(ofeng)

Updated

5 years ago
Depends on: 1028591
No longer depends on: 1028591
Posted file Keyboard 2.0 Visual Spec.zip (obsolete) —
Update Keyboard 2.0 Visual spec:
*Add PinYin layout.

thanks!
Attachment #8437450 - Attachment is obsolete: true

Updated

5 years ago
Depends on: 1030933
No longer depends on: 1030933
Posted file Keyboard 2.0 Visual Spec.zip (obsolete) —
Update Visual spec p.3 Number Pad layout.
According offline discussion with George, we made some adjustment on the UI.
I updated those numbers to the Visual spec.
Attachment #8445034 - Attachment is obsolete: true
Posted file FxOS 2.1 UX Spec_Keyboard_v1.0.pdf (obsolete) —
Keyboard UX spec for FxOS 2.1.
Attachment #8442711 - Attachment is obsolete: true
Alias: 2.0-keyboard-ux → keyboard-ux-update
Change the alias since this bug serves as a meta bug for all keyboard UX updates we're going to tackle, not only for v2.0.
Posted file FxOS 2.1 UX Spec_Keyboard_v1.1.pdf (obsolete) —
UX spec update:
Adding alternative “õ” for English IME
Adding behavior of Search input
Attachment #8448520 - Attachment is obsolete: true
Depends on: 1036298
Depends on: 1036796
Posted file FxOS 2.1 UX Spec_Keyboard_v1.2.pdf (obsolete) —
UX spec update.
Revising “ALT” to “Alt”
Adding symbol switch interaction with shift/caps lock key Adding combo key (shift) details
Revising typing hint timeout 0.1 sec -> 0.085 sec
Adding PIN code in Lock Screen
Attachment #8452129 - Attachment is obsolete: true
Update Visual spec for Keyboard "Pin Code layout on Lock screen"
The pad size and UI spec should follow "Pin code" layout. (please look at visual spec p.3 p.4 for more detail)
Attachment #8447886 - Attachment is obsolete: true
I see that the UX spec in p.23 dictates that the period key (.) should have the additional menu on long-press even in the Greek keyboard. Is there any bug on file for that? I couldn't find it by a quick look at the dependencies of this bug, and I am willing to help out on that.
(In reply to Panos Astithas [:past] from comment #28)
> I see that the UX spec in p.23 dictates that the period key (.) should have
> the additional menu on long-press even in the Greek keyboard. Is there any
> bug on file for that? I couldn't find it by a quick look at the dependencies
> of this bug, and I am willing to help out on that.

I don't think there is an existing bug for that. Please help on it if Rudy has no any concern.
Flags: needinfo?(rlu)
Flags: needinfo?(past)
Yes, sure, please help file a bug for anything you think inappropriate.
Thanks.
Flags: needinfo?(rlu)
Filed bug 1040012 and perhaps I can find some time to work on it in the weekend.
Flags: needinfo?(past)

Comment 32

5 years ago
Omega,

could you update the page 13 of the recommendation to be a the fix a small describe below?

We recommend that the first alternate be the original key which means that we will have


+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
| Alternative Number | Slots                       | Example               |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
| 2                  | #0 | #1 | #2 |    |    |    | a | á | à |   |   |   |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
| 3                  | #0 | #1 | #2 | #3 |    |    | a | á | à | â |   |   |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
| 4                  | #0 | #1 | #2 | #3 | #4 |    | a | á | à | â | ä |   |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
| 5                  | #0 | #1 | #2 | #3 | #4 | #5 | a | á | à | â | ä | å |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+
Flags: needinfo?(ofeng)
Hi Raniere,
Thanks for your suggestion, I got your point. However, I think the current description in the UX spec still works fine. Maybe changing "Alternative Number" to "Candidate Number" could avoid the confusion?
Flags: needinfo?(ofeng)
Posted file FxOS 2.1 UX Spec_Keyboard_v1.3.pdf (obsolete) —
UX spec update.
Adding alternatives of " and ' on symbol panel
Always use half-width numbers in symbol panels of Zhuyin and Pinyin
Attachment #8454327 - Attachment is obsolete: true
Posted file FxOS 2.1 UX Spec_Keyboard_v1.4.pdf (obsolete) —
UX spec update.
Adding rules for Number input.
Revising English Symbol 2.
Revising 注音 Symbol 2.
Adding Español IME.
Adding Português IME.
Attachment #8469796 - Attachment is obsolete: true
Posted file FxOS 2.1 UX Spec_Keyboard_v1.5.pdf (obsolete) —
UX spec update.
Changing keyboard for number input
Swapping ? and ! in symbol panel
Changing currency symbol order in both alternatives and symbol panel 2 Replacing ¿ and ¡ by « and » in panel 2 (not including Español layout) Adding alternatives into symbol +
Adding alternatives into symbol ®
Adding alternatives into symbol .
Attachment #8471317 - Attachment is obsolete: true
Posted file FxOS 2.1 UX Spec_Keyboard_v1.6.pdf (obsolete) —
UX spec update.
Removing ₠ from alternatives and Symbol panel 1
Attachment #8479554 - Attachment is obsolete: true
Posted file FxOS 2.2 UX Spec_Keyboard_v1.7.pdf (obsolete) —
UX Spec Updated for FxOS 2.2:
Adding Manage IMEs
Adding User Dictionary
Adding Keystroke Latency Criteria
Adding Adaptive Hit Area
Attachment #8487738 - Attachment is obsolete: true
UX Spec Updated:
Settings > Keyboards > More Keyboards: Shortcut to Built-in Keyboard -> Multiselector for download
Settings > Keyboards > Built-in Keyboard > Manage IMEs: 1 section -> 2 sections
Attachment #8519643 - Attachment is obsolete: true
No longer blocks: 1029951
Depends on: 1029951
Firefox OS is not being worked on
Status: NEW → RESOLVED
Closed: Last year
Resolution: --- → WONTFIX
You need to log in before you can comment on or make changes to this bug.