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
30 views
Workflow tools in javascript [closed]
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
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 ...
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 ...
5
votes
8answers
237 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 ...
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
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 ...
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 ...
1
vote
2answers
84 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 ...
1
vote
4answers
436 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/...
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 ( ...
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 - ...
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 ...
2
votes
2answers
250 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-...
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, ...
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 ...
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 ...
3
votes
1answer
83 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.
0
votes
1answer
55 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
72 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
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 ...
2
votes
1answer
102 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 ...
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 ...
0
votes
2answers
129 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 ...
4
votes
4answers
378 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 ...
1
vote
1answer
617 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
452 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
331 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 ...
1
vote
2answers
473 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 ...
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 ...
0
votes
1answer
386 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 ...
0
votes
2answers
86 views
How to best show a “replenish” meter?
Let's say I have a web app that offers widgets to be used by a user. A user can deplete widgets to zero, at which point, they would be shown that they need to buy more in one or more packs of 50. ...
0
votes
1answer
99 views
How to handle huge amount of user data?
We have a project where we have huge amount (>100k) of users in the system. With that amount of users it's pointless to start listing them all from UX and performance point of view. Typical use cases ...
1
vote
2answers
85 views
How to make an actionable item so clear that it's unmissable?
We have a CMS / web app that takes in repair issues sent by customer. We also have an app for the customer and an app for the technician. In a normal flow, the technician will directly receive the ...
3
votes
2answers
948 views
Mapping of column fields from CSV file with currently available fields
We have scenario where we want to:-
upload CSV file -> then import data from it -> Map data with current fields
I tried few designs:-
1)
2)
But I am still not happy with my designs. As I dont feel ...
7
votes
4answers
1k views
How to improve scannability in a nested table?
I have a list of events inside a table. the table's rows have zebra stripes that distinguish them from one another. the problem is that the text looks like a big unscannable block, it looks something ...
0
votes
1answer
46 views
places on ecommerce website where we can inject brand personality
what are some screens on an commerce website where we can inject brand personality, using visuals and copy
e.g. https://www.pinterest.com/angstrm/fun-404-page/ is a typical example
some other places ...
40
votes
7answers
7k views
Good way to visualize complex AND/OR query/criteria?
I'm maintaining a webapp with a feature dubbed the "rule form". It's essentially a complex HTML form that users use to build a "rule" with criteria that can be grouped into AND/OR blocks. When all the ...
2
votes
1answer
973 views
Material Design List with a lot of information
Can anyone point to a good example of a material design list where each list item has a bunch of information? I am struggling to put together a block of information that is appealing.
My specific ...
2
votes
3answers
382 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 ...
1
vote
3answers
224 views
A 101 question about UX and UI and IxD differences [closed]
I came to the field of UX from web development and even though I have an OK photoshop/illustrator background, I'm definitely not a graphic designer. But here the thing: I often see in job descriptions ...
1
vote
4answers
99 views
Resources on how UX designer can understand color theory and implement it in wireframes
In my company the wireframes are supposed to be in gray-scale because the visual designer takes care of the visuals aspect. For my side project, I wish to add colors to my wireframes. It would be ...
1
vote
1answer
36 views
Keeping “No” option in the drop down list is a good practice when I want to display all other options also?
download bmml source – Wireframes created with Balsamiq Mockups
I'm building a web application. I want to ask a user that do you know any of the following subjects (Here the options might be 20-...
3
votes
3answers
6k 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 ...
0
votes
2answers
117 views
Are pop-up's good for mobile? If yes how should you show them in mobile
I am working on a web application. I have a huge data on pop-up. I am attaching a scenario(desktop view) for better understanding. I need to convert this to mobile.
-2
votes
1answer
86 views
Which background color will be appealing for white text?
For my UX portfolio, I was planning to display the title in white. I was looking for some suggestions for the color scheme I could use and a decent background for the white title text. Thank you.
