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

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

What is the reasoning behind grayscale icons?

Quite a few web applications have started utilizing gray(black) scale icons, for example Github,new Google Analytics, etc. Even applications like Firefox 4, Chrome, IE9, iTunes, Mac OS, have dropped ...
19
votes
6answers
911 views

How can I make a form look simpler?

I am designing a web-based application where you can add entries, and each of them have some 20 fields. For the most part, after adding an entry, it won't have to be edited afterwards. But the option ...
16
votes
6answers
4k 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 ...
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 ...
14
votes
1answer
2k views

How do I improve my visual design skills?

I am a novice UX designer and I am fairly comfortable with information architecture, interaction design, and creating mockups (low, med., and high). But when it comes to creating the actual UI, I have ...
12
votes
10answers
8k 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 ...
11
votes
7answers
450 views

What approaches are there to learn design, coming from a development background?

I'm a web developer trying to become a web designer. But seems that I'm lost in the world of design. But I don't know what to do, and from where should I start. I'm even unable to find good resources ...
11
votes
3answers
298 views

Can placing dark and light elements or blocks next to each other in a UI lead to problems in visual perception?

A designer on my project has proposed something that uses both light and dark backgrounds within the same context (basic mockups below). A short background for the app: It is a platform on which ...
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 ...
10
votes
6answers
5k views

best image to indicate swipe left right

What is the most appropriate image to indicate to users to swipe left or right? i am using http://cubiq.org/swipeview but i feel like it needs a swipe indicator in the background somewhere. Edit: for ...
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. ...
9
votes
5answers
359 views

What is the value of interface layout and its impact on the overall user experience?

I often have difficulty convincing people that the layout/design/visual-styling of an interface has impact on how the user feels about the product as whole. All to often the argument is that the user ...
9
votes
6answers
320 views

Best way to display whether someone is the right age for a match on an online dating site?

When I visit another person's dating profile, I'd like to see a visual indicator that communicates something about a person's age so I can determine whether they might be a good match for me--without ...
9
votes
1answer
208 views

Are there any resources about connotations related to visual elements from a cultural perspective?

I've been wondering about this for some time, are there any libraries or resources online that show what connotations are attached to any given design element from a cultural perspective? I am aware ...
8
votes
4answers
876 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 ...
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 ...
7
votes
2answers
186 views

Is it a bad idea to resize fonts with the browser?

For certain special pages I want to put content all on one page. Think of them as cheatsheets (or similar) the idea being is that users should benefit from seeing the whole page in one glance. However ...
6
votes
4answers
5k views

Is there a standard for single product websites?

I'm looking to help a friend provide website design feedback to his sister's start-up company. The site is http://myyogaloop.com They are making some pretty basic mistakes. For example there are two ...
6
votes
2answers
2k views

How should I mark “Mandatory” and “Optional” fields in a form?

I'm making a web app and in the admin panel there is in one place a list of items where (among other things) the administrator can select which items will be mandatory for the users, and which will be ...
6
votes
2answers
182 views

How do we design elements that feature unpredictably sized images?

There are contexts where a design needs to represent several items, each with inconsistently sized images. One example might be a customer database, where the customer's logo is an identifying ...
5
votes
2answers
264 views

How Many Screenshots Are Too Many

At what point am I offering too many screenshots? I am working a redesign of my company's help guides - these guides are mostly centered around our hosted mail services. How to set up Outlook, set up ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
4
votes
1answer
149 views

How can I communicate linear progress through a series of states with color?

I'm trying to help visualize a portfolio of projects. They start off in the first state with some basic details, then they're reviewed, fully defined, and finally, work is begun. Right now, the ...
4
votes
2answers
341 views

Best form element to indicate level of completeness of a task?

For example, if the user is prompted how long they have spent playing a videogame, with the options being: I have played it I have completed it I have mastered it Instead of a select list or radio ...
4
votes
2answers
120 views

Does having WiFi spots and similar equipment visible improve user experience?

Suppose I'm planning an office or a restaurant or a city. I need to plan where I have wireless communication spots installed. Those may be WiFi spots or cell towers or DECT phone spots. I've planned ...
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 ...
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 ...
4
votes
2answers
128 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 ...
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 ...
3
votes
4answers
464 views

Does a highly polished design deter users?

I have a gut feeling that interfaces that are "too" polished deter non-designer users. It seems like that the most popular websites and apps, even the niche ones who are very successful in their ...
3
votes
3answers
286 views

Visualize deceased user on social media?

Death is part of our life, but we tend not to think about it. When a user dies in real life, the digital user still exists. Sometimes relatives continue to update the deceased users’ social media ...
3
votes
2answers
324 views

Simulate Eye-tracking by Photoshop filters?

I've read some articles about visual perception and that it mostly differs in High-frequency, Mid-frequency and Low-frequency recognition. Whereas Low-freq is fastest and seems to be responsible for ...
3
votes
1answer
315 views

Guidelines on Pamphlet design to stop people from ignoring it

I have found that people tend to ignore reading a pamphlet which is distributed on a road side. How can one ensure in terms of design and strategy that people read and most importantly understand ...
3
votes
2answers
172 views

What impacts the user's visual flow on geometrically non-traditional web layouts?

I'm interested in making pages that don't conform to the traditional layout of a rectangular grid, for example: Using a grid of hexagons or triangles. Placing the title in the center of the page ...
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. ...
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 ...
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
3answers
421 views

Light source direction

It seems to me like the light source direction in most UI designs comes from the top or top-left. This is like the de facto standard, but I'm curious as to if anyone has ever successfully made ...
2
votes
3answers
220 views

Indicating relationships between multiple gauges or charts representing different views of the same data

The problem We have a need to show the status of a daily ingest of thousands of files coming from different senders. A quick mockup is this: The problem is that Ipsum and Dalore are just sub-views ...
2
votes
1answer
548 views

Graphic design critique parameters

I am working at a consulting company these days and I am having some issues with graphic designers I work with. Basically I have tested the graphic designers in various short projects for the ...
2
votes
4answers
312 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 ...
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 ...