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)

1
vote
4answers
263 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
68 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
80 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
112 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
100 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
208 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
391 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
161 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
78 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
55 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
772 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
167 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
87 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
87 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
371 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
97 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. ...
94
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. ...
2
votes
4answers
422 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
467 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
160 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
105 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
183 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
140 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
178 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
138 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
727 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
118 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
111 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 ...
0
votes
2answers
56 views

Handling loss of visual relationship when selected item scrolls out of view?

I have a list of items. These are selectable, but only one at a time, and when one is selected a panel to the right of the list populates with further info on that selected item. The row is styled to ...
1
vote
2answers
108 views

Alternate for radio button to show default selected file

User has a list of multiple files. When user logs in for the first time, I want to show current application selected by default. Currently I am doing it using Radio Button like shown below: But in ...
4
votes
1answer
86 views

Choices: showing new items vs a clickable “x new items” banner

We are creating a web application with a Twitter-style list of items, with a new item being added/shown once every few minutes. A subject for debate is whether we should show new items automatically ...
1
vote
2answers
72 views

Select between page and object on it when both have same boundaries

ON the UI that I’m designing, I have a page and there could be multiple rectangles on the page like shown below: A page can be selected by clicking on its boundary. Similarly, a rectangle can be ...
0
votes
2answers
118 views

Should UI be phrased positively or negatively? [duplicate]

I was discussing with a workmate whether user interfaces should be phrased in a positive or a negative manner. I've observed positive sentences are clearer than negative ones to the average user. ...
1
vote
2answers
170 views

Can we build UX into old, large legacy systems?

For huge corporate, legacy applications we dont tend to have the luxury of re-vamping the UI after assessing the UX of the process that those apps support. However, just because there has been a lack ...
1
vote
2answers
115 views

Design pattern for drag drop within a ListBox?

Need advice on how to build an intuitive UI: I have a ListBox of items, that can be re-ordered by drag drop. I get to this screen when I add a new item. Now this new item needs to be inserted into ...
2
votes
3answers
213 views

How to arrange five blocks on UI

I have five blocks on UI: On the basis of rights of user, these blocks will be visible. For example, if an Admin signs in, all blocks will be visible. For Manager, I want to show block# 2,4 and ...
1
vote
2answers
229 views

Dynamic Progress Indicator

I am currently working on a responsive web app and am having some issues designing a progress indicator that I am happy with. The app is a workflow based tool which works by displaying cards ...
1
vote
1answer
88 views

Alternatives for multiple popup dialogs that look the same and are frequently used

I am trying to improve the interface of a tool. Currently, we have 4 popup dialogs which all look the same and have the same functionality. They consist of a list and add/remove buttons and in each ...
2
votes
1answer
155 views

Why did Windows XP ship with the volume control icon missing from the sys tray

I remember, on virtually every installation of Windows XP, I had to go hunting for the config that showed the volume icon. This was quite frustrating to me, and although the issue is quite old, I ...
2
votes
2answers
242 views

Best way to represent gender

I am building a social app, but I'm stuck at one place. I have to show the gender of a user. I was thinking of a few things- Maybe i could show those gender icons like these,besides every user name. ...
0
votes
1answer
105 views

UI when having many-to-one table relations

Let's say I have a database employees-manager and that I have two tables: employees and salaries. Also, let's say that employees table have only 2 columns (emp_id and name_of_employee) and salaries ...
1
vote
2answers
140 views

Should the iOS slide out menu link to all features or should it avoid duplicates?

On my home screen, I'm linking to a few of my main features and putting the rest in my slide out menu. I'm wondering if I should list the features available in my home page on the menu as well. It's ...
5
votes
2answers
247 views

How should hamburger menu open in mobile apps?

I have seen many mobile apps which currently use hamburger menu as sidebar menu as it is very convenient and user friendly. Now, we have started to use it in our mobile apps design and it is very ...