LibreHealthIO / lh-ehr

LibreHealth EHR - Free Open Source Electronic Health Records
Other
239 stars 263 forks source link

Encounters need look corrections #949

Open alpinus4 opened 6 years ago

alpinus4 commented 6 years ago

Where?

Create new or choose existing patient. Create a new encounter or use existing one.

Things to improve:

  1. Active tab should be highlighted

  1. Go to Clinical ==> Speech Dictation or Review of Systems Checks (check other...). Hyperlinks Save and Don't save are too small. Maybe replace them with buttons?

inkedscreenshot 52_li

  1. Go to Administrative ==> Procedure Order . The table look needs to be improved.

obraz

aethelwulffe commented 6 years ago

The tabs are configured with the administration/forms UI. These are NOT actually tabs. They are menu lists. Thus, highlighting is not really relevant.

Speech Dictation as well as the Review of Systems forms are, basically, junk "example" forms. Not too much effort should be put into them. REAL clinical forms should receive that effort.

The Procedure order form might look old and clunky, and certainly someone could make it look cool, but could they actually do the same job in the same amount of space while doing it any differently? I have not seen a utility improvement with a non-table styling change yet. The form is just made larger and harder to use.

I suggest that if the form is changed for the purpose of replacing table borders, just color the lines with alternating colors. Replacing a 3px pad and line with 50px of whitespace may look pretty, but it also makes the form very difficult to use or review.

2208Abhinav commented 6 years ago

I also don't find the table to very pleasant for eyes and liked the idea of alternate coloring for rows.

This is what I got when I was testing and now I am trying to implement more Bootstrap in it. screenshot from 2018-01-20 23-48-50

aethelwulffe commented 6 years ago

Bootstrap === whitespace scrolling hell. Not a tool for data-intensive operations. I can't imagine trying to use a Bootstrap inspired infomatics application.

2208Abhinav commented 6 years ago

Which tool then fits the best ?

aethelwulffe commented 6 years ago

Procedure order should have the various selectors/dropdowns grouped together (not vertical), the diagnosis codes selectable/searchable, and the clinical history textbox taking up most of the form, vs. a single line. NOTE: before redesigning this form, it is best to COMPLETELY UNDERSTAND it's clinical application, how it is used, what it affects etc..

Me, I would use css and html5! Honestly, now that you make me think about it, we should have CSS classes that are specifically designed to handle our clinical form displays... or perhaps just something that specifically supports layouts of criteria selection.

My only admonition is that efficiency trumps beauty for it's own sake, and thus has a beauty all of it's own. This form had neither to start with (and what the heck is "Internal Time"?), so almost anything you do would be an improvement!

teryhill commented 6 years ago

@2208Abhinav did you make any changes to the procedure order form?

2208Abhinav commented 6 years ago

@teryhill all I did was, add alternate coloring for rows for better readability and put a textarea in Clinical History. If you like the changes then I can pull a request. screenshot from 2018-01-21 04-56-21

teryhill commented 6 years ago

@2208Abhinav look at issue 967 it deals with the procedure form. Let me know if you want to work with me on it.

2208Abhinav commented 6 years ago

@teryhill I am having a look at the issue 967. I will ask you when I will face any problem and will notify you when I feel ready to work on it very soon.

muarachmann commented 6 years ago

@teryhill , @aethelwulffe, @2208Abhinav i am the UI guy around could handle this issue. I have rad through and i think @aethelwulffe is right. I will attempt creating classes for those and specific layouts too.