983043 - (keyboard-ux-update) [meta] Keyboard UX update

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Keyboard, defect)

Description

[Bruce Huang [:bhuang] (inactive)]

This meta bug will collect the user stories broken down from the latest UX spec.

Comment 1

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.4.pdf

Latest UX Spec.

Comment 2

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.5.pdf

Here is the updated spec (Change Pause & Wait input , & ; in Tel Number Input)

Comment 3

[Bruce Huang [:bhuang] (inactive)]

Note that this work should be done on the refactored keyboard in bug 956169.

Comment 4

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.6.pdf

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

Comment 5

[Omega Feng [:Omega] [:馮於懋]]

Carol, please upload Visual spec here, thanks!

Comment 6

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.7.pdf

UX spec updated.
p.10 Reorganizing symbol layouts
p.11 Reorganizing symbol layouts
p.23 Reorganizing symbol layouts

Comment 7

[Bruce Huang [:bhuang] (inactive)]

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.

Comment 8

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.8.pdf

UX spec updated.
Using "12&" instead of "?123" for symbol switch key
Removing "␣" for space bar
p.18 Adding Enter key rules

Comment 9

[Rudy Lu [:rudyl] (inactive after 2015/7/3)]

No longer depends on keyboard2 refactoring work.
We're going to apply these new keyboard UX work to the original keyboard code base.

Comment 10

[Carol Huang [:Carol]]

Attachment: Keyboard 2.0 Visual Spec.zip

Attach keyboard 2.0 Visual spec:
1. Regular Keyboard
2. Bottom Row Behavior
3. Number pad layout

Comment 11

[William Hsu [:whsu]]

Finished the test cases creation.
- https://moztrap.mozilla.org/manage/cases/?&pagenumber=1&pagesize=50&sortfield=created_on&sortdirection=desc&filter-tag=2626&filter-tag=2627

Comment 12

[Axel Hecht [:Pike]]

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 @

Comment 13

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v1.9.pdf

UX spec update.
Removing GO and Search icon.

Comment 14

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v2.0.pdf

UX spec update.
Revising rules for Second Layer Symbol & Letters (Multi-Rows).

Comment 15

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v2.1.pdf

UX spec updated.
p.8 Revising IME selector
p.10-11, 23 Replacing ²³√ by {}`
p.18 Adding notes on URL and Email

Comment 16

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [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

Comment 17

[Carol Huang [:Carol]]

Attachment: Keyboard 2.0 Visual Spec.zip

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

Comment 18

[Rudy Lu [:rudyl] (inactive after 2015/7/3)]

Thanks.
I also make a note in the bug 1019472 so that we won't miss this visual update.

Comment 19

[Yuan Xulei [:yxl] (Leave from May 18)]

(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

Comment 20

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [1.5 Keyboard for Phone] Layout & Behavior v2.3.pdf

Hi Xulei, thanks for your useful comment. Here is the updated UX spec.
p.26 Revising PinYin symbol layouts

Comment 21

[Carol Huang [:Carol]]

Attachment: Keyboard 2.0 Visual Spec.zip

Update Keyboard 2.0 Visual spec:
*Add PinYin layout.

thanks!

Comment 22

[Carol Huang [:Carol]]

Attachment: Keyboard 2.0 Visual Spec.zip

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.

Comment 23

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.0.pdf

Keyboard UX spec for FxOS 2.1.

Comment 24

[Rudy Lu [:rudyl] (inactive after 2015/7/3)]

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.

Comment 25

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.1.pdf

UX spec update:
Adding alternative “õ” for English IME
Adding behavior of Search input

Comment 26

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.2.pdf

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

Comment 27

[Carol Huang [:Carol]]

Attachment: Keyboard 2.0 Visual Spec_0714.zip

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)

Comment 28

[Panos Astithas (he/him) [:past] (please ni?)]

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.

Comment 29

[Omega Feng [:Omega] [:馮於懋]]

(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.

Comment 30

[Rudy Lu [:rudyl] (inactive after 2015/7/3)]

Yes, sure, please help file a bug for anything you think inappropriate.
Thanks.

Comment 31

[Panos Astithas (he/him) [:past] (please ni?)]

Filed bug 1040012 and perhaps I can find some time to work on it in the weekend.

Comment 32

[Raniere Silva]

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 | á | à | â | ä | å |
+--------------------+----+----+----+----+----+----+---+---+---+---+---+---+

Comment 33

[Omega Feng [:Omega] [:馮於懋]]

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?

Comment 34

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.3.pdf

UX spec update.
Adding alternatives of " and ' on symbol panel
Always use half-width numbers in symbol panels of Zhuyin and Pinyin

Comment 35

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.4.pdf

UX spec update.
Adding rules for Number input.
Revising English Symbol 2.
Revising 注音 Symbol 2.
Adding Español IME.
Adding Português IME.

Comment 36

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.5.pdf

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 .

Comment 37

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Keyboard_v1.6.pdf

UX spec update.
Removing ₠ from alternatives and Symbol panel 1

Comment 39

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.2 UX Spec_Keyboard_v1.7.pdf

UX Spec Updated for FxOS 2.2:
Adding Manage IMEs
Adding User Dictionary
Adding Keystroke Latency Criteria
Adding Adaptive Hit Area

Comment 40

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.2 UX Spec_Keyboard_v1.8.pdf

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

Comment 41

[BMO Automation]

Firefox OS is not being worked on