Tag Info

Hot answers tagged

64

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


23

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


13

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 ...


12

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 ...


6

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 ...


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.


3

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 ...


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 ...


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...


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 ...



Only top voted, non community-wiki answers of a minimum length are eligible