Tag Info

Hot answers tagged

44

Some comments: The Go button size should be bigger and present the best contrast of all since it's the primary one. Clear is okay because it's a secondary action and it should be neutral. For me the Switch button has too much presence both in size and constrast. I'd position it between the Origin-Destination dropdowns, where it make more sense "by it ...


16

The style of shapes can alter the look and feel of the application and thus change the user experience. Apple got praise with their rounded corner movement showing that a different style shape can lead to a better User Experience. Lets look at examples Which image is easier to follow? Which Image would you prefer to look at (aka is easier ...


9

One solution is to visually separate your button by priority. You'd typically have primary button(s), secondary button(s) and sometimes tertiary button(s) and/or non-preferred action buttons. For Primary and Secondary, I usually suggest your preferred branding color (purely subjective) in two levels of contrast. High contrast for primary, slightly less ...


7

The problem is in having something that looks flat and yet stands out enough to look touchable. To add touchable cues you need to put some kind of border around each independently touchable thing - to separate it from the adjacent touchable thing, and to make the figure stand out from the ground. Google's material design principles provide some ...


5

I believe this solution gives equal prominence to each option and is seen on many iOS interfaces:


2

Best practice for "download" buttons is don't make them flashy or look like spam. We're all used to fake download buttons. Make it clean. I'd recommend you use flat design for it so that it stands out from all of the 90's era buttons that are still all over the web to get you to download trojans.


2

The problem with the "split button" is that it is not just one control but that it is presented as one. I've seen people pressing the button while expecting opening the menu. Since they are seperate controls my first impression was to focus on A when pressing the tab key, and focus on B when pressing tab again. But I agree with @AlexeyKolchenko that it ...


2

Bob has, I think the correct answer. I'd add two considerations specifically for your site: If it's a new, consumer-facing site, then the consumer will already have a learning curve to climb with understanding your site. Making that curve more difficult by introducing non-standard/unusual control designs makes for a worse learning experience (and ...


2

One option (which I think is essentially what method 2 is doing) is to consolidate the "change" options into a single option, so the choice is between "make a change" and "cancel." I would just call the main call-to-action "Change Payment" or "Make a Change," etc., instead of "Reallocate Methods." Then you would give them all 3 change options on the next ...


1

I would say change the contrast of a similar shade of color to show emphasis. Why? (1 in 12 men are color blind and 1 in 200 women are also color blind You also want to guide users towards the intended path through the system so I would make the Go button darker. They could scan all the buttons and process them or they could have something like a darker ...


1

High-contrasting (e.g. black-white) colors are always best, which kind of eliminates the orange option. And then, adding a bit of marketing to the mix, what is the color-scheme used for the rest of your page in terms of buttons, application? But if I had to choose: Go: green; Switch...: marine blue; Clear: black-white. Bear in mind color is also related to ...


1

WCAG guideline 2.1 (Compliance level A - highest) states: Make all functionality available from a keyboard. If the function of the button and the dropdown trigger is different, users must be able to access both. So first "A" then "B" is the answer. Then comes guideline 2.4.7 which state that each should have its own focus indicator. I think your ...


1

It appears that your app's UI follows the Material Design principles. One of the key insights from Google's Material Design is to reduce interaction on a particular screen to a single button, and give it prominence. You need to reduce information displayed on your screen. This is likely to increase the amount of interaction you'll experience from users ...



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