Openbravo Issue Tracking System - Retail Modules
View Issue Details
0027049Retail ModulesWeb POSpublic2014-07-10 22:282017-01-05 11:43
dbaz 
Retail 
highmajoralways
newopen 
5
 
 
No
0027049: [UX] The "Product Characteristics" info kills the UX
Right now all product characteristics are shown in the SEARCH, in the BROWSE and in the receipt. This kills the UI.
Login into the webpos as "demouser"

Go to "SEARCH" or "BROWSE" panel and display products
The proposal is add a flag inside "Product -> Characteristics" to determine if this characteristic should be shown or not in the WebPOS for this product in the mentioned places.

This flag, by default, should have the same value than the "Variant" flag, so if the characteristic is variant type it should be shown by default and the other way around.
No tags attached.
depends on feature request 0027051 new marvintm [UX] There should be a way to open the product card with the current default behavior 
Not all the children of this issue are yet resolved or closed.
png iconInformation.png (1,771) 2014-11-26 18:12
https://issues.openbravo.com/file_download.php?file_id=7545&type=bug
png

png iconInformation-over.png (1,790) 2014-11-26 18:12
https://issues.openbravo.com/file_download.php?file_id=7546&type=bug
png

png iconInformation-pressed.png (1,790) 2014-11-26 18:12
https://issues.openbravo.com/file_download.php?file_id=7547&type=bug
png

png iconAdd.png (1,781) 2014-11-26 19:06
https://issues.openbravo.com/file_download.php?file_id=7548&type=bug
png

png iconAdd-over.png (1,756) 2014-11-26 19:06
https://issues.openbravo.com/file_download.php?file_id=7549&type=bug
png

png iconAdd-pressed.png (1,804) 2014-11-26 19:06
https://issues.openbravo.com/file_download.php?file_id=7550&type=bug
png
Issue History
2014-07-10 22:28dbazNew Issue
2014-07-10 22:28dbazAssigned To => marvintm
2014-07-10 22:28dbazTriggers an Emergency Pack => No
2014-07-10 23:41dbazRelationship addeddepends on 0027051
2014-07-10 23:46dbazNote Added: 0068583
2014-07-10 23:46dbazDescription Updatedbug_revision_view_page.php?rev_id=6026#r6026
2014-07-10 23:46dbazNote Edited: 0068583bug_revision_view_page.php?bugnote_id=0068583#r6028
2014-07-10 23:47dbazNote Edited: 0068583bug_revision_view_page.php?bugnote_id=0068583#r6029
2014-07-10 23:48dbazNote Edited: 0068583bug_revision_view_page.php?bugnote_id=0068583#r6030
2014-08-17 17:47mtaalNote Added: 0069436
2014-08-17 17:47mtaalAssigned Tomarvintm => Orekaria
2014-11-26 18:06dbazNote Added: 0072041
2014-11-26 18:12dbazFile Added: iconInformation.png
2014-11-26 18:12dbazFile Added: iconInformation-over.png
2014-11-26 18:12dbazFile Added: iconInformation-pressed.png
2014-11-26 19:05dbazNote Edited: 0072041bug_revision_view_page.php?bugnote_id=0072041#r7157
2014-11-26 19:06dbazIssue Monitored: dbaz
2014-11-26 19:06dbazFile Added: iconAdd.png
2014-11-26 19:06dbazFile Added: iconAdd-over.png
2014-11-26 19:06dbazFile Added: iconAdd-pressed.png
2016-05-25 12:25OrekariaAssigned ToOrekaria => Retail
2017-01-05 11:43dbazNote Added: 0093216

Notes
(0068583)
dbaz   
2014-07-10 23:46   
(edited on: 2014-07-10 23:48)
At least, the following points should be done before fixing this issue:
* Add ALL the characteristics to the product card view (not only the ones shown in the SEARCH/BROWSE/Receipt)
* Related to issue 27051: Add the capability of open the product card, at least, from the EDIT view. Probably the product image tap solution, the a), be the best one.

(0069436)
mtaal   
2014-08-17 17:47   
Copying the complete email from David to the issue, we should do as much as possible which is feasible for Q4...




Hi all, after speak with some of you I want to share the first iteration of the Product Characteristic excess data removal from the WebPOS.
Right now all product characteristics are shown in the SEARCH, in the BROWSE and in the ticket. This kills the UI. The proposal is add a flag inside "Product -> Characteristics" to determine if this characteristic should be shown or not in the WebPOS for this product in the mentioned places. This flag, by default, should have the same value than the "Variant" flag, so if the characteristic is variant type it should be shown by default and the other way around.
With this approach, then, there is a relatively important gap: how could a user view all the product characteristics of a particular product from the WebPOS? Imagine the situation where a worker of a shop is walking with a tablet/smartphone (with the WebPOS) and someone asks him about the mAh of a particular battery. In a small shop this could even happen that the guy in the cash register be asked the same question.
The proposed solution for this, is add a way to show the product record/index card, and show all the characteristics inside this view. Btw, this view is the one that is shown in the left when you select the "Plastic Bottle" item in live.builds. Right now there is a configuration that allows specify per product if this view should be shown or not when an item is tapped; this capability/behavior should continue unmodified.
The main difficulty in terms of UX, is determine which is the best way to open this view from the SEARCH, BROWSE and EDIT windows. I can think in several solutions, and depending on your point of view and the effort of each one of them, we will make a decision.
SEARCH and BROWSE cases:
a) Pressing the image of the product: With this approach, if you press the image of the product, you open the index card view, and if you press in the test of the product, it adds the product to the ticket.
b) If you press the whole thing (image + text) it adds the product to the ticket (exactly as it works right now) but if you press during > 1 second, it opens the index card view. Here some deeper tests should be done, because right now in the tablets/smartphone, if you press during > 1 second, you see two arrows and the text-selection mode is enabled. For this solution is a must that this behavior doesn't happen.
c) If you press the whole thing (image + text) it adds the product to the ticket (exactly as it works right now) but if you swipe from the right to the left the whole thing, it opens the index card view. This solution is very nice because it is like if you send something to the left with your fingers, and it is there (in the left) where the index card view is going to be shown, but it should be reviewed how good works with the mouse.
d) Use a context menu. Using the mouse, with the right click should open a contextual menu allowing to open the index card view or add the product to the ticket. Using the fingers, it should use long tap or two fingers tap (to be determined) to open this contextual menu
EDIT case:
a) Add a new orange icon with an "i" icon. Once you press this button, the index card view of the selected product will be opened.
b) When you click the product image, the index card view is opened.
Besides of the election of the way of opening the index card view, it would be pending also how the characteristics should be shown inside the index card view and also I would like to do some small css modifications of the characteristics style to do a better use of the available space. The problem is that I will not be able to prepare this mockups until, at least, next week.
For Q3 I think that it would be enough "just" with:
* Add the flag to show or not the product characteristic
* Add the characteristics to the index card view
* Add the capability of open the index card from the EDIT view.
The small style adjusts and the capability of open the index card from the BROWSE and SEARCH views could be done later.
Also, there are some issues that I have already reported of several UI glitches I have found: http://tinyurl.com/lvery5f [^]
I would like to hear your opinion, specially about the topic of how to open the index card view of a product.
Thanks and regards!
(0072041)
dbaz   
2014-11-26 18:06   
(edited on: 2014-11-26 19:05)
Here it goes a more mature solution, based on a new "i" (information) icon button inside the product button:

http://screencast.com/t/CvkXU00hJItV [^]

For the case where directly the tap/click in the product should open the product card (the opposite behavior), a new "+" (add) icon button has been added to the product button. This is the 'catalog' like behavior:

http://screencast.com/t/wOxxs2ka6Pug [^]

Added also the three-state icons

(0093216)
dbaz   
2017-01-05 11:43   
Update: Now there is a contextual menu icon inside each product
https://issues.openbravo.com/view.php?id=34617 [^]

so, instead of the "i"/"+" icon, the solution ahould be a new entry ("Product Card"/"Add to Receipt") inside the contextual menu opened once this button is pressed.