New answers tagged

0

Are you still seeing that? I see no such "Sign Up" button at the top, only a "Log In" button. which makes me think it may have been a temporary glitch or oversight.


0

Something that is commonly done is that if you want to use tabs, have it scale responsively down to a certain break point and then make the tabs become an accordion menu. For example for mobile and tablet it would be an accordion menu and then above 768px it would break out and become an enlarged tab menu.


1

Thanks to a colleague at work I've finally found a solution : The source link : https://material.angularjs.org/latest/demo/tabs


1

Congratulations - you have discovered one of the major challenges with Tabs :-) One part of the challenge is based on how you construct the Tab (I am assuming this is HTML), e.g. if you use CSS to set the width of the tab you will have problems (it is better not to set a width and let the container adopt its width based on its text content). If you are ...


0

The first thing is usability is a part of the Design. You might be talking of another aspect of design i.e. Creativity. I think referring the UX Magazine Design Pyramid will help you understand why Usability is a part of the foundation. Functionality is not same as usability. The order goes like - 1. Functionality 2. Reliability 3. Usability 4. Proficiency 5....


0

Can you upload a photo? So that I can see what you mean when you say the text does not appear clickable? Check out this article on Usability vs. Desirability and you will see that both are equally important and have difference purposes It's true usability comes before design, that's like saying the skeleton of the body comes before fashion... They ...


0

There should be an Android and IOS app for bluetooth device. After installing that app on a phone a user can link bluetooth with multiple device with the help of one device (that is his phone)


0

Save ensures that the data you've entered is saved. If you do not tap on Save, your new data won't be saved. The original will remain. Done exits the edit screen to ensure that the Settings you've entered are right, but doesn't "save" anything for the future. It might be possible that you will have to reenter the details for another transaction. Bowen Li ...


1

The W3C has a good explanation which addresses some of your question: https://www.w3.org/WAI/intro/usable This is their definition: Inclusive design, universal design, and design for all involves designing products, such as websites, to be usable by everyone to the greatest extent possible, without the need for adaptation. Inclusion addresses a broad ...


4

The time element is a machine-readable element. So it is mainly used to help out the computer not the user directly. https://css-tricks.com/time-element/ The element in HTML represents a machine-readable date, time, or duration. It can be useful for creating event scheduling, archiving, and other time-based functions. and The uses of ...


0

Depending on the features of your bug tracking system, you might be able to create custom tags, custom statuses and custom reports, etc, which can be used to categorise and prioritise your interesting items. We use Jira to log and control our UX and usability findings - we basically treat our UX issues and usability findings as bugs, but the custom tags, ...


1

@Ameen, that would require NFC and not all devices have that. Answer: pairing devices require security and thus increasing the number of steps. For Android devices it is possible by skipping the step of asking password and just asking permission in yes or no.


2

This solution might not work for all cases, but if it was possible to physically TOUCH the 2 devices you want to pair for a brief moment. This would be quite an intuitive way of pairing devices provided we can come up with a technology for this.


0

Design is meant to solve problems. In order to answer your question, we need to think of some hypothetical situations where a self-distruct button is needed. Besides Star Trek's Enterprise, I am thinking of the following scenario: In the business environment, somebody has built a very powerful institution on an ethical ground. The founder of that NGO/...


-1

For me the normal reading pattern is from left to right and top to the bottom and also my first need as a user would be "first to understand the data" and then to decide what to do, so for me the buttons on bottom seems more clear


-3

make the last star gold to indicate that this artist is a "five star artist"


0

First and foremost principle: Never hide important information from your user Second: User Expectations: User might not be able to see the hidden same black + sign in the right most corner and chances are it is unexpected for normal user so avoid this technique "+" symbol doesn't always mean expand, it could be add or user might think it will show a ...


0

For the stars i mostly agree with Divy's outline idea, however instead of grey for black for the outline I'd go with the magenta. I'd also agree that with with both of those being magenta the bottom will dominate the rest of the content, so to counter this i would change the artist's name to magenta as well. This should create a nice looking container for ...


0

I think the rating outlines work well but I would consider moving that Stars up higher to the 3rd line under the geographic location. Seems like important information.


0

When ever you add an item and then when you are going to edit an item, we should have prompt message for save are cancel the added item. same message should be displayed once we have edited the sub item too. there should be final save button to the whole process then user can understand its the final call for the form. this is my view.


1

I would suggest using multi colored star ratings because in the first example where it is single star, I had an initial assumption that the last star is badly formatted or the interface is buggy/not finished. Actually it was half a star but I interpreted it wrongly. That may lead to confusion and decreased credibility for the site. Since most of the ...


5

Try using outlines but personally for your case here i feel two colors is better than one. It shows some sort of visual hierarchy when it comes to a user making a decision.


13

First i believe you are well prepared to use only star rating system. As there are other ways around to compare products or profile (artists in your case). Side Note: YouTube switched from a star-based system to the binary thumbs-up\thumbs-down, their ratings shot up many-fold. It could be same in your case, Up-votes/Down-votes would be fine i guess. For ...


2

Why do you think interacting with select boxes is annoying? Remember not all mouse clicks are to be considered bad. Select boxes have been around for a very, very long time, and are a neat concise way to select a value. You can also set a default value (if it makes sense), which could be beneficial to the user because they may not even need to interact with ...


0

The option with two select list is much better than adding 10 more options. Users do not like to read. They just scan, a big part of time. Considering the fact that you are gonna to use only two select lists with pretty small number of items inside, it is not such a big deal for user. Seeing a ton of similar information is pretty annoying and hard to ...


0

That looks like it may just be a WordPress thing, but I think the best practice for a modal like that would be to have all possible actions shown as buttons at the bottom (perhaps including "Install Now" and "Cancel" for this example), and to only have an "X" button at the top to close/cancel. The reason for this would be to mimic native OS modals, which ...


1

Your industry or company may define any regulatory or other requirements you must be able to support, such as requiring a user's permission before you can log in as them. But speaking from a technical perspective, having built several systems like this before, here are some features that I have found helpful: Ability to log in as a customer is a controlled ...


1

By scrolling to the bottom of the page a user assumes that they have reached the end of the fold. By hiding more information at the end of the page you are in fact creating a bigger cognitive load for the user to work out where they can find footer links. In essence, a footer is the end of the page and it doesn't make much sense to hide it. If content is in ...


6

You have heard the expression "Form follows Function"? You mention usability over design, but I suspect what you really meant was usability over visual design. Usability (function) always comes before visual design (form). If a third to half your participants struggled (even if they eventually figure it out) then this would indicate you have a usability ...


0

Looking at the heatmaps, you'll realise very less % of people reach to the footer. And those who scroll till there are the once who are finding an important link or a shortcut to reach to a desired page. While traversing through the entire page in search of a link, I'm sure hiding that would be really mean. Just to make your design minimal, you might lose ...


0

Card sorting is a great method for you to use to get a better understanding of how your users group the information or functionality available to them. Doing the open card sort will also help generate ideas for what to label the groupings. You'll definitely want to include more cards from across your product. There's also label criteria that you can rate ...


1

I would recommend implementing an autofilter search box with match-highlighting and checkboxes for directory/database filters: You could have the filter automatically update the list of contacts displayed in case someone typed a name and forgot to select a directory or selected the wrong directory. It will prevent them from having to redo the name entry ...


1

I would recommend the reverse of what you described. Instead of having a button that allows you to scroll, show a static map, as Brett East described, with a caption/button of something like "Press to Open". In order to control the map, the user can press (or long-press) on the static map, which links to a new view with full-screen zoomable/draggable map ...


5

Since toggle buttons are essentially just differently-styled checkboxes, it makes sense to use the same access key, which is normally Spacebar. (Here's an example of another toolkit's toggle button, which also uses Spacebar: Oracle JET.) Depending on your UI toolkit and the particular grouping of controls in your UI, the arrow keys may be used to move to ...


0

With 5000+ contacts you'll want additional filtering control. Depending on culture and country, lots of people can have First and Last names that are similar. How about: [First name] [Last name] [Directory]


0

The word Menu which looks like a button (i.e. with an outline) seems to be the most user friendly. Articles: http://deep.design/the-hamburger-menu/ http://exisweb.net/mobile-menu-icons


0

Yes, because you can't know how "fast" the user is in reading these. A user shouldn't be forced to see the messages until your timer has ran out, he should be given the option to close them as fast as he wants to.


0

personally I would go for Option 2 - initially limiting the number of results per area (to for e.g. 5) but adding a link next to the area (or at the bottom) that says something like "... see more" which would then limit the result to the specified area.


0

Success messages should automatically fade out and disappear, because success is what the user will expect so we should not force them to manually dismiss it. The others message types will be of interest to the user, because they will not be expecting them. Ideally the user will correct whatever is wrong before continuing in the solution. The user can ...


0

This question already has been asked earlier and this should clear your doubt. It shares two perspectives where it can be useful and sometimes totally unnecessary defeating the purpose of the alert. Why do error and success messages have a close button? However, I personally feel that the close button would be necessary in cases where the alert is ...


3

Not using overlays/popups does not by default result in a better user experience. I don't know exactly what you will be able to do when you click on Assign Group and thus I don't know if my answer will be relevant to you. One way to approach your problem would be to use dropdown buttons. You can do alot with these kinds of buttons and if you have many ...


0

I find the top view better, but the bottom one is sometimes used by users with multiple monitors. Why not re-designing into a panels layout (like Visual Studio) so the user can decide which one suits him better? At the end everyone has a different preference...


0

Architecturally speaking, this is a binary choice inside the 'book appointment' user journey. It seems likely that 'book next available appointment' would be the most likely response for the business' needs and the user needs, however, some patients might want a specific appointment day and time. It's worth doing user testing on the option preference just to ...


1

What do you think of using a colored status bar, like GPS or phonecalls do on iOS. By using this bar, you could allow the user to edit the filter by taping on it, or provide a simple "remove" button to discard it.


1

In my opinion using buttons will be more ergonomical or efficient to use. Buttons demand less work from the user, because all the distances will be displayed, and the user won't need to play with the slider to see the different options. When interacting with the buttons only 1 click will be necessary to complete the action, while the interaction with the ...


1

The solution might be having pinch to zoom option(with two fingers) for maps. When one finger is used only page scroll should happen. Most mobile users I came across uses one finger to scroll and pinch(with two fingers) to zoom. This may also be a better solutin http://stackoverflow.com/questions/15327783/enable-scrollwheel-zooming-on-a-map-upon-click-using-...


0

Express your concerns to your client. Make sure they understand that using two booking systems may result in double booking and will require extra front office staff time to actively use both systems. Also express the other concerns you may have. Sometimes just laying out all the pros and cons can help simplify things. If it is still desired to use both of ...


4

A tabbed UI so only one widget is present at a time might be a good option. One tab for "Browse Opening" the other for "First Available". The advantages to this interface: The UI is cleaner than displaying both options at the same time. Users can choose, and toggle, between the 2 options quickly. If a user starts on one tab and realized they wanted ...


0

Sounds unpleasant, but it might be solvable. The main CTA is something along the lines of Make an appointment. Behind that action is a browsable list augmented with your additional actions below the list, in case the user isn't finding what they're after.


0

I completely understand the problem that you have, it can me quite common on mobile devices. My recommendation would be to not add the padding down the right, and instead make the map not drag or zoom on scroll at certain widths or for touch devices. Here is a link to a good article on the matter https://coderwall.com/p/pgm8xa/disable-google-maps-scrolling-...



Top 50 recent answers are included