Tag Info

Hot answers tagged

8

Clouds are becoming quite prevalent for "save this online". You could incorporate that into your design by showing a similar icon flashing blue while it is saving, then a green check that fades away when the save is complete. Or show an animated "..." inside the cloud, and then show a check when the save is complete.


4

I don't think your assumption "handle is always pointing right" is quite true. ;-) An icon is simply a representation of an action, and there's no "universal standard" regarding the visual appearance they should have... Bing search icon: Google search icon: Search result for "magnifying glass icon":


4

No, because if you do that, then you will have lots of icons on the page and it may cause a detrimental amount of visual clutter on the screen. I seriously don't find any problem with the attached CV. However you can play with readability, try use zebra pattern style (aka swim-lanes) on the table and add space around the content.


3

My first idea is a dice, as in "roll a dice". However this metaphor is culture-specific and may be inappropriate in some other cultures. Another way to recast this question is to forget about the "random" aspect of the feature; instead, tell your user that it is an "automatic, non-deterministic positioning tool", where its complete randomness is merely an ...


3

If space is really a big issue and you need to use an icon I'd go with the shuffle icon which is pretty universal to mean turn off/on randomise rather than as you say, reorder. However if you can get the text in there I'd strongly suggest doing that as you may be making users think a bit too much to figure out what each icon means.


3

Version 2 looks to me more like a grid selection to me. But I am not your user (most of the UX community here probably is not either). I am also well aware of select/deselect and grid/list views because I design this sort of thing all the time. Your users may not. So let's dig deeper... Don't mix metaphors Showing something is selected with an active ...


2

It should be reasonably widely accepted that the outer buttons are the ones that 'go fastest', but it would definitely be confusing to have two double chevrons. One normally indicates one page and two... well... more than that! The usual way to differentiate the next one vs the next set ( or first and last) is simply to use or include the word Next (or ...


1

I wonder if the writer literally means right handed or positioned on the right. I think positioning on the right is indeed because more people are right handed. The left or right handed of icon itself is irrellevant I think.


1

I think it's mainly practical- when working with the smallest icons (say 16 x 16) it would take up too much space/too many pixels to orient the glass vertically, so by tilting it you can show more detail (bigger lens and bigger handle). As to the bias towards right handed, I do think that reflects the bias in the population.


1

I think that a flat 'earth' or 'planet' icon with an arrow would do the trick. People envision the internet as a world of data and knowledge, so this would easily tell them that this is indeed related to the internet.


1

I wouldn't add icons and changing the color of a link to match the normal text is a bad idea as well. Maybe you could simply add footnotes at the bottom? Something like this... http://codepen.io/run-time/pen/XJXGgB


1

Making just the icons clickable will less convenient to use. I would recommend against using the icons, blue underlined text is a clear identification of a hyperlink. Icons will just look unnecessary elements However, with little CSS or JS coding you can add the link image to see how it looks.


1

First of all This is in fact a switch. In essence, the user will choose from on of two positions, changing to alter behavior of some other element - a switch. In this case, the swtich has two "labels", manifested as icons. One of the positions will be in color (selected or unselected, is OP's question), and the other will be in grey. Grey color in UI ...


1

I would say using the word "checked" is complicating things as the associated icon needs to be the same as "executed", which is confusing for the users. I would suggest changing "checked" to "reviewed" as it implies the same thing. Change the icon to something such as the one below and leave the green and the larger check mark to the final stage of the ...


1

Apple uses the gear for 'Actions'. For preferences Apple uses an image of several gears (instead of just one).



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