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)

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
70 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
262 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
114 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
342 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
446 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 ...
0
votes
2answers
189 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
174 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
84 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
177 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
156 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
908 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
107 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
259 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
60 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
74 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
109 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
54 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
97 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
173 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, ...
3
votes
2answers
254 views

Standard headshot and thumbnail dimensions and width/height ratio

Is there a preferred size and ratio for images that represent a headshot/mugshot of a person? I have a project where we're taking photos of people, generate thumbnails, store the thumbnails and print ...
2
votes
1answer
117 views

Mobile app menu at the bottom of the page easier to access?

I saw the new user interface changes made to the New Words with Friends app, and they have placed the 'hamburger' menu icon at the bottom of the page, and moved the controls for the different views of ...
1
vote
1answer
77 views

What are some benefits of having a single child folder?

Let me rephrase the question: What are some benefits of having a single actionable event on screen (e.g. single child folder, single button occupying the whole screen estate, etc.), immediately ...
1
vote
1answer
51 views

How often should you redesign the user interface of a mobile app (non-consumer)? [closed]

Is there a published best-practice or recommendation for how often the user interface of a mobile app (professional/enterprise not consumer) should be totally redesigned? If so, could someone please ...
8
votes
6answers
765 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 ...
1
vote
2answers
165 views

Non-ordered workflows

My team is developing an application on a mobile device involving a lot of scanning of barcodes (industrial applications, yay). Mobile = limited real estate. In a particular case, we need the user to ...
2
votes
2answers
86 views

Best way to construct a daily repeating set of steps?

I am developing an (web)application in which a user can upload data (for example excel, csv), apply some filters and export this data in several other formats. The user can continuously upload more ...
54
votes
13answers
4k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
1
vote
1answer
51 views

Depth of application state persistance

Is it a good design pattern, in this case for Android, to persist the application state for wherever the user is, or should this be done just for the first level of depth?
3
votes
2answers
86 views

How to cope with items of vastly differing durations in a schedule control?

I have to create a schedule control for displaying items with duration as little as 1 seconds and potentially as large as couple of hours. First thing which seems clear is that I will need some kind ...
2
votes
4answers
349 views

Best way to show tabs in UI

I'm working on UI where I need to add tabs. Currently I have added tabs all of same size but size of text inside each tab may be differ. Selected tab is shown by different color as shown below: but ...
1
vote
1answer
96 views

Is my assumption right? Most convenient area for most frequently used functionalities [closed]

If I were the designer of Evernote, I would have allowed the user to make full use of the large blank area as showed in the picture below. For example, allow the user to customize this area, e.g. ...
92
votes
9answers
10k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. ...
0
votes
3answers
177 views

Website theme change checklist

We are now changing the current UI to the new look, by just changing the font/logo and some graphical images. Current Site Looks like Generally i am trying to put all the changes in the document ...
2
votes
4answers
353 views

What is the best way to display language changing option?

We have a website that is dedicated to English teachers (English as a Foreign Language). The home page is mostly aimed at school principals - to interest them in our platform (product). That's why ...
3
votes
3answers
414 views

Does A Slider Control UI Element Like This Exist — The Joystick Slider?

A standard slider, such as an html5 <input type ="range"/> or its many javascript-enhanced brethren, works by providing a handle that you slide between two endpoints, typically with your mouse ...
0
votes
1answer
159 views

Error message text/buttons?

I have an iOS app where users can save contacts. There is a minimum of first name and last name to save, so when they try to save without filled out all the required fields, an alerts pops up that ...
-1
votes
4answers
95 views

Design Patterns for simplest, easiest to use website Feedback/Contact us form? [closed]

I'm looking for some canonical examples of Feedback forms. (Sort of Best Practice kind of thing). Goal is to make this as easy to use and gather only enough info to respond to the user. I've looked ...
2
votes
2answers
179 views

When to circle a symbol

I was wondering, if you have any basic rule whether to use a symbol, e.g. +, just plain or in a circle, e.g. (+). One example is the star (★) to favorite this very question (on the left hand side), it ...
0
votes
2answers
127 views

Setting of Cancel, Back and Next Buttons in Apple UI

I'm working on UI that follows Apple's UI Guidelines. Currently I'm developing a setup wizard UI but I'm confused about arrangement of "Cancel", "Next" and "Back" buttons. My current implementation ...
1
vote
3answers
172 views

Check box I think I should reverse this functionality

I work on a site with various homepage widgets. I have been asked to provide a check box for each widget with the label "Show in mobile view" that is pre-checked. Widgets have always been visible in ...
0
votes
2answers
137 views

What is the name of the two sections at the left and right of “classic” a web UI?

This question may sounds weird but I was wondering myslelf if the two sections at the left and the right of an UI had a special name (like header or footer for the top and the bottom parts). ...
7
votes
11answers
717 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 ...
2
votes
1answer
117 views

How to indicate a user the next action to do?

I'm on a C# Windows Form project, and most of my form is disabled at start, leaving only the connection fields enabled. When the user succesfully connected, a dropdown list gets enabled and the user ...
0
votes
2answers
102 views

Three different types of input from a textbox

I have three different forms of inputs, lets say that one is currency as in $dollars the other is an ip address and the third is a date The user will have to enter either one of these inputs in a ...