Hot answers tagged

41

Be a voter > Vote now Christopher Bryan and Gregory Walton (2011) conducted a study for understanding if using a noun or verb statement have an influence on user motivation. According to the results of their study, participants in noun group expressed significantly more interest, 62.5%, in registering vote than participants in the verb group, 38.9%. ...


20

Are you restricted to using an angled corner? If not, a box would be much more simple & sleek. Otherwise if you are stuck using the angled corner, aligning to the top right rather then center is probably your best bet!


12

As you have pointed out, the double click is not a standard behaviour that your users are familiar with in the situation you are describing. It's not good practice to use non-standard interactions where you could use a standard one. Irreversible actions (such as deletion) are usually followed up with a 'sanity check' like "Are you sure? [Yes] [No]".


12

One option you may try is to make the dark area variable, depending from the number of digits. This way the dark area will also work as a visual cue, indicating the magnitude of the number.


7

This is from the "advanced features" panel in the controls for Alfred Version 1: It's not intrusive, but anyone who's reading through the page will be tempted to click on it! In general, here are some questions to consider: Where in the user flow does the opportunity to click the button appear? Which users do you want to avoid distracting with it? ...


5

I think a more inviting interaction should be not just a simple button :) I suggest that you use some kind of a slider element with a funny micro copy... Or if you have the time, create a rotating knob that goes up to 11. download bmml source – Wireframes created with Balsamiq Mockups


5

Okay, to start with I'll say that it wasn't clear to me what your icon meant. For me, the first thing that popped into my head was "turn back time" which may have been totally appropriate for something like backup software. Other things that came to mind were "rewind", "replay", "restart", etc. I'm not saying that your icon couldn't signify "view history", ...


4

Double-clicking buttons is odd. Usually, in the OS, double-clicking is a shortcut for clicking once (selecting the file) and selecting "Open." Rather than an "Are you sure?" confirmation I prefer an undo action. Confirming every action you take gets tedious real fast, and after a while users click the "Yes" button without thinking about it. Undo, on the ...


3

I think the main problem is, the shape of each tag (i.e. rounded corner with inverted color) and the way they are presented together, makes them look like they are clickable keyword tags that people. The only way to eliminate the possiblilty of people clicking on it is to get rid of that perception of affordance. Keep in mind, the inverted color also ...


3

I tried to guess what the icon meant without looking at the hidden text. The first thing that popped to my mind was "go back in time", so I thought it was to restore a previous backup or a previous configuration. Nope. So, don't always assume the user will know what an icon is for -- especially if the screen already include a few dozens of them. Now, ...


3

You seems to have a lot of links. I would usually reserve buttons for call-to-action and limit them to one or two. This is to prevent users from drowning in a sea of buttons and to differentiate them from normal links. The buttons show you a list of recipes for that category you would then click on them and drill down for the details If all the ...


2

The vertical list option with right hand transitions into the category is the "correct" answer to your problem. In @adamsoh's answer this is the first image. Something to consider - the words in this list are, mostly, heavy on reading. Here are some possible improvements: Weekly shop & prep Leftover friendly Fit (and delicious!) Nutritionally Complete ...


2

Commendable attributes of Easter Egg UI: Subtlety Minimalism Discretion Nuance I considered the above deeply, and this came to mind:


2

Scaling of text according to the size of the sample, on comparable images, more often than not results badly. Lets try to work around that. Small numbers (as in single digit numbers) might look too isolated and unaesthetic when appearing on a bigger canvas. This can be avoided to an extent by making the ten's place hold a value by default (0 in our ...


2

Header If you have a lot of records then probably good pattern is to keep the always header on the top of the screen and records to be scrolled "under" it. Action bar as a footer Then good place for actions and well as save/cancel button is bottom of the screen not a bottom of table. When you select item and scroll pane action bar remains. Multiple ...


2

When do those buttons (Save and Cancel) appear? If they should appear when the user edits the table directly, then I think it would be a good idea to put buttons in the action menu. Save and Cancel are actions too, and the user already knows where actions appear. Maybe you can display buttons always in an action menu, but if a particular action isn't ...


2

What about simply do not use shapes for tags. Shapes evoke affordance (the idea that an object is usable in someway), while simple text does not. Check the image below. download bmml source – Wireframes created with Balsamiq Mockups


2

What is the ideal scenario for test and save buttons? Another way of approaching this is instead of having two separate buttons for 'test' and 'save', is to incorporate the test connection into the save functionality. This way it becomes more of a validation process (the system prevents you from failing) rather than putting the burden on the user to ensure ...


1

To answer one part of your question: Should I allow connection to be saved without testing? A good design would probably be to automatically test when the user presses save (if it hasn't been tested already). A related question is: should you allow the source to be saved even if the test fails? I probably would allow this (with a confirmation dialog ...


1

Why are you using 'Export' word in red button and 'Save' in text Button? I see a good approch. But Text Button looks very different, I thought it will have different funtionality. Both buttons belong to same group. So design keeping consistency. See above, it looks like both are clickable and are buttons.


1

How about a right-click? Do you store the users control options? Maybe you could give them an option to use double-click (or maybe even right-double-click) without the warning from now on, after their confirmation.


1

There is always trouble when you start to let users design their own interface - whether they are experts or not. I'm guessing you already have a style in place for the UI that users are building (or a range of styles). If this is the case then you probably already have an idea of what primary (a "Save" button for instance), secondary (a "Cancel" button for ...


1

To encourage user to click on your button, Use some highlighting colors suppose if your website is in Blue color, then use Orange color in order to gain users attention. Use creative labels for you buttons like for Sign Up button you can use "Why don't you join for fun?" Use Animation (LIKE THIS) Its good approch if you place it somewhere in left hand ...


1

There are multiple ways to work this out. If you don't want the user to be very much attracted to the button, choose a color for the button which is a bit more darker (say 5% - 10%) to the color of the background color that you have chosen. Sites like this will help you with that. In other way, you could solve this as @dimshik has proposed which would be ...


1

I'm working with an application that supports five languages, incl. Spanish and German (notorious for long words), here are some best practices we follow to accommodate all languages. Translators are encouraged to keep strings short. Often when a translator is inexperienced they try to translate the English copy literally. We ask them to look at the ...


1

There are serious usability flaws in the placement of your buttons that none of these answers address. Your Next and Previous buttons are too close together. Users can click one when they mean the other on accident. You should use directional mapping and place the next button to the right. This is what users expect and are used to when they paginate and it ...



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