Graphical User Interface design (GUI-design for short) refers to the visual aspect of designing computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Generally refers to digital rather than physical ...

learn more… | top users | synonyms (1)

10
votes
2answers
1k views

What is the expected paging behavior of a tree?

I'm working with a tree data structure, which should be visualised (like in a file manager). The server can calculate the whole tree and the client will display it. The possible size of a tree can ...
10
votes
3answers
308 views

On an unlabelled slider, why does right mean higher, and left mean lesser?

Horizontal volume sliders, for instance, are often unlabelled. Other than the VLC player volume slider, I've never seen a label saying that the right means things get louder. How did that convention ...
10
votes
4answers
641 views

What's the purpose of the bottom bar in popups / modal windows?

There seems to be a common pattern where the bottom of a modal window contains an area that looks slightly separated from its content. I'm trying to find out where this habit comes from, and what ...
10
votes
1answer
939 views

What are the “Big Three” Gestures in Mobile Development?

last week, our project manager mentioned that we needed to incorporate more of the "big 3" gestures in our mobile software. unfortunately, she's off on vacation now and none of us know what exactly ...
10
votes
2answers
453 views

What is the best practice for checking a series of checkboxes?

I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...
10
votes
4answers
392 views

de-emphasizing cancel

Is it a good idea to de-emphasize the cancel button? download bmml source – Wireframes created with Balsamiq Mockups vs. download bmml source
10
votes
2answers
682 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
10
votes
4answers
809 views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that currently has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team noticed that users missed the tabs and only noticed them ...
10
votes
3answers
325 views

Does a developer need a book resource for UX design or just get information from articles, websites?

I'm a java developer and in the last few years I've been doing more and more gui coding and design with Ajax toolkits. I've seen a real need to improve my skills with CSS and javascript in wanting to ...
10
votes
2answers
525 views

Whats the best way to present a time duration to user?

We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle. Looking for simplicity and accuracy. I've added two examples that we've been working ...
9
votes
7answers
2k views

Visually show “File cannot be dropped here”

I am trying to show to user if "File cannot be dropped to the desired location" on my UI. Refer to the image attached above, user can drag and drop a file to the rectangular areas defined but not ...
9
votes
3answers
680 views

n-to-n selector UI

I am looking for a name of one specific UI element. I have unsuccessful tried to identify it before but this attempt failed. What I am looking for is an n-to-n selector where items move between two ...
9
votes
5answers
1k views

UI/UX in an Agile Development Environment

I'm working with a company on a medium-large scale web application. The application is to replace existing applications, manual, and electronic processes. This project is on a tight deadline, and is ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
9
votes
6answers
686 views

Are multiple entry points good or bad?

My example is a web-based application, but I guess this could go for anything: Multiple entry points for the same action, good or bad? My example: Adding a product against a supplier (vendor). This ...
9
votes
6answers
680 views

Do iOS application icons need to be updated for iOS 7?

as a graphic designer, would an application icon need to be updated to match the simplicity and flat UI of iOS 7? Do you think this would contribute to the UX overall?
9
votes
4answers
739 views

Mouse wheel interaction with nested scrollbars

Nested scrollbars (a scrollable area within another scrollable area) present some unfortunate difficulties, mainly when scrolling trough them with the mouse wheel. Whether such scrollbars are a good ...
9
votes
7answers
867 views

What's wrong with this picture?

Context I'm a developer (not a designer) working on a drawing app, and I'm a little clueless about ui / ux design. The functionality is there, but something is really wrong with the look of the menu ...
9
votes
3answers
714 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
9
votes
6answers
1k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
9
votes
7answers
1k views

Showing user's (name) initials but what if more than 1 user have the same initials?

I'm designing an app where users can assign tasks to other people. The space I have available to convey to whom the task is assigned to is about 23-25px. So right now we're just showing two initials, ...
9
votes
3answers
2k views

Are there any special design guidelines for big touch screens (30–50 inch)?

I'm about to develop an application for a large touch screen (around 40″). Now to my question, are there any special design guidelines for such a large screen? I have read Android/iOS/Windows RT ...
9
votes
3answers
311 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
9
votes
6answers
1k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
9
votes
5answers
636 views

Is it absolutely necessary to show the currently selected language in a language selector?

There are three choices of language. At least on mobile it would be nice if I could save a little space in the footer by omitting the currently active language. This seems risky though as it means the ...
9
votes
2answers
315 views

what's a good way to show the left/right hand of piano notes in “piano roll” format?

I'm a "lone developer" in need of some UX advice. I'm working on a piano practice program and currently show notes like this: (argh, please note that these are shrunken images of the real thing) ...
9
votes
3answers
208 views

Counting to Infinity - Are counters usable?

As the web gets older and bigger the numbers in a lot of counters will tend to increase more and more. I'm very curious about the implications in usability and user experience: Are these big numbers ...
9
votes
2answers
132 views

Borders editing control usability

I need a simple and intuitive control for editing rectangle borders. At the moment I have the following: At the left - preview box and current border selector at the same time. User can click on ...
9
votes
1answer
2k views

Are the Metro UI icons poor for usability?

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g. I can imagine that this provides a target like effect, emphasising the ...
9
votes
1answer
2k views

Are there any project methodologies for UI Design?

For my graduation assignment I'm going to design a completely new UI for my company's software. One of the requirements my university imposes is that the entire process be based on a project ...
9
votes
1answer
405 views

Is there any research on whether users understand ellipses (…)?

This GUI design pattern goes right back to the Apple Lisa in the early 80s: Is there any research covering: Whether people actually notice the three dots (...) at the end of a menu item or ...
8
votes
2answers
1k views

What background colors would correctly describe level of importance of item on the list

I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner: I would like to ...
8
votes
3answers
1k views

Displaying percentage difference from zero

I need to display the difference in percentage from the old value with the new one. I got the formula and it's working except I don't know what I should display if one if the value is zero and the ...
8
votes
6answers
778 views

Showing the full path to a folder when changing its name

I have a form where a user can enter a new name for a specific folder. The full folderpath is displayed on the form for informational purpose which leads to a problem. I don't want my form to expand ...
8
votes
6answers
477 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
8
votes
6answers
868 views

Key dimensions to efficiently describe a user interface

What is clearly thought out is clearly expressed and there is certainly a way to efficiently describe and classify the various user interface types that have spread. At the UI components level, ...
8
votes
6answers
483 views

How can I make these links more obvious to click on?

I'm working on a website redesign for a dental laboratory. While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the ...
8
votes
5answers
646 views

Are double tabs on the same level acceptable?

In my Windows application, I want to show the user some kind of map. The information displayed on this map can vary a lot, depending on filters set by the user. With these filters set, the user will ...
8
votes
4answers
1k views

How to design an IDE?

I am looking for professional advice including blogs and papers on how to design scalable Integrated Developement Environments (IDEs) and different approaches to it. By scalable I mean that the IDE ...
8
votes
4answers
434 views

Making changes to existing products

I keep coming across this situation and was hoping someone would have more information on this: We have an existing product and I have been requested to "make something work better", so I start by ...
8
votes
10answers
856 views

How can I deal with too much blank space in a desktop application?

Usually people are concerned with too much data/interface, and not enough screen real estate, but I'm in the opposite situation. The desktop application I'm working on has several tabs for entering ...
8
votes
2answers
295 views

Has user testing ever revealed that you have to change your app's UI colour?

Dark-themed UI colours have been popular for a while on certain desktop applications (Adobe Lightroom as an example), and seem to be popping up on mobile applications as well. I'm referring to the ...
8
votes
3answers
623 views

What do you think of gauges to display information in web dashboards?

I'm redesigning a reviewer-type website for college entrance exams - there are different categories such as math, science, english. Students can take as many review quizzes/exams as they want, and ...
8
votes
3answers
853 views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
8
votes
2answers
1k views

(One to many) to many form?

What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry? One parent element (a case - 15 data fields) One or more 2nd level elements ...
8
votes
2answers
938 views

In which situations is a popup window most appropriate?

There are many situations in which popup windows are currently used in modern UIs. Their primary use appears to be when displaying an error message or other descriptive information is desirable, ...
7
votes
11answers
758 views

Selecting multiple folders

I'm in the process of improving folder selection process of a backup software my company has developed. The goal is to have the user select the folder(s) he/she wishes to backup. This page describes ...
7
votes
7answers
2k views

Why do the popular browsers copy each other's user interfaces?

Why do all the popular browsers blatantly copy each other's user interface? See these screenshots to understand what I mean: Mozilla Firefox (see Australis is landing in Firefox Nightly and ...
7
votes
8answers
850 views

How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?

From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
7
votes
2answers
270 views

Mapping piano keys to computer keyboard

What are reasonable ways to allow the user to play a virtual piano using the computer keyboard? And are there any industry standards across music programs, i.e. keyboard-piano mappings which (whether ...