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

40
votes
7answers
3k 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, ...
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
894 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
3k 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
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 ...
11
votes
3answers
990 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 ...
11
votes
7answers
434 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
295 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
488 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
7answers
6k 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 ...
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
712 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
350 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
314 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
199 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
788 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 ...
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
181 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
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
172 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
409 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
210 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
201 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 ...
4
votes
2answers
247 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 ...
4
votes
1answer
203 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
538 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
138 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
321 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
116 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
450 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
132 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
127 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
382 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
410 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
274 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
321 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
289 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
169 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
446 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
1k 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
134 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
416 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
216 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
507 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
300 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
84 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 ...
2
votes
5answers
140 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. ...
2
votes
2answers
85 views

What metric should I use for A/B testing of a blog homepage?

We are launching a blog about web design. The goal of our blog is of an ordinary content site - to get visitors to read as many articles as possible (NOT to get ad impressions). Our designer has ...
2
votes
2answers
720 views

How to preview wireframes/design made with Keynote that are larger than my monitor resolution?

Many blog posts are recommending wire-framing with Keynote, since you don't have to spend in buying in another tool. So while trying out this with Keynote I hit a problem. If my page is longer like ...