New answers tagged

1

It may seem forceful to a user who wishes to enter a different information to that which is auto-populated. But for a user who wishes to submit the reoccurring information for these fields, auto-populating is a smart and friendly experience. The best way to find a balance between the two ends of the spectrum, is to leave the fields empty on page load, but ...


1

I would not recommend using multi-select (because people often don't know how to use it) or drop-down select (because of the danger that if someone scrolls down while they still have the focus on the drop-down select, it can change the selected value without them realising). This article from A List Apart, Sensible Forms, has some helpful advice and ...


0

I think you should be structuring your data better for inputting. Firstly you're mixing data that doesn't change over the season (number, name) with data that changes every game. So firstly I'd split those two creating the team first, and further for the team categories keeper, defender etc is more common than just keeper or not. As a first draft of the ...


0

You have two workflows: one for adding items through scanning and one for removing items through scanning. workflow- usually one needs to scan a bulk of barcodes i.e. supermarket, warehouse, delivery. Therefore it is very important to be fast with less clicks possible. I suggest have a "Scan item" button which opens a scanner view. In the scanner view add ...


1

Have you considered using cards to display your data? They're becoming very common with Google's Material Design and can be quite appealing to the eye if styled correctly. Ofcourse placing too much detail in a Card is "against the rules" but it is a viable alternative. For convenience, you can always provide a button which changes the view to display the ...


0

If it were me, I'd set your persons schedule to maybe start at the start of every hour (or however you'd like to do so) So have a drop down (or radio set) that has: 10-10:45 11-11:45 12-12:45 Then maybe a dropdown for recurrence: Weekly Bi-Weekly Monthly


1

There are a lot of different considerations involved when you are talking about the 'best way' for a user to enter a value, especially when you have many fields and many line items to enter. So rather than to provide an answer, here are some factors that you should take into consideration: Are you aiming for accuracy or speed because what you gain in ...


1

In order to allow data to be entered quickly, I would recommend allowing keyboard input, much like an Excel spreadsheet. Pressing enter or tab should advance to the next box to reduce the need for the user to switch between keyboard and mouse. I would however recommended including up/down buttons in the "goals" and "assists" boxes, to make it easy to ...


0

This is a bit dated but here it goes. EDIT is sort of a broad use item that has different application ie a graphic (cut and paste) a list (insert, change, and move) some text data (find replace, spell check, font properties) That's just to name a few. My experience comes a little bit from hardware as in the audio recording/editing industry where buttons ...


0

As far as I can tell you just want a mini version of Apple's country chooser. I suggest having an expanding box that shows the available languages between those that have translations and those that don't:


0

I think this needs work on making it more obvious on what you should do, but I think this is probably about as efficient as you'll get in terms of clicks. It also should be quicker for the shop keeper to make updates. It's based on how I envisage a shop keeper might write down his time table: M,T,W,F: 8:30 - 18 T: 8 - 12, 13 - 20 S: 10 - 16 S: Closed ...


1

Here is my solution to collect working times:


0

It looks like you're trying to show both progress and score in a simple way. Something that's in progress would not have a score, and something with a score would not be in progress, so you should be able to merge this. Show a progress bar when in progress, or show a grade when complete.


0

I think you need to work out all the different types of interactions and states that the element can have before you can decide on the best way to represent it, because you will need to take into account of what are some of the expected user behaviours, what the standard conventions are and whether you can cater for changes easily in the future. Just to ...


0

There are so many ways in which you can show an item is read. You can play with greying out, using green highlights, showing a 'read' label hovering over the thumbnail of the document, showing a green tick, etc. Here are some quick sketches - I think based on the user group you are targeting and the kind of data you have, adding slight gamification ...


0

It seems an odd workflow but a bootstrap style alert with an action button placed at the top of the page perhaps. This is where your user will be looking following the navigation. Content should confirm the changes made on the previous page.


1

You have a customer detail page, you send them to another page to make changes. When they are done, they come back to the details page to save their changes. What if they spot a mistake? Are they going to go back to the edit page and make changes again? Too much back and forth don't you think? Worse still what if they forget to save? Actually nothing wrong ...


4

How about something where admins can click/drag the hours for each day. You could provide extra feedback of the actual hours selected during this action.


0

In Android items of lesser importance traditionally go under 3-dot menu. I guess, something like this would be appropriate in your case:


0

The 'about' link could be placed bellow the login button. This way the one click access to information is retained without breaking the overall visual theme of android. This space can be used also to show a few other links e.g. 'terms', 'register' etc. This group of links should be appropriately spaced from the login button so that users don't end up ...


0

There is no need to distinguish selecting a student or all subjects in a row. If I'm correct these subjects belong to the student. So the checkbox is meant for that particular student and it's subjects. If you can I recommend to allow selecting multiple rows and choose to either remove them or clear the subjects in them. Multiple actions on multiple rows is ...


1

I think there may be a couple of other reasons for the change in font size in addition to those listed. I don't think it's necessarily age related. Previously web designers were in complete control. In my experience, we do more user testing now, which means that designers get to hear feedback such as "I can barely read that article" or "My sight's not ...


0

Have a sidebar that documents what changes have been made but not saved. At the bottom of the list provide a submit or save button for the user to complete their changes. Give this block(div) a little bit of a shadow so the user sees its above the rest of the page. This block can be carried from page to page with a bit of JS. When a user saves the ...


2

But my question ultimately boils down to, what's the best approach to select a suitable colour that provides enough contrast, when that element bridges the gap between a dark and a light area? I believe the answer to your question can be found here and here. Whatever color you choose, you have to keep in mind web accessibility.The Web Content ...


2

In my experience, a checkbox in the left hand column will select the whole row. Not selecting, as in this case, both the name and the subjects, but the whole row (the student, conceptually). So, I think it would be expected to select the row (a student) and perform the actions you have available, even if they are only performed on one of the columns. But, ...


0

To answer your first question, I don't think it's clear that the check box is for both the fields - Subjects and student name. It appears as if you'll select only the student name. Here is my suggestion: From the rule of proximity, the check box appears to connect strongly with student name ( the distance between the check box and student name is less ...


0

You should look at Google material design framework color palettes: https://www.google.com/design/spec/style/color.html#color-color-palette I see you are using the Deep Purple color palette. I think the best solution is to use either darker Deep Purple color (example: Deep Purple 900 #311B92) or choose an accent color from the other colors, like Orange ...


0

This question is quite confusing as every organisation has different requirements. Companies are combining UX and UI into a one person job. I believe UX is in the same area as a Business Analyst or Graphic Designer role as these positions take care of usability, accessiablity and the look and feel of the application. UI, on the other hand, is more of a ...


4

If you like graphical solutions you may try something like this: Clicking in the stripe below the edit field helps to select the hours without typing them. User may also click and drag, if they like.


0

Most date and time pickers provide a terrible user experience: they require clicking and scrolling through a large amount of irrelevant dates and/or times. Unless the user needs to keep track of a date relative to those around it on a calendar (for example when planning travel dates), picking dates in a calendar format adds no value. An alternative to using ...


0

Both are front-ends, but for different kind of customers of yours. One is for your customer who would use your website to make an order or buy, another one for the the customer who would use your website to fullfil an order or sell. What you need to guard against is Both have different user profiles and task profiles, Both have different frequency of ...


0

If this person is doing or going to do design labors and you have time to spare (you'd be the first) and she can manage the workload... then it's fine. I've done it myself and is not an impossible task, just time consuming.


2

Same person? Ideally, but nearly impossible to pull off as nearly any software project of even moderate size requires a rather diverse team. Same entity? Absolutely. The ability to create a great UX is as much about the back end as it is about the front end. This is true both for pure UI work (consumer facing UI vs. admin facing UI) as well as the product ...


0

There usually isn't a need to refresh the data beneath a modal window while it is open. If real-time updates are needed (e.g. moving sliders to see a varying result), a different paradigm may be more useful. However, changes should be reflected in the source list as soon as the modal window is closed. A student(s) is selected and the "Manage ...


1

I think you're on the right track but what's missing and what would make this really useful is for the design to empahise key metrics I've attached a comp This is a pattern I've seen elsewhere and addresses the use case "I have a loan amount in mind and I want to see over how many months I would need to pay it back at a rate I can afford" and brings the ...


3

The feedback from your users are valuable. Did you ask what did they not understand about the date, start/end time? I would choose usability and sacrifice a bit on the aesthetic if necessary. There are a few factors you should consider to improve the usability. Labels and Hints Run some A/B test on your form labels. Instead of What service are you after ...


2

Focus on what the user wants: Products! Users don't come to an ecomm app to enjoy the UI. They want to shop. Start there and get everything else out of the way. Ask yourself, "How can the UI make shopping as simple as possible?" The ecomm story In my experience, the user has four primary steps. Find a product Confirm product details Add the product to ...


1

A modal is going to be a much better user experience if done correctly rather than taking the user away from their current page (you're breaking the flow). Instead of making deleting an item difficult, make deleting an item easy. Then make undoing the action just as easy. A confirmation is only necessary when the following things are true: deleting the ...


1

I made a comment about precentages. you could attempt to do something similar to this: do NOT make this design. it has many flaws and should not be replicated on a real app, its just to show how big UI elements that take up a fixed range on the screen can look good


0

I agree with the commenter who suggested making the buttons a percentage of the screen width, rather than a fixed size. You could also put the app in the middle of the screen and have some whitespace around it. Quite a few iOS apps do that. I wouldn't centre the layout, as it makes it harder for the eye to follow.


1

I'm not too much into the blogging world to say if it's common for the content to be "coupled" enough to require subcribers to "be up to date" and I'm not sure if they are necessary expecting to find the "missing piece of information" in the same blog neither. If you know they do, some options may be: If new posts are related with some older ones, the ...


1

There are plenty of examples out there to pick inspiration from. Here is a use case from stackexchange app itself: The social feed has exploded and there are plenty of streams other than just the latest feed. You will find Newest post, trending, top posts, active posts and so on... Depending on the application/delivery channel you need to identify which of ...


1

Before choosing between them, you should think of the best possible version of each one. Eg: Text Box You could let the user type freely but also offer some default options to make them easier for them (Google Calendar does this) In the case the possible values are not too much you could offer an spinner Slider I suggest to read this N.Nielsen ...


0

Cramming 3 variables into the map is really not the best solution — it will most likely not be readable. This being said, it can still be done. You could combine a bivariate map from Harshit's answer with this, adding a third dimension for one of the variables.


0

Agree with above that both are non user-friendly Also the first one is like a Stroop effect test. The bar marked red is cyan, the one marked green is magenta etc etc - that could get really confusing https://www.math.unt.edu/~tam/SelfTests/StroopEffects.html My own suggestion - unless this is a paint/photo-editing application - is to give the user a fixed ...


3

Which one is better and why? And how does frequency setting design in website view and mobile view? Among the choices you have given (slider and drop-down), drop-down is far better than the slider design (regardless of website or mobile) due to these problems with your slider 1) Just by looking at your slider I cannot make out which different ...


5

In short: Both are non-user friendly. . Math for computers... The RGB color model specifies the intensity of red, green, and blue on a scale of 0 to 255, with 0 (zero) indicating the minimum intensity. The settings of the three colors are converted to a single integer value by using this formula: RGB value= Red + (Green*256) + (Blue*256*256) Most ...


0

I would go for the first option since it's offers user more color as they slide through it, but it's best to put input label next to it that says the color code, so user can know what the color code for the color as they slide and also they can put the color code of their own so they don't need to slide it to find the perfect color code that they choose for ...


3

What qualifies as a good UI implementation for desktop and mobile differs slightly. It also depends on the context in question. User probably wouldn't be able to tell the difference between 15 minutes or 17 minutes, 30 seconds or 1 minute notification. I would do away with free text input box and replace with a drop down to limit the choice. The selection ...



Top 50 recent answers are included