Tag Info

Hot answers tagged

58

Designers When it's your working version and you just want some text in there to visualise the overall page balance, and you'll only share it with other designers, then using Lorum ipsum should probably be fine. End users For end users, I would suggest using some other real example text. Yes, you'd have to localise this, but it's quite easy to simply ...


30

Font and layout is exactly what Lorem Ipsum is designed to do. It has been used by type setters and printers since the 1500s. The idea is that by not having real words the users focus on the layout. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is ...


29

There is enough ambiguity here that labeling and context are necessary It doesn't matter whether 30%, 50% or 70% of users think this is male (vs female or gender-neutral). There is enough ambiguity here that the infographic will fail to communicate gender effectively so context and labeling are necessary to make it effective. This Nielsen article ...


16

Your graphic seems to require far too much information to describe what it means. Github does this through a table of Longest Streak next to Current Streak. It is easier to understand with just text. To keep it compact you could remove everything but the most important information: download bmml source – Wireframes created with Balsamiq ...


13

Consider the following: download bmml source – Wireframes created with Balsamiq Mockups Bullet graphs provide a condense and clear way of comparing data when you have a list of skills where you need to compare between "target" and "actual". The 100% line makes it very easy to tell whether you have enough resources or not. There's also no need ...


12

If the goal is to provide a short text sample for the style then use a pangram like "A quick brown fox jumps over the lazy dog". This will show how each letter is rendered.


12

Generally it's not a great idea to present 'dense' 3D data. But let's say this really needs to be done. In this case the dimensions you're trying to present are: Skillset (30+ categories) x Competence (4 categories including none) x Capacity (TBD). The skillset category makes the data dense. So with respect to the other answerer, a spider chart will ...


10

While it can be computationaly and mathematically complex, the concept of heat maps can help you out here. The point of a heat map is you add a third dimension to a 2 dimensional plot not by actually having an additional axis, but by using color. For example, your X axis could be "employees", your Y axis could be "project", and time could be represented by ...


9

Just label it! The beauty of donut charts is the ability to include explanatory and informative labels. You have the informative part there, but you've left out the explanation. Try something like this:


8

**Here are two alternative ways to represent ratios ** Using a high watermark line. This allows them to contrast their all time best with the current streak while also affording them to see some minor trends in their performance. A risk is them not understanding the high watermark which a screen overlay the first time might help them out. Apples health ...


7

If the text preferences are important, you should not use example text in a different (which includes fictive) language. Languages have different characteristics, and what looks fine for a paragraph of "Lorem ipsum …" is not necessarily ideal for text in other languages. So you should show text in the language the user is setting the preferences for. You ...


7

Choose a text generator that suits your domain and use it instead. Lorem ain't good for layout/typography, it was never meant to (see other answers for why it's not, unless you are in a real printing business, Gutenberg&co-style). If you're after font/typography, use a pangram for the language you are after (hello localization!), like @ratchetfreak said ...


7

Tackling the competency and capacity in a single visualization may be a tall order, but I think a spider/radar graph is a good, tested solution for visualizing competency. http://www.one45.com/wordpress/assets/Best-practices-competency-spider-graphs-radar-plots.pdf As the above link mentions, this representation is best for quickly communicating skill ...


6

This one tested well with both the technical and non-technical users and can generate pretty much any possible database query... The benefits are that it's very clear and a user can drag and drop (or delete) any expression or group of expressions in the tree. The down side is how much space it consumes.


6

Take a page from video games and treat your personal best streak as a high score. Classic games like Pac-Man show your high score at all times as a goal to reach, and when you achieve it you get to see both numbers change at the same time to reinforce the fact that each point is setting a new record. More recently, Diablo 3 offers increasingly ...


6

While there is nothing that specifically makes this icon of a person male or female, there is a tendency in our current culture to assume a "generic" image of a person is male unless it has various markers to mark it as specifically female. To play off the other person's answer where they gave several answers that implied the image could represent "both ...


5

Here is a good example - even though you stated that "Pay What You Want" will not fit. There are several good aspects of this that you may apply to your UI. (from losttype.com) They equate Pay-What-You-Want with a Personal License in the description. This may or may not apply to your situation, but it allows you to describe it in one place, and keep the ...


5

Here is another option that might work depending on the situation. It has the added benefit of not needing to be localized into different languages... credit: Facebook placeholder loading card


5

There is a lot of research on this topic. 1. Overview Here's an excellent review from the University of Michigan Transportation Research Institute on the performance of different gauge designs, including linear, radial, and others: http://deepblue.lib.umich.edu/bitstream/handle/2027.42/793/78868.0001.001.pdf?sequence=2 It covers a broad range of gauge ...


5

Gender neutral icons are a unaddressed issue within modern design patterns. The iconization of digital interfaces has occurred out of screen real estate with insufficient thought applied to user/cultural interpretation. There is some good work going on at the noun project to address this. https://thenounproject.com/term/gender-neutral/132954/ Notice ...


4

Is there a reason you're doing a ratio of "current streak" to "longest streak"? I don't know why that would be helpful to the user and encourage them to continue with their habit change. Do you want to go a more aspirational route? The user is either going to be 1) In the middle of creating their longest streak or 2) working towards meeting their longest ...


4

In my experience this is one of those places where shadow works great to show deeper layers. A slightly different font weight/color treatment would help as well.


4

So there are two approaches coming from a cartographic standpoint that could work in your situation, but it depends on what you want the user to do with these markers. The first involves the user using these as just a visual aid meaning they would have no interactivity and be just static images to inform the user. In this case, I would a pie chart marker ...


3

A recent (2013) paper from the information visualization community looked at a related problem, namely: "What makes a visualization memorable?" They reasoned that: "knowing what makes a visualization memorable is a step towards answering higher level questions like "What makes a visualization engaging?" or "What makes a visualization effective?" ...


3

Original Candlesticks are black and white. Black for down days (Bears are in control) and White or hollow for up days (Bulls are in control). These days people use colours to make them easier to read. The colours can be based on "open vs close" or "net change". Open vs Close is original candlesticks with color (usually red and green). The chart can also be ...


3

You can use a thick line for each element. Have a tooltip for each line, to show what each line represents. download bmml source – Wireframes created with Balsamiq Mockups


3

"Set price" or "Price" should work. More importantly, I think you can convey the fact that pay what you want by showing an input field instead of a price. That way, users wouldn't even have to read the tag to understand that it's up to them to determine the price. This would work especially well in places where users have already been "trained" to expect a ...


3

In my experience, Lorem Ipsum is beloved of typography fans, and unknown to the common man - aka, the client. So, if you want to avoid a discussion with the client about why the text is garbled, and why you selected this placeholder text rather than some text saying "this is placeholder text" and then properly exercising as many code points and ligatures as ...


3

Why waste the opportunity to promote your clients, company, or products? I realize you're trying to give them something without meaning so they won't focus on the words, but if you give them the same positive words about your product every time, they will read the message once then quickly overlook it from that point forward. "You are a balanced and wise ...



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