Tag Info

New answers tagged

0

It may be culturally dependent (Czech Republic), but the sign I've always known, seen, and used to indicate "turn page over" is a (big) percent sign in the bottom right-hand corner. In this particular case, it's not really a percent sign, but indicates a sheet of paper being turned over, or alternatively that there is something on both sides.


3

There are good and reasonable answers here that explain how to show readers that they must turn the sheet around, but what you really want in medical applications is making sure all necessary tests have been ordered/performed, not superfluous ones and not the wrong ones (for adjacent rows for instance). That is why I think it is more important to change ...


16

There are many good answers about annotating the bottom of the page clearly (I like Dave Haigh's best), but as an alternative, how about making the last task (on each side) indicate that tests continue on reverse -- that way, it's directly in what they're (meant) to be reading/completing? I don't have an image editor to hand, but instead of: download ...


5

These are great answers, particularly Dave Haigh's, however none of them seem to address one important issue: What if the paper initially is placed on their desk with page 2 upwards? All the suggestions about "turn over to see page 2" don't address the issue of "turn over to see page 1". For example the big black box "10 more tests" somehow needs to be ...


2

Humans are bad at "random". So simulating a "perceived randomness" should require some experiments with people. What I would do is a combination of sequence/randomness, for example : add one normal element 20% to add one odd element and go back to step #1, else add one normal element 40% to add one odd element and go back to step #1, else add one normal ...


16

Option 1: Print on multiple pieces of paper Just out of curiousity, is printing it on two separate pieces of paper an option? Having two papers and a staple indicates clearly to the reader that it isn't a single page document. Option 2: Add something to the end of the test to inidcate it is done I wonder if there are workflow type triggers that you ...


1

You can add an extra checkbox at the end of the form that says: "All checkboxes are checked" or "Check all test receipts are attached", or something to that effect. For this to be effective, lab workers need to be trained and conditioned to expect a checklist completion checkbox on every checklists they use regularly. The purpose of this checkbox is to ...


0

Design for your workflow! Model out why and how your users create records. For example: If users are likely to open the page with a clear intent to create a record, then placing the button immediately at the top left allows users to accomplish that task with minimal friction (no need to hunt for the button) If users need to scan the table before ...


8

Use workflow and cognitive dissonance to draw the user's attention The form workflow is top-to-bottom, left-to-right. So the user will naturally end up at the bottom right of the page. So, place the page-turn indicator on the bottom right since the user's eye will be there. The form uses a grid layout, and has a lot of content. Therefore if you use ...


24

Simply adding the arrow at the bottom will help. Check the below img


3

What happened to the conventional arrows that were correlated to the number of pages there are? download bmml source – Wireframes created with Balsamiq Mockups You don't even have to show that left arrow when you're on page one.


71

I think a start would be to make it clear the total number of tests and/or total number of cards at the top of each card. And also the breakdown of how many rows you seeing out of that total. e.g. Total Tests: 22 Page: 1 of 2, showing tests 12 of 22 Mockup 1


0

Continuing from Razor9012's answer: Placing the button at top is a good idea. Reason being let's say if your table has numerous rows which covers the entire viewport. Then in this case, your button will be hidden from the viewport. Users will have to scroll down to actually add a new row. Most users will not even know that there is a add button if they ...


1

The position of the element depends on the amount of content. If the element is positioned under the records, a user needs to scroll further down as he adds more rows. Looking at the Floating Action Button Google's Material Design Floating Action Button is often placed at the bottom right side of the screen and is positioned absolute from the elements on ...


0

From what i've seen top right seems to be the most common placement for the add new button, with the exception for middle eastern region where they read from right to left. http://blog.mailchimp.com/wp-content/uploads/2013/06/Redesign2x_iPad.png http://blog.datalicious.com/assets/sites/2/TagSummary1.png https://www.submarinecrm.com/assets/post-shortcuts.png ...


0

instead of showing all the controls at the same time you could have a view mode only with justlabels and visuals, when the play selects one of the panels it becomes editable and the controls appear


0

You can change the flow for adding elements: User adds an item by drag & drop in specific position User edits added items User drags them to reorder Here's a mockup I created (you mentioned that user can add heading, dropdown, input etc.) This flow is used by many design tools, for example Webflow (note the "selected element" details panel).


1

I would agree with you. It is utterly confusing. I think mixing letters and numbers would work better. Because in your example II.1.2 could be misinterpreted as 1. frozen yogurts and 2. shaved ice and not chocolate. I have never seen such organizational hierarchy in place. Try: 1. Favorite flavor -a -b -c etc...


0

As you mentioned if the user has long list none of the above mentioned options would work. I have a doubt on why would you make the user rearrange the list manually, particularly on small mobile screens? Instead, use a Filter selectbox on top of the list that will show: Recent Most viewed Last Week Last Month ... With This the user knows exactly ...


1

What I ended up going with was a sidebar with the full list of items, and then in the content section of the page there's a list of the selected items with a type-ahead at the top which is connected to the sidebar list for the users who would rather type the items they want. I greyed out the selected items in the sidebar and the "Remove" button for each item ...


1

Here is a very well implemented multi select dropdown much like the one you mocked up. jQuery Rain | ParamQuery Select : jQuery Multi Select Plugin Features: ParamQuery select a.k.a. pqSelect is an open source jQuery select plugin that converts ordinary multiple and single select lists created with and HTML tags into theme ready jQueryUI widget with ...



Top 50 recent answers are included