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

learn more… | top users | synonyms (3)

1
vote
2answers
40 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
3
votes
2answers
36 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
56 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
25 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
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 ...
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 ...
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 ...
2
votes
1answer
33 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 ...
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 ...
0
votes
0answers
29 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
67 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 ...
1
vote
2answers
50 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 ...
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
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
50 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 ...
1
vote
1answer
90 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
316 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
201 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 ...
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 ...
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 ...
2
votes
2answers
55 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
67 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.
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
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 ...
1
vote
1answer
48 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 ...
1
vote
3answers
181 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%) ...
5
votes
2answers
97 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 ...
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
134 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 ...
1
vote
2answers
240 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 ...
9
votes
4answers
285 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
128 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 ...
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 ...
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 ...
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: ...
0
votes
1answer
57 views

user interaction: diffrent ways of visualizing data

I have a project which contains a piechart. Every group in the piechart has its key, value, percentage and a description. Of the ways shown below, which is the best to visualize the data? Is there a ...
2
votes
5answers
216 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 ...
3
votes
3answers
155 views

Cards View Vs Tabular View

I am in the process of redesigning an interface with a lot of Tabular data that is previously simply used as tables that look like the 19th century. I was a bit confused whether to switch it to a Card ...
1
vote
2answers
151 views

What should the minimum value of a slider filter be?

I am trying to figure out what the best UX would be for a slider filter. The slider is used to filter a list of companies based on a desired loan amount on a personal loan list page. Currently, ...
0
votes
1answer
92 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. ...
7
votes
1answer
201 views

Best visualization for combinations

What kind of a visualization/chart should I use for showing all the ways you can choose from a set of items? (i.e., number of possible combinations) Concretely, I am showing potential offspring from ...
1
vote
1answer
34 views

Is there a standard way of visualizing screens and actions?

Is there anything like a standard way of visually representing e.g. a web application in the context of the number of screens, how those screens are connected, and what actions are available from ...
0
votes
1answer
19 views

Visualizing individual data usage from the same data pool in a table

I have an issue visualizing individual data usage in a table where the usage is directly connected to a shared data pool. The data users can have individual data boundaries, where the data is ...
21
votes
7answers
1k views

Best way to display code to non-programmers

I'm asked to analyze the program responsible for printing our invoices. (Via SAP script) This program is pretty old and contains more than 4.000 lines of code. It sets a lot of different variables ...
0
votes
2answers
54 views

Name for specific design type instance

So if you look at my little visual example below, the format on top I assume would just be technically referred to as a Grid or Tabular format, but if you were to break each of those rows out and make ...
8
votes
2answers
191 views

What is a good mouse cursor to point at objects in diagrams?

Do you know of any study or evaluation of the use of mouse cursors specifically designed for the use in diagrams? For example I'm thinking about using a cross hair instead of an arrow cursor when I ...