Tag Info

New answers tagged

0

Keeping in view one of Nielsen heuristic "Match between system and the real world". Red colour is perceived to be for ending anything in progress in real world, for example in tape recorders to stop recording stop button is used which have red dot or circle for identification. Similar, is the case with the televisions in which red colour identifies the ...


0

I agree it depends on the Context I have a similar project where i am using red color for primary action and white button with red text on it for secondary action....Links are also red and grey... Now for the table of data, the context is changed and now the red color only shows Negative values and green shows positive values and blue is for links....... ...


0

Because they both have separate values, depending on what your bottom line is (like having your content appear more often on a reader's feed vs. a reader spreading your content to their own networks) some people have added both. As far as clutter goes, there are ways to do this so that it isn't a complete mess. Withstanding other things, huffpo is a good ...


1

It is always preferable to help user by preventing mistake(or unexpected or least desired outcome) rather being reactive after least desired outcome. So in the first place where you show the button "go to gallery/array of photos" rename it to something like "add photos". If you still wish to display as "go to gallery" then the yielding page should have a ...


0

I'd say the best thing to do would be something like this: download bmml source – Wireframes created with Balsamiq Mockups You could also do a small arrow outside the text field, like it's done in the Windows 7 login screen. You probably would want to restyle the button... maybe making it blend into the textbox until you hover over it. The ...


3

Usually, and IIRC, services such as one drive, google drive, picasa... will direct you to an empty page, with a clear message stating that the folder/collection/tag/array does not contain any element. If your application offers it, you would also have a strong emphasis on the action of adding items to this collection, using the easiest method available for ...


2

‘Liking’ something is easier for users than ‘Sharing’ it, mainly because casual Internet surfers don’t like to be burdened by the text box. But, sharing accompanied by a positive comment could potentially add more value to the webpage. Source: http://www.829llc.com/facebook-like-vs-facebook-share/ So 'liking' is a passive action, and 'sharing' is a more ...


0

Similar to a 'do not disturb' attachment that goes around the knob of a hotel room. You can create a version with your clear instruction of button on a material thats is suitable for the outdoors. And as another person has commented. Change the other switch labels so that it is clear they do not open any doors.


7

Make it Green I'm surprised no one has mentioned colour. The easiest solution is to change the button colour to Green. Green means "Go" in traffic lights. the type of button that's usually used as a kill switch on a factory floor If this is your reference, I know that in Factories, they have "Green" buttons that start machines. This is likely the ...


2

Could you create a graphic that wraps around the area where the button connects to wall? This would suggest that the instructions/text refer to the button, as well as appearing to be one cohesive thought rather than a button and a sign as an afterthought. Could the graphic be the same height as the light switches for consistency? I realize attaching or ...


1

Why don't you get a sticky label and label it 'Door release' or something similar? You could use one of those machines that stamps the letters into a bit of tough sticky backed plastic and stick it either on the button or above it. There could be no confusion then, surely?


1

First I'd like to say that not all laptops lack a middle mouse button. I had a Lenovo Thinkpad laptop with a middle mouse button for the trackpad (picture below from web). As for how to achieve the effect, you can use AutoHotKey which enables you to write a script to assign the middle mouse button (or any other button/key) to a keyboard key, CapsLock for ...


2

I've never seen a physical middle click on any laptop but I've seen those implementation: Press both left and right click at the same time Three-finger tap/click anywhere on the trackpad My analysis on the lack of physical middle button is that its usage is not that common and thus not worth to use precious space for it. Many, many users do not even use ...


0

download [name of data] as [format] has many advantages. Here is why : Taking the user's perspective can help choosing between download and export : download is a word that focuses about the user's benefit because there is no ambiguity about the destination (the user's platform) and it will then be theirs. Moreover, virtually all Internet users have ...


0

Would agree with Chipperyman. If the page is to promote the app, the main action should be the most prominent on the page, namely a 'Download' button or link. On subsequent pages, you can keep the link at a fixed location on the page to maintain consistency.


0

'Download a copy' is used when the action indicates that the user can download a file onto his/her computer. 'Export to Excel'/'Export to PDF' is used when the action indicates that the user can export the data into a spreadsheet to perform some additional processing for his/her informational purpose. Note that in the case of MS SharePoint, the Export to ...


1

I think in the examples that you have provided the 'ghost' buttons actually do a pretty good job of balancing the weight of the content versus the need to create a call-to-action for the user. In terms of the visual design, I think there is enough done with the weight of the lines around the buttons and the differentiation from other screen elements for ...


0

you could create a few categories that the buttons belong to and group the categories so that the user could hover on. maybe the commonly used ones pinned. similar to how photoshop groups brush,gradient,pencil or crop/slice etc.


1

My Video Cassette Recorder solved this in a very nice way. On the page 5 on PDF Reader (3 on the physical document) of the Philips VR 668 User's Manual, you can see at the right of the device "kind of a wheel" with the buttons for controlling the playback state. That strange symbol at the top is the Pause function ; I think they made it different from the ...


1

<< | >/|| | >> | O Back - Play/Pause - Forward - Stop From a UX perspective I see it this way. Keeping the stop button is necessary, its an easy way to start from the beginning again. At the same time it needs to be a little away from the play/pause button to avoid accidental stopping of media play. Color code the same as it used to be on the dvd ...


0

Download would be the more preferred term to use as when a use clicks an excel, word or file link, they are downloading a copy to their computer/device. Export is commonly used for software applications when converting a file into another format.


1

Yes. It is generally: |Back|Stop|Play/Pause|Forward| These roughly correspond to a timeline, as if one was scrolling horizontally through the video.


0

If the user only has the option to download in various file formats then all you need is "Download as [format]". In my experience the phrase Export is used in the phrase "Export to" and implies that the data is immediately going to be opened in another piece of software and then can be saved there to the Desktop or wherever else the user chooses.


0

"Export" is a more general term used to describe sending something somewhere else, but in software it very often involves downloading, like how exporting contacts to .csv will provide you with a .csv to download. When export does not require a download, it usually is phrased as "Export to [programname]" "Download" is specific to simply copy/saving a file ...


5

If you think of a video as a timeline, then for western cultures, the intuitive order would be: << | > | >> See one of my other answers for more information about direction as it relates to representing time in an interface and how the common left-to-right paradigm is representative of western culture's influence on technology. Back ...


1

Your animation is weird. I think it will confuse the user. The classic star/heart filled when you favorite the associated quote is the best way. For instance, if you see this icon: "♡", and then this icon "❤", you will understand that the second is favorites. The best way is always the most understandable way. If you want to add an animation, you can ...


2

For link colours: You should at least be consistent (stick to one colour). I would say you should also leverage the user's existing knowledge of what a link in text will look like, and follow the existing convention (although if you have a really strong design concept that this will clash with, the "following convention" rule is not set in stone). For ...


12

About links Here a fine article about consistency : http://www.uxbooth.com/articles/consistency-key-to-a-better-user-experience/ A few lines The design of your site should also be consistent. Users remember the details, whether consciously or not. For example, users will associate a particular color on your website as the “link color,” they’ll ...


0

A reasonable compromise would be to have the button not highlighted (have a neutral background color perhaps) when it's on the off state, and highlight it (change background color) when it's in the on state.


1

To the right. Nearly all users have an existing mental model of where things "should" be. I wouldn't break the scroll-control-on-the-right convention unless a very specific product or user goal demanded it. If that goal is too confuse and then annoy, go for it.


2

Supporting the case for placing it on the right: Normally a user would read, or at least scan, the content before thinking about scrolling. In that scenario it would make more sense to have the scroll buttons on the right side (assuming of course that the content is being read left to right). The scroll bar position for vertical scrolling is on the right ...


0

Your "checkbox button" seems to have the following function : allow the user to open a filters or options view with additional items that you do not want to keep on the main view, for instance because they are useful in certain rare cases only. Keeping the checkbox with no background and no caption is not an option because : it would be understood as ...


0

How about a simple "Employees - tap to edit" header and table items that instantly go into edit mode when clicked ? The reasoning is the following : this is explicit it keeps short and will not result in overcrowding the interface and UI trends are such that most displayed elements now offer some sort of interactivity so it is likely that users will try ...


1

I'd go for: Option 3: Use a vertical ellipses to the right of the Call button that opens a flyout menu with two options: Edit and Delete. Mainly because this option is the one least likely to result in accidental deletes or unintentional entry to edit mode, but also because these are less common secondary actions but which still need to be ...


2

I would show a "Skip" button. This reinforces that the step is optional. It aligns more readily with what the user is likely thinking. It might be worth being even more specific by labeling the button "Skip this step" or, even better, "I'd rather not share my mobile number." (Or, for you Melville fans: "I would prefer not to.") It would also be good, ...


7

Icons are a double-edged sword. A good icon is grokkable and serves as mental shorthand for a user, improving interactions. If they see the traditional save icon, they probably won't need to read the label, and in some cases the label could be omitted to save space. This mental shortcut reduces the user's mental load. Good icons match conventions, are ...


1

I think it's your second choice explanation for why everyone doesn't save automatically. . . "It's technical or technology limitations of the specific job and code language and architecure already in place. " Saved buttons are still used because lots of back end programers haven't learned to program auto saves well and haven't had experience with new ways ...


2

In a study for designing the UI for a dental system from 2007, they found: One lesson learned from this study is that interface itself, whether GUI or TUI does not correlate with good or bad user performance. Because users have different needs depending on the application and their technical skill level, there is no good answer for this as a general ...


2

Usage of auto save button is great but it should not be forces to user. It works like a charms in google doc, email etc scenario. But I'd never implement it with forms because 1: It takes control from user 2: Auto saving data will fire lots of server calls 3: With auto saving forms a false alarm might send to user that some one is storing data without ...


4

It really depends whether we're referring to Save as simply an action which persists the users data without any wider impact, or whether this could also apply to other scenarios. If my Save action has an impact on something wider (e.g. applying some settings that cause significant changes to a system), then losing manual control over this action could be ...


2

This reminds me of a discussion a while back about the current save icon, the floppy disk. The OP thought the floppy disk was outdated and youngsters didn't recognize the metaphor. The discussion consisted of people trying to come up with an alternative. My opinion on that matter was to remove the save button all together. Documents and such should be saved ...


1

The auto save is a great idea. Agree with you that Google docs and Gmail using the auto save are the best examples to save data/progress automaticaly. But this may not be ideal for every application. Imagine trying to play a game which autosaves every couple of minutes, it would be annoying. This would be more annoying if the saving time is more. Google docs ...


1

It sounds like you need to edit your buttons! Not so much to save space, but because that's more buttons than a user's attention can accommodate (even when there is space to show them all). In other words, if you are displaying 20+ buttons, they might as well be invisible most of the time because the user isn't constantly watching them all. So, your UI ...



Top 50 recent answers are included