Questions tagged [visual-design]

A visual design approach concerns the design and communication of a message and that the message reaches the target audience.

Filter by
Sorted by
Tagged with
0
votes
0answers
17 views

Display customer reviews on mobile, technique?

I'm displaying several items on the same mobile page. each of them has its own reviews (about 30). What is a good technique to display the reviews? for example, have a link/button on each item box ...
3
votes
3answers
7k views

What is the difference between a dashboard and a report?

The words 'dashboard' and 'report' are used extensively in data visualization applications such as Google Analytics. But what exactly are the defining characteristics of each? And how, precisely, do ...
2
votes
2answers
112 views

How to visually encode something “real/actual” vs “ideal/expected”?

In a data visualization, I need to show two lines: one representing an actual, observed value (in the example below: red), and one representing a norm, or what this value should be in an ideal case (...
1
vote
1answer
38 views

States and behaviour for progress bars embedded in tables

These days it is not uncommon for data tables to contain more complex UI elements (i.e. not just data), with things like pills (or tags), call-to-action buttons, icons, and even graphs & charts (e....
26
votes
16answers
43k views

Is high contrast mode really useful?

In most operating systems and on some websites there is a high contrast mode, intended for use by visually impaired people. I have doubts, however, whether using such mode makes any sense - from what ...
0
votes
1answer
83 views

Best way to Indicate a item is shared or copied

I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
0
votes
0answers
38 views

Building multiple embedded lists

Hope you can help. My team is developing an internal form building tool that simplifies the creation of complex HTML forms by providing pre-made sections and standard form fields that can be combined ...
5
votes
8answers
252 views

Is there a mathematical formula for the Gestalt Law of Proximity?

I would like to know if there are any mathematical formulas that define the Gestalt Law of Proximity. For example, in the picture above, at what distance of Y would the 4th square be perceived not a ...
2
votes
1answer
47 views

When is it appropriate to expand a button to fill its parent container a.k.a use a full-width button?

I always find it fairly straightforward for me to determine when to apply stretched button that can expand its width and fills its parent container. However, it is challenging to do the same for ...
4
votes
1answer
245 views

Graph overlay that doesn't obscure the data

I'm building an app that renders a line graph of the user's wellness over time. (For example:) (source: netdna-cdn.com) It also needs to mark the days they took medication. Originally, I wanted ...
3
votes
4answers
602 views

What icon to use for archive and for restore? [closed]

In our web-app there is a message centre with a time-line of communications. We let the user move instances of these into what we are calling an archive. On each of the listed messages there appears a ...
4
votes
2answers
136 views

Conveying relationship between form input fields

Context I'm working on an audience selection workflow where a user can specify certain attributes to select their audience. For example, the user may want to create an audience of entirely male ...
0
votes
1answer
50 views

How to show both validation error and holiday indication in table date cell?

If a user inputs holiday date, he should see an indication for the same. Also, if date value is not passing the validation test - he should be seeing an indication. Ex . If 2019/02/09 Sat is holiday ...
7
votes
8answers
4k views

Are checkboxes with crosses (instead of ticks) safe to use?

Would you consider checkboxes using crosses instead of the standard ticks OK to be used in UIs? There are several CONs (being easily confused with close or delete crosses and wrongly implying there ...
1
vote
2answers
85 views

How do you document and share motion/animation information with developers?

I have project right now. I'm building a website with a developer guy. I shared all the assets using Zeplin. But since this is the first time, I should also share how everything should behave. I have ...
5
votes
2answers
1k views

Difference between UI and Visual Design/Style Guide?

From looking at some of the style guide for web applications that are available, there is a distinction made between the visual (icons, colours, logos, etc) and UI (look and feel of user interface ...
0
votes
4answers
177 views

Is there a term used to describe the aesthetics of visual and data design combined (e.g. infographic aesthetics)?

I have been doing infographic design as part of providing content for websites and software applications (and print materials as well), and I know a lot of people talk about the concept data/ink ratio ...
1
vote
1answer
217 views

Visual consistency of in content headings and headings in/under tabs structure

I'm looking to define what makes more sense in a page visual hierarchy for both visual design / consistency & accessibility. We commonly have tabs under our h1 heading. Each tab content block ...
1
vote
4answers
573 views

Whats the best way to graph percentage data?

Lets say I have the following data: Category positive neutral negative total 0 Category 1 1.000000 0.000000 0.0 2 1 Category 2 1.000000 0.000000 0.0 1 2 ...
0
votes
1answer
99 views

Does my dropdown design fit with the rest of the design? [closed]

Hi I need some professional visual design advice here. Pls see the following prototype and take note of the visual design of the dropdown elements + the filter button. https://www.figma.com/proto/...
8
votes
5answers
1k views

Developer with HCI background studying graphic design

I'm thinking about going to design school for a year, studying graphic design. I want to get work as a UX designer/researcher, with the possibility of day to day activities like user research, user ...
4
votes
1answer
65 views

Accessibility in video games, and designing for them

This is not a recent video (at least it was more than a year ago), but I was very fascinated to watch someone with vision impairment (as the result of cancer) playing a fighting game by listening to ...
1
vote
2answers
69 views

What is the Best way to show 4 types of buy button in app

This is educational app. Some products having 3 or 4 buttons, example ( Buy e- book, Rental e-book, Buy Chapters, Buy Combo) What is the Best way to show this button in app. IMAGE attached ( ...
0
votes
1answer
88 views

Designing a data editor and mapper

I've been trying to figure out the best way to design a data mapping and editing tool. The problem is as follows: I have data from multiple sources that don't follow the same naming convention. For ...
1
vote
2answers
173 views

How should I represent a tree structure?

Context I have data from a source that has categories and sub categories and in some cases, even sub-sub categories. Requirements The actions that can be performed on the tree elements are - ...
1
vote
1answer
121 views

Google new Task application inconsistent UI

Visual design is part of user experience design, hence its safe to ask question related to visual inconsistency on this platform. Question If anyone of you has used the new google task application, ...
6
votes
3answers
156 views

How can I demonstrate that the same wireframe can be used for varied visual designs?

I'm trying to demonstrate to someone that one wireframe or template can be used across multiple brand experiences (we want the UX to be similar, but the brand experience to be different). At some ...
2
votes
2answers
253 views

How to represent a score that can be positive or negative?

I need a simple (aka not ugly) visual element to represent a score that can be positive or negative. My score matrix will probably be similar to this page: http://snapsort.com/cameras/Canon-PowerShot-...
69
votes
12answers
8k 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 ...
1
vote
1answer
61 views

mobile game - optimum visual assets sizes

Context/Intro I'm developing a mobile game that is played in portrait orientation. The player is at the top of the screen (unable to move vertically) and flying objects that either need to be picked ...
20
votes
7answers
11k views

Monitors display more colors than human eye can distinguish

The human eye can differentiate about 10 million colors. A 24-bit display mode can produce about 16 million. Why, then, do operating systems have 32-bit and higher display modes if the apparent ...
0
votes
0answers
70 views

Compact, at a glance indicator of checklist status

What are some good ways to show, at a glance, the status of items in a checklist? I have some checklists for various people in an organization. I need to show the various states of each person's ...
5
votes
5answers
854 views

ALL CAPS fonts for industrial use

I'm on a plane and noticed the use of all caps on the flight crew phone: Generally I found the phone very well designed: it has rounded colors, decent contrast, is unobtrusive for passengers, and ...
3
votes
1answer
96 views

Why is it better to differentiate table rows by background colors rather than borders?

I have seen some tables where it alternate rows has subtle different color, and it is been said that it increases the readability. I wonder why is it better to do such practive.
1
vote
1answer
129 views

One product customized for multiple brands- any good examples?

We are working on the design of a healthcare app. The company that I work for owns multiple brands that operate within the same industry and similar range of products. A few reasons why there are so ...
0
votes
1answer
57 views

Do you think it is a better option to put the site-menu in the header for user experience? [closed]

Hi i am trying to create a good experience for my clients. This is a demo of my site. My question is what is better regarding user experience when it comes to the site-menu? Should i rather put the ...
2
votes
1answer
78 views

Differentiating between role based actions

Context I have two types of users (Students and Administrator) who will be interacting with the preference view screen (Students select their desired preferences before while filling their admission ...
1
vote
3answers
115 views

Account creation with other important part: 2 or 1 forms?

I believe the most important part of a whole app is the account creation process. This is what will convert your potential user to customer. My project, which is an email marketing service, asks for ...
4
votes
4answers
414 views

Best way to display ranges where end range is inclusive

I have a table with one column displaying a range of values where the end range value is inclusive, but the start range value is exclusive. I'm having a hard time figuring out how to succinctly and ...
10
votes
6answers
8k views

Professional Slides presentations. Light or dark background? [closed]

I must choose my company's default PowerPoint presentation template. Having in mind that this template should be versatile, and that people want to create presentations quickly, should I create a ...
2
votes
1answer
107 views

How to merge designs?

We have three – more or less – competing designs of the same topic. All of the designs have something that works and doesn't work which are quite easy to spot. The designs have a bit different ...
0
votes
2answers
136 views

Negative Visual for a positive action

I have a warning notification in my software . It asks the user whether they want to proceed or not by providing yes and no buttons in the notification itself. I am thinking of using red font color ...
1
vote
1answer
299 views

Graph type showing aggregate id⇒(before, after)?

What's the category of graphs for showing this? ID | before | after ------------------- 0 | 45.6 | 24.3 ------------------- 1 | 1.7 | 89.5 ------------------- ⋮ | ⋮ | ⋮ I was thinking ...
1
vote
1answer
690 views

What is the main difference in between a UI KIT and a Styleguide?

We are working on documenting visual design and I wanted to know: what is the main difference between a UI KIT and a styleguide? Is the difference between them that the styleguide includes design ...
6
votes
5answers
463 views

Graphs - Contrast b/w colors are eye soothing colors

I have recently had a chance to work on graphs and charts, and I'm facing a problem when there are a lot of bars in a chart or stacked bars in a graph. Should we consider going with eye soothing ...
6
votes
6answers
1k views

How to visualize many weighted scores contributing to a final score?

I have a couple of (only very slightly technical) users that require a way to visualize a "scorecard". They have different factors that are scored. Each factor has a weight associated with it and the ...
3
votes
3answers
219 views

Visual hierarchy of typography in UI in practice

There are so many resources about this in theory, but I can't find any detailed guides or resources on how to apply the principles in an existing complex UI. The most obvious ones would be ...
3
votes
1answer
355 views

UI design for list of time

I am developing mobile app for checking transport time for bus service. Basically there will be different 'routes' and they will have regular schedule of bus trips. When user selects any route, app ...
16
votes
6answers
3k views

In a static data table, should rows be highlighted on hover?

My team is building a Material Design table component. The Material Design guidelines on data tables state: Row hover (Desktop) Display a background in a table row if a user hovers over any ...
1
vote
2answers
495 views

what color besides black and white are, measurably, most easy to see?

a practical example is when deciding what colour to pick for 'section titles' of long bullet-point text (has sub-bullet points also) on onenote, g-docs, and most anywhere so im hoping for a software ...