Any technique for creating images, diagrams, or animations to communicate a message.

learn more… | top users | synonyms (3)

3
votes
0answers
8 views

Visualizing a positive to negative metric

I'm looking for a way to visualize (and hopefully simplify) a metric that can have one of the following values: High positive Medium positive Low positive Zero Low negative Medium negative High ...
0
votes
1answer
55 views

What is the common UI component that can be used for expand/ collapse on iOS apps?

I am working on checkout flow for our iOS app. In one of the screen i need to use the expand / collapse behaviour to show cascading information. I am looking for a suitable UI component that provides ...
0
votes
1answer
24 views

Visualising assets, liabilities, revenues, and expenses - together

I'm at the start of a project which is all about visualising and comparing the balance sheet of large organisations, primarily defined by these four numbers: assets, liabilities, revenues, expenses. ...
1
vote
0answers
39 views

How to configure a graph widget? [closed]

I am working on a web app to help the user create configure a graph widget wherein the user: Names the widget Selects a graph type (one of many) Provides the details (5 to 6) that graph. I'm ...
1
vote
1answer
38 views

Ways to Show Relative Rank?

I am comparing 3 columns of data with multiple rows. For each row I want to show the highest, lowest and middle number. The middle number is not the mean. I've considered "1st, 2nd, 3rd" but I don't ...
2
votes
2answers
43 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
58
votes
11answers
7k views

Does visual design really affect UX?

I am really concerned about the effects of visual design on user experience, but as this may seem too broad, let me clarify it a little. My statement is that, if the user can find the information he ...
15
votes
7answers
1k views

Making a Streak Visualization More Intuitive

I'm currently working on a website for tracking habit change. On the report page, I have goal cards users interact with in order to record their progress: The donut chart in this example is trying ...
2
votes
2answers
285 views

Check-boxes vs. Icons

I have a table with hundreds of records. Each of the rows might have one or many check-boxes. Something that looks like this: download bmml source – Wireframes created with Balsamiq ...
2
votes
1answer
27 views

Capacity available representation? Percentages or coloured icons?

Currently, capacity available is represented using a single icon in green, yellow, or red (green = lots, yellow = some, red = low). Due to API changes, there is an option to modify this data to show ...
0
votes
1answer
79 views

What is the best way to represent historical data?

I have a project with multiple test cases. Each of these test cases contain data related to their failure and success for each run as well as the time taken for the API calls during each execution. ...
0
votes
0answers
28 views

Simple or Complex Workflow Choices

My question is much along the lines of this one: When is it appropriate to use a complex interface, and when we should keep things simple? I am by no means a designer; in fact, the company I work for ...
4
votes
1answer
66 views

When and how can a floating column chart be useful?

Box plots are sometimes used to represent a range in a single value, but I am curious if a similar presentation would be useful in representing an overlaid column chart. By using the same color as the ...
3
votes
9answers
6k views

Honest way to show your skills in Portfolio

So i have started seeing this a lot in portfolios of designers. This person has a title that says "My Skills", and at the bottom are bar graphs that are in percentages. So I asked this question ...
17
votes
4answers
2k views

What is the gender implied by this infographic person

I was wondering if there is a rule/guide on if this info graphic person actually implies male/female - assuming it is used without the opposing specifically female human graphic
1
vote
2answers
49 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The ...
0
votes
5answers
421 views

How can I graphically display my data on car sales trends over time?

Shown here is a graph that displays statistics on car sales trends. While the information is there, its not exactly readable and I would say an eye-sore, you have to peer in and start matching ...
3
votes
2answers
216 views

How to present boring facts that aren't really suitable for an infographic in an interesting way?

For an internal company wiki I want to write down/present some basic information regarding web development/design/UI & UX. For example have I collected some studies and opinions on how links ...
7
votes
3answers
325 views

I've never met an infographic I didn't hate. But do they even work?

This is just my own personal preference. I've never met an infographic I didn't hate. I love beautiful data visualisations. But the recent fad for infographics leaves me cold. Is there any solid ...
4
votes
2answers
89 views

Is it appropriate to use a donut chart to show a User's score?

I'm presenting my users with a test. When they reach the end of the test, I want to show their score in a donut chart like this (in this case, 80%): Note that there will be other information on ...
0
votes
1answer
49 views

Representing travel time on a map when more than one destination

I'm looking for a solution for how to represent two different values on a single marker on the map. Background: I am building a real estate site where a key feature is showing results based on travel ...
5
votes
2answers
96 views

Using color and graphics to improve visualhostkey, and make comparing SHA256 hashes easier

I need anonymous end users to visualize hashed data, be it a Bitcoin Address (converted to the Sha256 hash it's based upon) File hash SSH key Since my target audience is normal consumers, and not ...
1
vote
1answer
87 views

what is the best way to present data like this?

note: please disregard the color of the dotted lines. consider it all one color. This is my best effort to present this data to the user. and i hope there are better ways. fwiw: what i want to do ...
8
votes
3answers
314 views

How to cluster map markers with different statuses

We're designing an application that displays a large number of markers on a map. We need to do some clustering on these markers, but the problem is that each marker has four possible options for ...
1
vote
2answers
196 views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
8
votes
7answers
715 views

Visualize time-series data

I have a lot of time-series data. I would like to visualize this data, so that I could spot patterns like the following: "About five days after event X, event Y is very likely to happen" or "A ...
1
vote
0answers
57 views

Large dataset with children visualization [closed]

I'm working on a website where we need to display large data sets and I'm looking for an alternative to tables. The datasets will be nested meaning, if you click on one, it will/may contain ...
3
votes
3answers
171 views

Price ranges vs concrete price for 3rd party vendors

I'm building a website for a consulting firm that creates websites for its customers. In the website there is a small section that mentions a few hosting services as well as their prices (just for the ...
1
vote
2answers
238 views

Tree View Alternative for Form Input on Website

Currently I have a data structure in the form of a tree view. Eg. Right now I am using a collapsible accordion view to show each field to input data. Scenario - I have about up to about 1000 ...
2
votes
2answers
53 views

Showing progress on activity over large time period

Background I am making a mobile app, where users need to perform some task N times a day. The target audience is women, with interest in healthy lifestyle (so not engineers who are comfortable with a ...
2
votes
1answer
45 views

Chart with an inverse latency axis

My app shows a scatter graph where the X axis is a number of actions (higher is better) and the Y axis is a latency (lower is better). When we have shown it to customers, they got confused because ...
0
votes
2answers
41 views

Begin the column at the top of the title or at the top of the first main content text block?

On our homepage we have a content and a column with some boxes. What is the better approach: 1. Begin the first column box at the top of the title: 2. Begin the first column box at the top of the ...
0
votes
1answer
64 views

Displaying statistics: Use spider graphs? [closed]

Is a spider graph or progress bars better to display a set of statistics/attributes? E.g. pace, shooting accuracy, dribbling for a football player.
1
vote
1answer
70 views

Showing a tree with only 2 branches on each node

We have a function in our application that allows us to run a task. Depending on if the task succeeds or fails, it does a different task afterwards. This task chain/tree continues until no more tasks ...
3
votes
2answers
68 views

Comparing/merging two records using Material Design

Problem: We are working on a medical scheduling application. A common problem are duplicated patient records, stemming from legacy data or from careless inputting under pressure, without consulting ...
1
vote
1answer
47 views

How to design icons that convey multiple parameters?

I have a game in which I need to display icons on a map denoting the presence of other players. Each player has multiple parameters -- friend/foe; age; team; estimated direction of movement etc. I ...
20
votes
15answers
2k views

How to build a budgeting interface (sum of items must equal 100)?

I'm trying to build a visual web interface where users can distribute a budget over some (varying) number of items. For example, if the budget is 100 points, I might allocate: 50 points to 'Apples' ...
1
vote
3answers
180 views

How to visually display overlapping information

For example, take the following data, with: - Recipients - Sent Mails - Opens - Bounced I want to show the data like this: First whole pie for the reciepents. (100%) Sent mail (80%) Opens (30%) ...
2
votes
1answer
80 views

What's the best way to show this particular data to a user?

I have information on a user's data usage. Currently, if they want to check it, they see a table: | Domestic in: x GiB | Domestic out: x GiB | Domestic total: x GiB | | International in: x GiB | ...
5
votes
2answers
131 views

Are dial format speedometers more effective than numeric speedometers?

I recently criticized a sketch of a automobile instrument cluster concept that indicated speed with a bar gauge and a numeric readout. I and many others suggested that a dial speedometer was easier to ...
52
votes
11answers
10k views

Intuitive interface for Composing Boolean Logic?

I'm interested to know how people have, or would construct an interface which simplifies constructing logical boolean conditions? (Yes, it's a database query builder) In my mind a bad interface has ...
9
votes
4answers
281 views

Making color blind friendly plots that look professional

Based on this question I've been racking my brain trying to find a color scheme for journal publications that is color blind friendly and that I actually like. I've tried color brewer and other sites, ...
3
votes
2answers
140 views

How to obscure data in a screen captured image?

Many people I work with need to share a report with sensitive data. This is usually a multistep process where the user takes a screenshot of a chart or graph with numbers and then manually removes, ...
0
votes
1answer
126 views

Nested data in a Grid or Table - how deep is too deep? [duplicate]

I’m reasonably sure we all have that love/hate relationships with grids or tables when it comes to nested data. Over the years I have grown intolerant of anything below one level down, and work ...
46
votes
11answers
8k views

Is it bad practice to use “Lorem Ipsum” example text in a text-preferences screen?

I'm the developer of an application where text plays a major role in the user interface. Users can adjust the style of the text in a preference screen. I have added an example text to the preference ...
14
votes
3answers
1k views

How to best visually represent a dev team's skillset versus project needs?

I need to visually represent a dev team's skill set (and proficiency) against a project portfolio's required skill set. I have two separate tables, one for team members, and one for projects. Here is ...
3
votes
1answer
81 views

What is the best way to visually indicate correct plug alignment with socket (hardware)?

I currently have a problem where users are not correctly aligning a plug with a socket on an electrical device, leading to the plug being forced and the pins breaking. Users have suggested putting ...
8
votes
2answers
221 views

A kind of 3D table (showing correlation between 3 variables)

Tables allow us to easily see how 2 variables (for example "Employee" and "Time") correlate. For me the main benefit of this view is that you can easily find answers to two kinds of questions. Like: ...
1
vote
1answer
97 views

How to design a “data usage calculator” for a brand new smartphone users

What are some ways wireless carriers can help smart phone buyers visualize how much data they will need so they pick a suitable data plan option? Various carriers provide data usage calculators: eg ...
2
votes
5answers
213 views

How do you visually represent “progress” on a negative goal?

I may have some terminology wrong but I think the idea is sound. There are a variety of ways to represent progress when you are increasing a number and trying to get to some set number. Usually ...