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

learn more… | top users | synonyms

1
vote
3answers
306 views

How can I make the message of this hero image clearer?

You, like many others, may have some trouble understand what this hero shot means: You can also check out the actual landing page to see how the same image looks on a big screen. I intended to ...
1
vote
5answers
256 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 ...
1
vote
2answers
109 views

Do these button appearances give mixed messages about what will happen if you click the buttons?

There's a current discussion on meta StackExchange about extending a change being trialled on the Android Enthusiasts site to other StackExchange sites. This would bring changes to the voting buttons, ...
5
votes
1answer
55 views

Visually distinguish between build environments (dev, qa and production)

During the development of our mobile applications, they go through a development phase, a QA phase and are finally released into production. We create separate builds of the applications for each ...
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 ...
1
vote
2answers
34 views

Why show the reading time for an editorial article?

I noticed that while reading on medium.com every article has a suggested reading length. Reasons this might be good UX include: It adds relevance/timeliness (just as we list author/date of ...
0
votes
2answers
91 views

What is the best way to indicated available features in a price comparison table?

I'm currently working on a pricing table for a product that has 3 separate tiers. Some of them lack certain features etc. We've been debating how to mark the table cells to indicate what is included ...
1
vote
1answer
57 views

What is the best chart type for present, “track of orders or order status”?

I'm developing an application for ticket ordering system, for each and every task there is a ticket for you,and those tickets are assign to relevant employee, and for that particular task there is a ...
71
votes
11answers
7k views

How to display duration (HH:MM) so it isn't confused with clock time

I have a table in my application that shows dates along its x-axis, and different statuses along its y-axis. The table keeps track of how much time an employee spent in a given work status (on duty, ...
0
votes
2answers
68 views

Account creation with other important part. 2 or 1 form?

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 ...
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 ...
7
votes
9answers
3k views

How can employees be subtly reminded that when they talk loud in the cubicle farm corridor they disturb people in the cubicles? [closed]

We have a software shop with a cubicle farm where cubicles have non-transparent (painted drywall) walls about 1,5 meters high. There's a corridor running through the farm. Most of the time all the ...
1
vote
3answers
127 views

Should a dropdown have a value (or be visible) when the associated checkbox is unchecked?

We have users that can be assigned to different groups with an associated role on that group. For example, a user may be a "Contributor" on the "Human Resources" group, but an "Admin" on the "How To ...
0
votes
1answer
89 views

Visual Indicator For Manually Created Documents vs. Automatically Generated Documents

I'm working on a UI that is a master-detail-detail view that displays a list of documents to a user. Some documents are manually created and other documents are automatically generated. I have a ...
4
votes
1answer
230 views

Improve Design for Master/Detail View

I'm trying to put together a design draft for a UI in a business application that will allow a user to view a list of documents that will be published to recipients in one or more departments in a ...
5
votes
4answers
225 views

How can railroad operator help passengers find power outlets below their seats?

There'a railway car with passenger seats looking roughly like this (please ignore the seatbelt): Seats are arranged in ICE fashion - two rows with a passage between them, two seats in each row, ...
1
vote
0answers
31 views

Photoshop Shine Effect [closed]

I work with Photoshop and there's one effect I've seen that I can't manage to copy. The effect I'm looking for is the shiny effect in the next image: I looked online for shine effects but they ...
1
vote
2answers
455 views

How to show two brands of the same business in the navigation in one website?

I need to show two different brands in same website. Each has a different logo and navigation which should be visible by default, but they share a common sign-in/sign-up interface and currency change ...
1
vote
1answer
116 views

Visual presentation of hierarchical categories of content

I am on my way to transform my outdated, content-heavy website into a multifaceted, multimedia showcase of my research website through the process of analyzing and reshaping the web content. For ...
2
votes
1answer
119 views

Showing progress towards a two-step goal

I have a lightly interesting problem in that I need a system for awarding a t-shirt after two actions are taken. The two actions can happen anywhere within a 12 month span. It feels like overkill to ...
1
vote
2answers
561 views

What encouraged the designers of GNOME Web 3.11.90 to show both (a) the page title and (b) the address/location/URL in the header bar?

Points of reference, please, for documents and/or discussions that supported the design rationale. I'll add one answer, I don't know whether it's ideal. Background A brief, two-screenshot ...
0
votes
3answers
57 views

Can the visual hierarchy of headers be different than their actual hierarchy?

I have a header that is larger (visually) but is less important than a smaller header. Should the larger header have a lower tag hierarchy since it's less important? For example: Below, is it ...
5
votes
2answers
207 views

How should you create simple, color-coded graphics for color-blind people when the graphics are particularly thin?

I'm starting to make a Flash puzzle game, and I started thinking about how to implement a color-blind mode. (I know there's a game development SE, but this is a user experience question.) To keep it ...
2
votes
2answers
93 views

What is the best placement of character counter relative to the text field?

I want to show a character count beside a multi-line text field. Looking for any research or usability test findings regarding the location of that character count relative to the field (pic shows ...
11
votes
4answers
735 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 ...
0
votes
1answer
159 views

Metrics to gauge website design visual appeal

I originally asked this question at Graphic Design StackExchange about evaluating the aesthetics of a visual design, but since then found a really interesting study that I thought I should share with ...
5
votes
2answers
927 views

combining cards UI and buttons

I am designing a application for android and have decided to go with the cards theme for the visual design. reasons being, that the information being presented fits the cards format: short bursts of ...
1
vote
1answer
114 views

Tiles and product information

I am working on the redesign of a page that has a number of product “tiles”; the information relating to each of the items is quite dense for example: start and end date, notifications, status, ...
1
vote
1answer
104 views

Alignment for report columns

I am currently creating a Crystal report, but having difficulty on how to align certain columns. I have a Social Security, employee_name, Check Number and Amount. I understand that the amounts ...
-2
votes
1answer
54 views

How long for a visual design? [closed]

How long would it take you to do a visual design mockup of a dashboard (one-page) in say photoshop? This does not include any research related to it. Would you spend one day or more like a week? I ...
2
votes
1answer
146 views

What's the best way to visually convey rank?

I'm working on "infographic" style dashboard page where I want to convey the rank of something (and how big the whole group is). So "Rank #17 out of 2,312" could be conveyed like: I'm not loving ...
1
vote
1answer
2k views

Is it better to use a Likert scale or Semantic Differential for gathering attitudes towards pages?

For gathering users' emotional reactions to web pages via a survey, a researcher could use either a Likert scale (e.g., Agree Strongly - Agree Somewhat - Indifferent - Disagree Somewhat - Disagree ...
1
vote
2answers
139 views

Representing progress through a workflow that has parallel activities

I'm trying to create a visual representation of the state of a workflow process that is linear but has parallel branches in it, for example: A ----> B ----> C1 ----> D ----> E ...
1
vote
1answer
151 views

Button Styling to Indicate Severity of Action?

I am designing a multi-page form for creating course proposals at a university. Once the record for the proposal is created, the user has a variety of different options for what to do for the ...
4
votes
1answer
147 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:) It also needs to mark the days they took medication. Originally, I wanted to place a dot at the ...
2
votes
5answers
139 views

How to show one way is faster than the other?

There are three different ways to accomplish a task in my Java assignment. One is fastest one is slowest. However the actual time difference is in milliseconds(of course). The task at hand is to ...
2
votes
4answers
2k views

Professional Slides presentations. Light or dark background?

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 ...
4
votes
1answer
577 views

Color Scheme for an Older Demographic

I have a couple of questions: Is this color scheme too distracting for a senior demographic? Do you think the blue puts enough emphasis on the "buy now" button? Or does is not stand out enough from ...
1
vote
1answer
183 views

Is there data supporting the theory that women prefer rounded borders?

I've been told by people higher up than me that rounded corners are feminine and women like rounded corners. I'm female and I find this idea strange. But I don't want to debate based on bias and ...
1
vote
1answer
1k views

Venn Diagrams with lots of circles

We have an user interface that at some point displays data in Venn diagrams. So far its a chart with 3 entities (circles) in the diagram and it's really clear to show the relations between entities ...
1
vote
5answers
379 views

Visual design first, interaction later?

Has anyone had experience with visual design as the first step in the UX process? The idea being, interaction design happens after visual design, as more of a documentation phase. In effect, reverse ...
1
vote
3answers
125 views

How would you describe the way visual design contributes to the user experience?

When a website or product looks good, users enjoy using it more (assumption). They may even have more patience with the interface, regardless if there are usability issues, etc. How would you, ...
9
votes
7answers
784 views

Showing excess usage in a progress bar

I am working on a web app and would like to display the amount of transfer (bandwidth) that the user has used for that billing period. They are given a certain amount of bandwidth per billing period. ...
5
votes
2answers
463 views

process workflow visualization

I'm trying to visualize some steps in my application. Here is the scenario: User A creates task and assigns it to user B User B starts that task and adds some attachments to that task User A accepts ...
2
votes
5answers
145 views

Distinguish the concept of an album from a song visually

I am trying to conceive an application that has the concept of "album" or "song" (from an album or single) mixed in. I want to create some sort of visual cue to distinguish between those 3 concepts. ...
4
votes
2answers
420 views

Vertical Rhythm - How important is it

I'm working on vertical rhythm right now for my website. It's hard / impossible with images of unknown size. There's a javascript plugin that helps with keeping vertical rhythm by resizing the ...
-2
votes
2answers
99 views

How can I check my UI mockups on my iphone without emailing myself the files? [closed]

How can I check my UI mockups on my iphone without emailing myself the files? I found a great app called "Live View" which is a remote screen viewing application, but it requires having a mac ...
4
votes
1answer
527 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 ...
1
vote
1answer
141 views

Will it be better for making call-for-action buttons in warm colors?

Are there any A/B test/ statistics results revealing whether using warm color buttons is generally better than cold color buttons in UI? (despite the concern for the theme color of the brand)
2
votes
3answers
500 views

Display data clearly in small space (Google Maps InfoWindow)

I'm having a trouble using space in Google Maps InfoWindow. I am required to display the building address, image, two (2) sentences about the building, and a couple of icons near the More button. ...