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
1 vote
0 answers
24 views

Icons / Symbols for Concepts or Learning Material [migrated]

I am on a journey of creating high quality Material for Software-Development learners about the topic of how to write good or "Clean" code. I am currently searching for Symbols / Icons (not ...
Chris's user avatar
  • 111
1 vote
1 answer
42 views

Is there a visual symbol or device denoting "selection" or "extracts"? [closed]

I'm looking for a visual symbol or device to denote "selection" or "extracts", suitable for depicting as a stamp or badge or similar on a document's front page to show or emphasise ...
tell's user avatar
  • 271
3 votes
1 answer
73 views

What's the purpose of the colour filters in Windows/macOS/Linux desktop environments?

In their accessibility settings Windows etc. have colour filters for colour-blind people, such as people with Red-Green-Deficiencies (Deuteranopia, Protanopia etc.). As a non-affected person, I wonder ...
John Doe IV's user avatar
4 votes
1 answer
376 views

Bento Grid Trend: Interactive Dashboards [closed]

I am exploring the integration of the Bento Grid trend in interactive dashboards and seeking insights based on your experiences and knowledge. Background: The "bento box/grid" concept, ...
Alex Marcevoi's user avatar
2 votes
2 answers
550 views

Serious visual hierarchy guidelines

I have been looking for guidelines on visual hierarchy with precise and substantiated recommendations, yet I have found only generic tips, such as "you can use contrast and font size" to add ...
drabsv's user avatar
  • 391
1 vote
1 answer
132 views

Can UI design patterns be patented?

Just like any other product innovations safeguarded with patents, are there any provisions for UX design patterns to be patented? Does anyone know of any research related to design patterns?
veteran's user avatar
  • 53
0 votes
1 answer
50 views

What is the UX guideline or ruleset for making accessible while we have conditional formatting colors applied to each rows?

While we have color palette to handle conditional formatting of table rows we want to create accessible color palette. How is this handled addressing accessibility for colour blind like greyscale? Any ...
Ashwin Kulkarni's user avatar
1 vote
1 answer
212 views

Best way to show errors in a text-based Terminal app for this new programming language?

I have the beginnings of a new programming language I'm working on, which uses "trees" of lowercased terms (separated by dashes for multi-word terms). The punctuation and everything can be ...
Lance's user avatar
  • 441
0 votes
1 answer
66 views

Will it be distracting to shift from dark to light background?

I’m working on a portfolio and the landing page I imagined with dark background and white text, while rest of the pages are normal black text on white background. This landing page won’t be scrollable ...
Bluebug's user avatar
  • 316
-2 votes
1 answer
313 views

Can a form field have different radius from the button? [closed]

Can the email address field have a different radius from the button? We have pill-shaped buttons across the whole website. But I didn't want to make the email address field with the same shape seems ...
user152406's user avatar
11 votes
4 answers
2k views

Displaying 2 lines row/result in a List view and UX

I am seeing that when showing results based in 2 lines, the perception from end-users is not good or as intuitive that in a single line result (even having a slightly different background color) Is ...
Daniel Perez's user avatar
3 votes
1 answer
280 views

UI to show partial completion of a non-sequential process

How do I show that 1 out of 3 required users have approved a process if I can't show names and any user can approve in any order? It's important to convey that user 2 doesn't have to wait for user 1 ...
Johnny Power's user avatar
10 votes
4 answers
4k views

How to make checkbox selection less of an eyesore?

I'm working on a component (see image) that shows the results of a keyword search. Each result displays: the title/link to an article, a snippet from the article, a checkbox reading "This ...
darz123's user avatar
  • 101
0 votes
2 answers
114 views

Item selection from a visual list when item also has other functionalities

I need to create a visual list of items from which user can select the items they want to add to favourite items. Selecting items must work on both mobile and desktop. Therefore app is implemented as ...
locationunknown's user avatar
5 votes
4 answers
491 views

What are the overarching strategies or artefacts for improving UX of products

Not sure exactly how to phrase this question, but what would you consider overarching strategies or artefacts for improving UX of products in the long term. These would be maintained within team and ...
Blue Ocean's user avatar
  • 10.7k
1 vote
2 answers
97 views

Where's the risk on gradual enhancements vs redesigning the whole app?

I'm working on a legacy software built on Java 6, the design is old and the components look like they're from Windows 98. We're introducing a new big feature and one of the requirements is to design ...
user122415's user avatar
5 votes
2 answers
467 views

Open source projects UX designers can join? [closed]

I am willing to contribute my free time to open source projects but most projects on Github require software engineers. Who could point me to a couple of open source projects on Github where I can ...
Oluwatobi Mayowa's user avatar
14 votes
2 answers
3k views

When to use the gestalt principle of common region?

The image below, which can be seen on this medium article uses lines to separate various graphics, but could also use different backgrounds, which is something pretty common when designing dashboards....
Carla Graça's user avatar
4 votes
2 answers
963 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 (...
machaerus's user avatar
  • 143
1 vote
1 answer
1k 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....
Michael Lai's user avatar
  • 27.1k
2 votes
1 answer
517 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 ...
Aron's user avatar
  • 21
5 votes
8 answers
462 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 ...
guy_who_designs's user avatar
4 votes
2 answers
328 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 ...
Ashwin Nepal's user avatar
0 votes
1 answer
89 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 ...
Abhishek K's user avatar
1 vote
3 answers
625 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 ...
Ratan Servegar's user avatar
1 vote
2 answers
250 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 ...
David Abisaí Gomez's user avatar
2 votes
4 answers
10k 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 ...
Simon's user avatar
  • 257
0 votes
1 answer
112 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/...
Jasmine's user avatar
4 votes
1 answer
100 views

Accessibility in computer 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 ...
Michael Lai's user avatar
  • 27.1k
1 vote
2 answers
125 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 ( ...
Shriram Prakash.M's user avatar
1 vote
2 answers
293 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 - ...
Ashwin Nepal's user avatar
0 votes
1 answer
206 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 ...
Ashwin Nepal's user avatar
2 votes
2 answers
378 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-...
TinyTiger's user avatar
  • 123
1 vote
1 answer
159 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, ...
Sheraz's user avatar
  • 1,819
1 vote
1 answer
74 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 ...
FanManPro's user avatar
  • 113
1 vote
2 answers
123 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 ...
richard's user avatar
  • 3,234
3 votes
1 answer
583 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.
Tetsille's user avatar
0 votes
1 answer
67 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 ...
giberto Quintero's user avatar
2 votes
1 answer
111 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 ...
Sheraz's user avatar
  • 1,819
1 vote
1 answer
319 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 ...
adam.heleniak's user avatar
2 votes
1 answer
234 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 ...
imakesoft's user avatar
  • 363
1 vote
1 answer
647 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 ...
wellhairy's user avatar
0 votes
2 answers
208 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 ...
Sheraz's user avatar
  • 1,819
1 vote
1 answer
309 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 ...
A T's user avatar
  • 113
4 votes
4 answers
2k 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 ...
thanksd's user avatar
  • 141
1 vote
1 answer
2k 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 ...
Orange Juice's user avatar
6 votes
5 answers
703 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 ...
Harshith's user avatar
  • 1,731
7 votes
6 answers
5k 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 ...
JDoe's user avatar
  • 71
3 votes
4 answers
286 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 ...
Blue Ocean's user avatar
  • 10.7k
3 votes
1 answer
536 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 ...
Dexter's user avatar
  • 133