Tag Info

Hot answers tagged

16

The placement of the icons beside the numbers would go by the natural reading order. Status icons would appear at the end of the line. As seen in the example below, this makes sense because the viewer sees the subject first, then the count associated with the subject, and finally the status of the count. (For RTL languages, the figure would be a mirror ...


9

Plenty of good arguments and research here: Myth #25: Aesthetics are not important if you have good usability My favorite quote from this article: «A study on the role of aesthetics concludes that, though attractive things may not score higher in performance, people perceive attractive things as more usable»


7

There is research, but not much on specific aesthetic quibbles. Evidence does suggests that aesthetics are relevant - that users will perceive similar interfaces with differing visual designs differently. However, I've never read a paper that identifies which kinds of visual degradation are most harmful. On the importance of aesthetics, some papers to read ...


5

The UI should show what' important and what is optional. I would make the 3 optional fields as small links that open a dialog for each. Once the user pics his prefrences - the dialog closes and returns to be a link. Obviously - that all depends on the quality and quantity of search results in the discussed system. See this UI demo:


4

This University of Melbourne study found a correlation between "attractive" design and trust. They found that users are starting to interact with websites in much the same way that they interact with people, and that predictable biases start to emerge. What they also found was that while a user might trust a website more if it is attractive, this does not ...


4

To begin with, you can bring the left column of checkboxes closer to the one on the right, freeing up some room on the left to fit the labels in a single line each. You can also get rid of the parentheses, like this:


4

Relearning a process or how to do it has a cost to the person doing the relearning. So it comes down to a perceived cost benefit analysis. The perceived benefit in present value needs to exceed the perceived cost. As an example, I recently learnt a new keyboard layout (Colemak). It was a huge pain to give up my Qwerty typing speed to learn, but I did it ...


3

If plugin breaks (temporary outage, deprecation, whatever) it is your site whose reputation is damaged, not FB's Extra resources to load => slower site Prominence of other brands dilutes your own if you were to write a list of stack-ranked goals for each page of your site I doubt that "send people to our Twitter" would make the cut, yet I assume its ...


3

I'm thinking something along the lines of this: Having the query term in a text box and the category and location in selective drop boxes, with All Categories and All Locations being displayed initially. Displaying the distance interactive component I didn't really get any good idea, having it incremental would probably be best though with increment and ...


3

A few things. Labels should not be centered, it's awful for eye movement and legibility. I would favor the ease of the user experience over the conservation of html elements here, even if the form has to be longer. Also, the eye movements necessary to navigate this form are crazy. By having two columns with a label on top of each, the user has to ...


3

There are many factors that contribute to a design, and a finished design is as much a product of its constraints as the designer's aesthetic judgement. The first iPhone was thicker and larger than the current one because the technology demanded it. By rounding the edges they were able to reduce the feeling of size without necessarily reducing the size ...


2

There are times when you just need to abandon the grid and just focus on the placement of the content so that the logos/images are clearly delineated and a person can quickly differentiate between them as shown in this image below: Alternatively if the logo sizes have huge variations,you can use those variations to create a descending or ascending order ...


2

While JohnGB's "The perceived benefit in present value needs to exceed the perceived cost" generally holds true, sometimes the rule needs to be broken because users won't immediately recognize the value of an innovation. For example, when Twitter started I didn't appreciate the 140 character limit (to me, at first, the cost in UX seemed to greatly outweigh ...


2

If it is only that data then I would agree with simonteo. Using the indicator ( which will always be the same size ) as a bulletpoint much like Iphone OS uses Application icons as "bullet" points in list. I generally try to place those values or "object" which will be constant to left. Constant in size, dimensions etc when working with a list or possible ...


2

You said in your question, some other people from certain departments will hate to see it go, because maintaining the social feed is a big part of their daily activities. That tells me this is politically charged so you will need to listen to their concerns while countering with your need for justification of everything that makes it to the home ...


2

I would do an icon that represents X and Y that on hover would show a tooltip with the name. That way you could keep your thin column style. It could look something like this: download bmml source – Wireframes created with Balsamiq Mockups


2

Well, I think you have a few choices: If you have an icon to accompany the trademarks, you could attempt in place of the labels and have the text appear as a tooltip when the user hovers over the icon-headers. Depending on the width, you could put the text in there as is, but with a ellipsis, again with a tooltip if the text is cutoff You could put ...


1

Tastes change according to gender, age and other factors? I am shocked! Shocked I tell you! I think it's possibly a legit study. Where it falls short is in addressing the audience factor. Depending on the site, a darker minimalist background will be well liked despite age or gender. In academia for example, the site could be BUTT ugly and barely usable, but ...


1

"no new leads are being created because of the social plugins on the front page" "I'm in search of negative influences these social plugins might have on... conversion rate" As this topic is potentially politically charged and you are dealing with a larger company (presumably with a marketing team) your argument should include numbers. What ...


1

I would consider two main things: proximity to another vertical line in the UI Reading direction of the audience (western and asiatic languages are generally right-to-left) Your example conveniently abstracts the column from a context, but this context is too important to leave out. download bmml source – Wireframes created with Balsamiq ...


1

Icons to the left of the number usually indicate the intent of the data, icons to the right of the number usually indicate the quality of the data. This is just my opinion + observation, but the flow goes from left to right: What to enter >> entered value >> response to value entered


1

Essentially what you are wanting to do is create sub-lists within a global list. Why not prepend all of of your items with an alphabetised prefix. For example: EMAIL: a task EMAIL: forward this EMAIL: reply with report PICS: create album x PICS: create album y PICS: delete picture 2 from album x This way you could scroll, or browser find straight to ...


1

If the list is always alphabetically sorted you have no choice but to resort to such tricks and workarounds you already listed. A better way to meet the user's needs would allow the user to sort the list, e.g. with drag-n-drop. The list could still be sorted alphabetically by default but also remember each item's position if changed by the user. This ...


1

I agree with Don Nickel, in my experience the thought process followed is value -> status rather than status -> value. As previously pointed out, consistency across your UI is important, but given this specific scenario, I would go with putting the icons on the right of the numbers.


1

Aesthetics aside (as what is and is not aesthetic is out of the ambit of this site), what is most important is that you communicate to your users what the problem is. However don't communicate something that you aren't sure is true. So saying "There is a problem with XYZ servers, please try again later" is not good unless you can tell that it is definitely ...


1

Another thing to consider, in addition to the cost of some people having to adapt to a new system, is the ongoing cost of all new users having to learn and use the more ineffective process. You might damage the experience of current users, but make it massively more attractive to all the future users encountering the system. To be extreme about it: Even if ...


1

Convention beats innovation most often. Time of day is an example. Why don't we just go 11am 12 13 14 15? For that matter, why do we use 60 seconds, 60 minutes, and 24 hours? We could have 100 Danielseconds, 100 Danielminutes, and 10 Danielhours. Convention rules. Good design is using constraints. Make car doors so they can only be locked from the outside. ...


1

Stretching or shrinking images can result in unpleasant visual effects. However, it wouldn't be hard to analyze the size of the image, resize it if necessary, and then place it on a black or white background that's always the same size. For example: A transparent logo .png could be centered easily. Users could choose black or white based on their logo ...


1

It might sound stupid but IMO it will be much clearer if you switch the columns and the rows. Just use a light gray for the text on the second line (no parentheses)* at a smaller font-size: if they need further details they will find it easily without hindering the first-timers' scannability. Adding small icons next to Dialog Box and Status Bar Message ...


1

Meinhald Thielsch, a german scientist did a research about the corralation between aestetics and usability. There is a tendency that nice looking websites perform better or can even compensate usability flaws. Good aesetics lead to a better user experience. http://www.thielsch.org/index.php?style=8&style=8&path=m_plus_data/publikationen/webaesthetik ...



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