Tag Info

New answers tagged

0

Easy. First up. The Overflow icon at the right of each icon, isn't the best design approach you could take, since if it's a long list, it might mean to select each of them individually. Second, There is a possibility that the user accidently selects the overflow icon of the wrong list view item and performs a negative action onto it. The approach I would ...


0

In terms of clicks both design takes 2 click to perform an action. If the requirement demands user to performs bulk action (like performing action for multiple record) then Design 1 suits better.


1

Ultimately this comes down to the user's need in the given work environment. Inventory systems are built to allow the user to work with maximum efficiency across a variety of job related tasks. In my experience users of these systems often deal with processing hundreds, even thousands, of records. Some need to be processed in mass. That said, if the user ...


0

I believe best practice is to bring the action as close to the object as possible, for multiple reasons, including: 1) Action is in the right context (less ambiguity as to what the actions apply to, etc..) 2) less movement required (don't have to go back and forth between top and middle of the page. That being said, it breaks if you want to allow multiple ...


0

as Izhaki pointed out filters are highly popular, you can even design a more space savy filter such as implemented on angel.co where the search bar acts as a keyword filter: this takes up less real estate space on the page and does the job exactly as you would need it.


0

Yes. As Ishaki has explained, Filtering happens in most of the popular applications of a list today. Also, your approach of showing the most relevant data needed to the user for the list is correct, since most of them will refer that over other details. As far as other details are concerned, take Amazon for example. All the items are on the right and the ...


3

It is... perfectly fine The users want to filter (so they can see all the people with unifying characteristics). Is it acceptable to filter on a piece of data that I DON'T display in the table? It is not uncommon for the results in a faceted search not to involve all data for exactly the same reasons you describe (like many of the collapsed facets in ...


1

Great question! A lot of applications seem to miss out on retaining the Activity's states since most developers do not concentrate on Android's Activity Lifecycle. As Fadil suggests, this is a principal of good design even if not specified in the Material Design Document. There definitely needs to be an anchor where the user, when he does move to the ...


0

We challenged ourselves to create a visual language for our users that synthesizes the CLASSIC PRINCIPLES OF GOOD DESIGN with the innovation and possibility of technology and science. This is material design. Note the capitalized words: CLASSIC PRINCIPLES OF GOOD DESIGN. We won't find whether or not we should maintain list state in Material guides for ...


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