[ 
https://issues.apache.org/jira/browse/OFBIZ-2159?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12669505#action_12669505
 ] 

David E. Jones commented on OFBIZ-2159:
---------------------------------------

I must admit when I was looking at Compiere I found their button bars to be one 
of the more confusing and frustrating parts of the UI.

I like it just about as little in the OFBiz UI. I think we could make things 
look much nicer and still maintain ease of use with icons in various places. We 
need to be careful about it though...

In the edit screen the buttons are at the top, which is confusing when filling 
out a form as the submit button is usually expected at the bottom (the most 
common place for it). There are a few forms in OFBiz that have buttons in 
headers instead of below and IMO these should all be changed as it makes the UI 
more confusing and slower to use (more moving the mouse, tab order messed up, 
etc). Also, in a webapp what does cancel mean/do? In a desktop UI in a popup 
window it makes sense, and in a webapp in a wizard or the like it makes sense, 
but even in many desktop forms and most web forms what would it mean? Where 
would the user expect it to go?

In the find screen the icons are quite confusing... when you click on it which 
part of the screen does it affect, and what does it do? If you're already on a 
search page what is the different between the magnifying glass icon and the 
circle-X icon? Those are the confusing questions that come to mind.

Anyway, I guess in general if we're looking for UI inspiration, I wouldn't say 
Compiere is the best place to go... not that there aren't things we could do 
and places to go to find ideas for a better UI.

In general I like the "Don't Make Me Think" concept that leaves everything as 
literal as possible, and unfortunately two things that tend to obfuscate things 
are icons and context (ie where they are placed on a screen).

-David



> Form actions bar
> ----------------
>
>                 Key: OFBIZ-2159
>                 URL: https://issues.apache.org/jira/browse/OFBIZ-2159
>             Project: OFBiz
>          Issue Type: New Feature
>          Components: ALL COMPONENTS
>            Reporter: Bruno Busco
>         Attachments: bluelight_gif.zip, create_edit_screen.JPG, 
> findscreen.JPG, IconizedFormActions.patch
>
>
> Hi all,
> lately I have worked trying to define a new UI pattern. This has been 
> inspired by looking at the Compiere web interface.
> I finally have now a working example that I would like to submit to discuss 
> to see if you find it convenient and an approach we could consider.
> Basically, I would like to introduce a bar of icons at the top of the content 
> page. These icons should be used to issue commands on the actual form:
> The commands I have implemented right now are:
> - Submit
> - Search
> - Cancel
> - Create
> - Collapse all (only icon, not yet completed)
> - Expend all (only icon, not yet completed)
> Using the form actions bar we could remove the "Create new" link that is 
> usually present in the form menus. Even the "Search" and "Submit" buttons 
> should be removed and the icons should be used instead.
> The "Cancel" icon is usefull to return from an edit screen to the relative 
> findscreen without accepting the editing of the fields.
> The collapse/expand all is still to be implemented. This should be done with 
> a proper javascript and then linked to this icons.
> In the attached patch I have changed the findexample and editexample screens 
> to use the new pattern so that you can easily see how it is implemented.
> In order to see it in action you should also select the bluelight theme.
> Many thanks for the comments you will provide.

-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Reply via email to