Hot answers tagged

102

If a user can't find an option or feature, then it doesn't exist There has to be some means by which a user who is looking for a feature can reasonably expect to find it, and by which users can browse features to learn what is available. Well-designed menus are really good at this. Clusters of related buttons and displays too, especially with tool tips. ...


96

There is no problem to work as a UX/UI designer, as choosing color is just a minor part of the usability process. There are lots of other activities that the UX-er should do, like usability testing, checking analytics, conducting A/B tests, writing reports. Choosing color is more like visual designers work. People often are confused between the two ...


94

Is not intrusive, and is barely noticeable. And Word users that are familiar with it, will recognize it easily, so you'll have some external consistency. Based on the comments, I edited this answer to note that is necessary to generate a difference between text and interpunct so I used a slighty bigger font size and changed the color from black to light ...


73

Basic users first I assume this isn't a color theory app. If this is intended to support quick color selection with a sub-set of power users, a hybrid palette chooser / builder will work well. Make ‘easy’ easy Start with a palette-based chooser with reasonably sized swatches that simplifies the user's job of making a fast selection. Google has ...


72

My go to has always been an blank, ␣ (␣) or the underbracket character ⎵ (⎵), which is wider. You can see them here on w3.org. I've used the underbracket a bunch in my programming courses to show space in program output. For example These␣do␣a␣pretty␣good␣job␣of&...


69

I'm not exactly sure how your app works, but from what I understood, I would use a color like grey for the OFF buttons and a brighter color (the primary color of the application perhaps) for the ON buttons to avoid your problem. Also I'd make use of icons to serve as an indication for Hot/Cold.


66

Why not let the user decide? I'd simply have a toggle that enables/disables the auto repeat feature. I see two use cases: Someone is wanting a quick review of things that they have just learned (autorepeat is not really needed) Someone is learning new vocabulary and needs to absorb the nuances of each sign (autorepeat is very useful) I believe it would ...


59

An interesting question, and one that I think many of us might have pondered before without really diving too deep into the possible issues. From a purely design perspective, I can think of a number of plausible reasons: Convention: the first person did it this way, and then everybody else followed because "that's how it's done". Safety first: separating a ...


55

I've been doing front-end work for a decade, and I have deuteranopia or deuteranomaly (red-green color blindness). It has never been a problem. I largely rely on color codes and location/proximity on color picker UIs to identify colors. When doing a design from scratch, I will often look at pre-existing palettes for inspiration. I will also use an ...


53

Red can be used for ON, most sockets use this color when they are on : I would recommend BRIGHT RED for ON and DARK BLUE for OFF. The brightness difference between the bright red and dark blue will also indicate ON/OFF. Also use round shape because it resembles more with LED lights, used for power ON/OFF in many devices.


48

A 1 or 2 seconds video is really short; and looping it will make it look like it is stuttering. I suggest create a longer video showing the sign 2, 3 times; with different camera angles (if possible). have a repeat/replay button easily accessible.


44

Do not use colors to indicate that the system is ON or OFF, use instead a linguistic code, while use an iconic code to comunicate the HOT/COLD state. Here I used a thermometer with different colors (i did not use the snowflake icon since it communicates more a sense of active cooling -like a freezer-, rather than a passive dispersion of heat -like some ...


34

It's ok, and it's good! Why? because it creates consistency and builds and reinforces UI patterns for users. Imagine if every other UI of each app was very different. they user would need to re-familiarize themselves whenever they switch between apps. But.. at the same time copying UIs and not thinking about how these can be improved (and try come up ...


34

Status Bar The name for the toolbar itself is the "status bar". Status Bar - a strip along the bottom of a software or Internet application that indicates what is happening with a task or information like date, time, cursor or scroll position, page number, open applications, etc. http://www.dictionary.com/browse/status-bar On a Web ...


33

There are a few reasons: Robot defense. Content sites (e.g. news sites) sometimes use these buttons to provide a rudimentary defense against content scrapers. By showing only part of the content they prevent scrapers from loading the page and parsing the article. This is obviously very crude, but it is still effective. Affirmation of user intent. ...


30

You'd probably needs someone who works at Microsoft to answer this one, but from the outside observer, there are a number of reasons why this might be the case: They cater for a very diverse group of users: think about the audience and users of Microsoft products and perhaps this is a way to accommodate all the different ways that people might use the ...


28

I think the only way to warn users that a confirmation will follow, is to use a conventional symbol. Because a standard symbol for this purpose does not exist, you have to establish one in your application. You have to use the symbol consistently in all screens of your applications, so that users will create an implicit connection between the symbol and the ...


28

People with Parkinson Disease (or PD as it's also known) need special considerations as you correctly figured. However, keep in mind that most of those considerations are covered by special peripherals rather than specific UI. As a matter of fact, just following common WAI- ARIA guidelines is more than enough. Keep in mind that, like many people with ...


26

I'm not sure there's any objective answer to this one, because it'll depend too much on the demographics of your clients. I'll give my subjective two cents though! If they're not graphic designers or extremely tech-savvy, I'd want to go for the most intuitive solution, which to me is the second one. In my mind, the thoughts of a user would probably go "I ...


24

Short answer To represent a space bar of a keyboard, U+23B5 Bottom Square Bracket (normal ⎵ bold ⎵ monospace ⎵). As alternative, U+2423 Open Box (␣). In HTML parlace, ⎵ and &blank, respectively. To represent spaces in text use the interpunct, U+2E31 Word Separator Middle Dot (⸱) or U+00B7 Middle dot (·) as alternative. Mind repetition and ...


23

Limitations are limiting Everyone here is very nice, but they're dodging one important point: Being a color-blind UXD will limit your ability to be an all-in-one product designer. Everyone has their limits. Unlike you, I do not have a solid engineering background. I work closely with a software architect throughout the discovery phase of a product or ...


21

The iPhone 5/5s/se size. There are three key reasons: More people today still own the smaller 4-inch model than the larger models. That's also not likely to change thanks to the lifespan of the iPhone and the recent release of the iPhone se. So unless you are targeting only people with larger phones, best to stick with smaller and scale up, not the ...


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!


18

You can add Step Number to let them know that there are other steps ahead. I have attached a snapshot just for reference.


16

Both Find and Find and Replace are related functionally as you mention. But both actions seem to be orthogonal in terms of what user need (mindset) they cater to. You will know in advance either you want to find something or you rather want to substitute occurrences of something. In the latter case it just happens that you need to find occurrences of the ...


15

All the color pickers you list are based on variations of the HSL / HSV (hue, saturation, lightness / value) color representations. Thus, their main differences are not in color theory, but simply in the placement and shape of the controls. That said, the second color picker in your list has one major disadvantage compared to the others: it doesn't have ...


15

Can you use color? Wikipedia uses lightblue boxes to show the characters: But if you're limited to two colors, I would suggest these: ˽ ⎵⎴ - Modifying letter shelf, underbracket or overbracket to represent the button ⬚ ◌ - Dotted circle or square to represent emptiness 👽 👾 🚀 - A comedy option.


14

So the chosen answer, while good, is incorrect as regards this particular screenshot. I am actually responsible for implementing the button in the screen shot. I can't speak for every site but I can say that the thought process (as far as I know) is basically the 3rd option given by tohster. QZ only shows the read full button when you navigate directly to ...


14

My father has late-stage PD and after watching him use his Mac for the last 15 years here are some thoughts in no particular order: Assume the user can't use both hands or combinations of keys. My father uses his non-dominant hand with a track-ball because it shakes less, but has to use the keyboard and click with the same hand. Try that one out yourself ...


13

Color blindness may hinder your ability to produce some visual designs and maybe some parts of a 'pretty' UI, as color goes a long way to aesthetic appeal, BUT, as a UX designer I would go so far as to say that you can use color blindness to your advantage. Around 8% of men and .5% of women are color blind, and as a UX designer, it is our job to make sure ...



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