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)

0
votes
3answers
114 views

Text Boxes: Balancing first impression with usability

I recently read Joel Spolsky's article Designing for People Who Have Better Things To Do With Their Lives, Part Two, and was intrigued by this: ... You may have noticed that almost every edit box ...
0
votes
1answer
50 views

An icon that best represents a user's karma points or a particular score? [closed]

Instead of displaying a numerical amount in the header of a user menu, is there an icon that best represents karma points? Similar to StackExchange but something that further elaborates the concept ...
1
vote
3answers
371 views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
2
votes
1answer
107 views

Layout options for Fast Item Entry

I'm redesigning a parts order entry system that is intended to make order entry simple and fast. Users often add 40-50 parts per order. For various reasons (client resistance, deadline, complex ...
0
votes
2answers
56 views

User can specify a directory for an auto-generated filename or specify an explicit filename

Software function Allow the administrator of a piece of hardware to download the server configuration and store it in a data file for backup / migration purposes. The interface is currently setup as ...
43
votes
9answers
5k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
1
vote
1answer
123 views

How to display configuration forms to minimize clicks

I'm writing a desktop application that allows a user to create a project and add data sources to it. I need to allow the user to edit existing data sources so they can change advanced options not ...
0
votes
0answers
65 views

Advice On Alternative To Using Many Dozens Of Check Boxes In An Asp.Net User Interface [duplicate]

I have a table that has 51 bit values to hold the values of statutes. In production, this table would have over 10,000 records for the different LocationID's. The UI for this in its pure database ...
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 ...
2
votes
1answer
64 views

Where to place navigation menu - above or below featured image rotator?

I'm working on a car leasing website, and trying to place the navigation correctly. In my opinion, it seems better to follow the 'typical' website layout, where the navigation is either inline or ...
0
votes
1answer
119 views

GUI for copying (Ctrl+C) selected email addresses

In a app view I have a list of persons. Each person has an email address, among other information. In front of each person there is a checkbox. The users can check these checkboxes to perform ...
2
votes
2answers
116 views

Should currency labels omit decimals for full dollars, i.e. $10 versus $10.00?

I need to show the User's balance in one of my iOS app , I am using inbuilt iOS API for currency representation, which gives me $10.00 for 10 balance, But my UI designer suggesting me it should be ...
1
vote
2answers
114 views

Ui guide lines for disabling controls?

In my application I am disabling some controls depending on some checkbox state .Basically the controls consists of textboxes and labels.Currently I am disabling only the textfield so I want to know ...
8
votes
4answers
717 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 ...
3
votes
5answers
299 views

How to indicate that specific sections of a page can be swiped

There are a lot of mobile UI design patterns that support swiping, and these are designed based on interaction and animation that indicate the behaviour. Examples include the 'swipe/pull down to ...
1
vote
3answers
405 views

Better option to warn user about an existing name

I’m designing a UI and user can drag and drop fields from “Available Fields” area to “Selected Fields” area as shown in image below: Now, if a user wants to rename a field, he double clicks on field ...
0
votes
1answer
188 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
2
votes
1answer
132 views

Scheduling app: to add all day option or not?

If a person wants to schedule something all day on Tuesday, Friday, and Saturday, should they enter 12 AM to 12 AM, or click on an “all day” checkbox instead?
0
votes
1answer
229 views

TriState treeview with checkboxes

Scenario I have a use case that asks for something like a tree view with checkboxes, but somehow it is one step more complex. I have a tree structure where for each node, the user can chose one of ...
32
votes
2answers
6k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
5
votes
1answer
402 views

Date picker whereas day doesn't matter

The main goal is to the user be select dates or a range of dates in a table. The day doesn't really matter much, while the year and the month does because it's the time between the analysis of the ...
0
votes
1answer
57 views

Can i ask a user to just enter his social media channel handlers?

A client of mine wants to add extra functionality to its app. He wants the user to be able to add his social media channels, but for this version, he wants the user to be able to just add his handles ...
6
votes
1answer
522 views

Are there studies on how well window glueing is received?

I'm curious if there are any studies or articles on this issue. What I'm thinking about is for example the Winamp implementation where there was a main window and all other windows could be glued to ...
0
votes
1answer
61 views

Usability of multi-directional sliders for touch interfaces

I have been trying to solve the issues of having to use two sliders that represent values of different orders of magnitude to give users a fine control over the value they want to input. I was ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
21
votes
2answers
2k views

Should a save button save information that is not on screen?

My app is used to edit email templates. As you probably know, emails can have a text AND html version. Below is the UI I came up with. My initial thought was 'only save what you can see', so when you ...
0
votes
0answers
75 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...
0
votes
6answers
284 views

Can I make double-clicking on a table row to open a details view intuitive?

We have tables with data where double clicking a row switches the table with corresponding row details. Currently a user can select a row and click a button to view details as well. Is there a way to ...
2
votes
1answer
128 views

Multi-Select Selection Display: List vs. “Tag Cloud”

I wonder if one method "performs" better than the other and if there are any extreme advantages/disadvantages. In my scenario, users will be adding more than 3 countries and will edit that list using ...
2
votes
2answers
349 views

How to indicate an item can be double clicked?

What is an effective way to indicate to a user that an item can be double clicked? The product I am working on allows users to drag icons with single click and open these items with a double click. ...
6
votes
5answers
459 views

Bigger font sizes trend

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
0
votes
1answer
36 views

Working With Designers/Content Writers [closed]

I am a server side programmer who as of the last year has really had to get comfortable with front end design and UX. I feel that I am currently producing good experience for the user however I lack ...
1
vote
2answers
209 views

Master / Edit / Detail / Edit

I am implementing a (Windows/WPF) dialog, which displays a list (companies), the details of the selected item (company name) and some items for that selected item (employees). Since I only need a ...
2
votes
4answers
178 views

Panels vs multiple windows

There are many programs for which the GUI contains several, discrete parts (all visible at the same time) for performing different actions, usually with one main part and other secondary parts. What ...
3
votes
2answers
86 views

How should a control look for entering multiple translations?

In our application the user can add entries (like materials) and add names for multiple (between 2 and 20) languages. For example: Wire (en) Draht (de) Fil (fr) In our case english is always the ...
0
votes
1answer
193 views

UI design for Task randomization (online survey tool)

Let's say that my tool enables you to create remote usability test (kind of). Users need a new feature - task randomization. When user design a project, he/she can add a survey but it isn't ...
0
votes
2answers
161 views

How can I show popovers on a mobile browser layout?

What is the recommended way to share information pertinent to describing a button on a touch-based mobile browser layout? For desktop browsers the way to solve this is to use popovers that display a ...
8
votes
2answers
914 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, ...
0
votes
2answers
108 views

When designing for desktop, is it still appropriate to design for standard pixel density?

With new, high resolution monitors and laptops popping up all over the place I'm starting to wonder whether I should be making the desktop only design elements of my websites suitable for high pixel ...
1
vote
4answers
262 views

How to mark field as edited by the user

I am writing a UI for configuring a big system. The typical workflow for a person using the product is to open a configuration form, which can contain hundreds of fields, make some small changes and ...
2
votes
1answer
105 views

Is it reasonable to expect users to know the F1 short-cut to access help

I am creating some in-line help documentation for my software and I was wondering whether it is reasonable to expect that the user knows that pressing the F1 key will allow them to access this help, ...
6
votes
5answers
2k views

What are we calling the 3 lines button in mobile apps? [duplicate]

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a ...
0
votes
1answer
63 views

Does styling the scrollbar affect UX? [duplicate]

What's the standard on styling scrollbars? Do you only apply it on panels within your application and leave the window scroll bars to a default? Does messing with scrollbar styles affect user ...
1
vote
1answer
79 views

How best to handle a long list of items to rate?

I have a site where one feature is where people list their skills and rate them in two ways. This often turns into a very long list, which makes the task of not only adding but rating each one ...
33
votes
6answers
4k views

Why do websites not use entire width of browser?

What reasons might a website not use the entire width of the browser, like Gmail does? For example, StackOverflow does not use the entire width — it has left and right margins. This means the ...
2
votes
2answers
131 views

Differentiating abbreviations for minutes and months

I want to, instead of showing "X minutes ago", show "Xm". The problem is, how would I differentiate if it were "X months ago"? I can't do "Xm" because that's used for minutes. What should I do if I ...
1
vote
3answers
111 views

Icon for Appending a file after existing file

I am designing an editor. On my UI, there is an icon for importing a file. When user opens the editor and clicks on “Import” icon, that file is opened in editor. Now I want that if user clicks ...
0
votes
0answers
55 views

What are some ways to organize documentation links in a portal?

I really like the documentation pages for AngularJS and Bootstrap, but they have a left navigation with contents on the right splayed out. I don't have that luxury, and as it is currently, the two ...
1
vote
1answer
99 views

How can these UI layout/style can be labeled and differentiated from a stylistic standpoint?

It is often difficult for a non specialist to label or to describe some UI layouts.. Is there a glossary or a source that can help meeting the right language to talk about an interface general look ? ...
1
vote
1answer
198 views

Master-master / detail approach? (a.k.a, how to approach summarized data)

Great day to everyone. I'm trying to design an application that is basically a to-do list, which of course provides some level of master-detail: a list of tasks and the detail for each task. Now, ...