Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [visual-design]

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

0
votes
0answers
27 views

Workflow tools in javascript

I have a simple app which has UI editor I have a need to build a workflow tool, allowing people to drag nodes onto a canvas, connect outlets of nodes to inputs of other nodes... Zoom.etc. I am ...
0
votes
1answer
80 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
35 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 ...
23
votes
15answers
42k 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 ...
5
votes
8answers
236 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
42 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
244 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
586 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
134 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
49 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
83 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
176 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
213 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
418 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
97 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
63 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
68 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
81 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
165 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
119 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
249 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
61 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
837 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
82 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
120 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
54 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
69 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
112 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
372 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
100 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
127 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
610 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
451 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
214 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
326 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 ...
15
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
470 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 ...
2
votes
3answers
380 views

UX and UI in different teams

I am looking to get some advice. My company are looking to split the UX designers and UI designers up. The UX designers would be sitting in their own team while the UI designers would be sitting in ...
0
votes
1answer
383 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
11
votes
5answers
2k views

On the difference beween UX and Product design - does it matter?

I've been in the process of gathering up my clients, my portfolio, and my wits as I consider a move from consulting back to an agency type environment. As a result, for the first time in half a decade,...