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

Ω (Alt 234) will push an item to the bottom in windows file folders; I like it because it's intuitive.


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

Based on code page 437, here is a list of characters that come after z. Note they are listed in sort order. Omega is probably the most appropriate for this use case, because it is the last letter of the Greek alphabet. α alpha U+03B1 Alt 224 Γ gamma U+0393 Alt 226 δ delta U+03B4 Alt 235 ε epsilon U+03B5 Alt 238 Θ theta ...


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 ...


3

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 ...


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

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 ...


2

I've found one! (At least it's working on my Chromebook - I'm not sure how it will behave on other machines. In re: JamesQMurphy's comment on web vs. Windows sorting.) The Icelandic letter Thorn: þ What's weird is that even though the last 3 letters in the Icelandic alphabet are þ, æ,ö and Wikipedia says that Ææ and Öö are considered letters in their ...


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

Considering that MVP can stand for any kind of product, including B2B solutions, user-centered design might not even be a part of the technologies used because there might be no users. The product has to be a B2C to even include design in some cases. Another thing to consider is that MVP signifies only the state of the product at the moment of release, and ...


2

It depends on what you mean by MVP. Strictly speaking, an MVP is the quickest possible working prototype focussed on one or two features that can be reasonably tested, either in one-on-one settings or by limited release with customer followup. The reason is that minimal resources are used to develop the MVP because testing may show that it's not what is ...


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

Number all the items I have used numbers to customize the order of an otherwise alphabetized list which works well because it is still clear later on or even to newcomers. This also uses a minimal number of characters and can be used in combination with letters to create groups like so 1A dog, 1B cat, ... 5A jello, 5B cake, etc. The down side being that ...


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

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

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

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 ...



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