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

23
votes
7answers
2k 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
870 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 ...
13
votes
1answer
1k 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
7answers
432 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
287 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 ...
10
votes
7answers
5k 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 ...
9
votes
7answers
665 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
339 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
308 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
6answers
4k 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
1answer
192 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
709 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 ...
6
votes
4answers
4k 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
167 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 ...
6
votes
2answers
344 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 ...
5
votes
2answers
381 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
2answers
190 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
241 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
133 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
316 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
1answer
417 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
2answers
110 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
2answers
121 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
1answer
121 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
357 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
401 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
269 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
306 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
505 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 ...
3
votes
1answer
272 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
164 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
411 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
5answers
130 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
414 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
213 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
485 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
290 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
70 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
138 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
83 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
699 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 ...
2
votes
1answer
95 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 ...
2
votes
1answer
98 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 ...
2
votes
1answer
482 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
4answers
278 views

Creating “visual blocks”

I am designing a fill-in-the-blanks quizz. I start with paragraphs, and for each paragraph I append some buttons below which are the possible answers for the blanks. Please see ...
1
vote
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 ...
1
vote
5answers
355 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 ...