There are some form fields within the POS module that could use a few UX improvements.

Currency Denominations

  • Currency code field - We only expect 3 characters
  • Name - This could be at least half its current width
  • Amount - We only expect up to 6 characters (100.00)

POS Settings

  • Order lookup - We only expect up to 4 digits (probably only 2).

POS Order Lookup

  • Order lookup - This could be a fair bit shorter, maybe half. If an email is the longest thing we expect a user to search by, make it that long.
  • Order lookup - Can we autocomplete as the user is typing? Currently, if I'm looking for order number 55, I have to type 55. It would be nice to only have to type 5 to see all results that include 5. This is especially true for searching by name or email. (Separate issue -
    https://www.drupal.org/project/commerce_pos/issues/2938961)
  • Move the help text below the field and leave the placeholder blank.

CommentFileSizeAuthor
#8 Screen Shot 2018-01-25 at 11.46.46 PM.png35.79 KBsorabh.v6
#7 pos_form_ux-2938955-7.patch3.76 KBsorabh.v6
#7 pos_form_ux-2938955-interdiff-4-7.txt660 bytessorabh.v6
#7 Screen Shot 2018-01-25 at 11.54.30 PM.png34.31 KBsorabh.v6
#7 Screen Shot 2018-01-25 at 11.54.30 PM.png34.31 KBsorabh.v6
#5 Screen Shot 2018-01-25 at 4.03.58 PM.png52.47 KBshabana.navas
#5 Screen Shot 2018-01-25 at 4.03.46 PM.png109.48 KBshabana.navas
#5 Screen Shot 2018-01-25 at 4.03.27 PM.png66.3 KBshabana.navas
#4 pos_form_ux-2938955-4.patch3.76 KBshabana.navas
commerce-post_form-ux-3.png48.43 KBhubbs
commerce-post_form-ux-2.png33.36 KBhubbs
commerce-post_form-ux-1.png55.45 KBhubbs

Comments

Hubbs created an issue. See original summary.

hubbs’s picture

hubbs commented
Issue summary: View changes
hubbs’s picture

hubbs commented
Issue summary: View changes
Related issues: +#2938961: Order lookup - Match results as user enters information

@smccabe requested I move "Can we autocomplete as the user is typing? Currently, if I'm looking for order number 55, I have to type 55. It would be nice to only have to type 5 to see all " to a new issue.

shabana.navas’s picture

shabana.navas commented
Status: Active » Needs review
StatusFileSize
new pos_form_ux-2938955-4.patch3.76 KB

Fixes added.

shabana.navas’s picture

shabana.navas commented
StatusFileSize
new Screen Shot 2018-01-25 at 4.03.27 PM.png66.3 KB
new Screen Shot 2018-01-25 at 4.03.46 PM.png109.48 KB
new Screen Shot 2018-01-25 at 4.03.58 PM.png52.47 KB
sorabh.v6’s picture

sorabh.v6
He/His
Primary language Hindi
commented
Assigned: Unassigned » sorabh.v6
sorabh.v6’s picture

sorabh.v6
He/His
Primary language Hindi
commented
Assigned: sorabh.v6 » Unassigned
Issue summary: View changes
StatusFileSize
new Screen Shot 2018-01-25 at 11.54.30 PM.png34.31 KB
new Screen Shot 2018-01-25 at 11.54.30 PM.png34.31 KB
new pos_form_ux-2938955-interdiff-4-7.txt660 bytes
new pos_form_ux-2938955-7.patch3.76 KB

Hi, I reviewed the patch in #4and found that the field size for currencyCode field is little small for some major currencies KWD, HKD and some others as well. Therefore, I increased the size to 4. Attaching patch, interdiff, before and after images.

Before

After

sorabh.v6’s picture

sorabh.v6
He/His
Primary language Hindi
commented
StatusFileSize
new Screen Shot 2018-01-25 at 11.46.46 PM.png35.79 KB

  • smccabe committed 4b1b81f on 8.x-2.x authored by sorabh.v6 
    Issue #2938955 by sorabh.v6, shabana.navas, Hubbs: Commerce POS form UX
smccabe’s picture

smccabe commented
Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.