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
1answer
49 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
759 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
164 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
330 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. ...
90
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
166 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
304 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
368 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
145 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
91 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
174 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
112 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
164 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
133 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
701 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
114 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
92 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
55 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
98 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
81 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
105 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
149 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
102 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
212 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
177 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 ...
6
votes
4answers
448 views

Is skeumorphism dead?

I've noticed that many big companies stopped using skeumorph graphics: Microsoft completely removed any glass-style look of Windows 7 and switched to a flat, "digital" and artificial look in Windows 8 ...
1
vote
1answer
79 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
148 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
201 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
96 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
132 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 ...
4
votes
2answers
213 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 ...
4
votes
3answers
250 views

Numeric input, text fields, drop-downs : Is this too complex?

I'm redesigning an interface to control an exercise game. The interface is going to be something like this (and exists on a PC, not mobile). Right now, we've gathered that our users want to be able to ...
13
votes
3answers
347 views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
0
votes
3answers
84 views

Allow Multiple Instances of a Page

On my UI, I want to have any option/icon so that user can show that this page can be copied or not e.g: The sample that I have decided so far is that when user hovers over the page, "allow multiple ...
2
votes
2answers
217 views

Has anyone used a hamburger style left nav in a web application (not a website)?

Has anyone used a hamburger style left navigation in a web application (not a website)? We are looking to see how you handled? If it is even popular thing to do for an application (not mobile) but ...
0
votes
2answers
98 views

Should I present a menu option that shows capabilities for a mode the user is not in?

Preface: So, this is a sort of cross-disciplinary question that combines RPGs, game development, and User Experience. I have previously asked this question on the gamedev stack exchange and I ...
3
votes
1answer
124 views

Input “Infinite Value” option in spin control

In my UI if a user selects to allow multiple mapping, he checks the check box next to “Multiple Mappings”. When this check box is selected, “Maximum Content Limit” option becomes enabled. Here user ...
0
votes
2answers
108 views

Visually show start and end of a condition

I want to visually show starting and ending of an if block in my UI. Each if block starts with <%if and ends with <%end%>. The condition is written in red. I’ve figured out a few ways to ...
3
votes
2answers
185 views

UI for system model vs. user model, for developers

Background: Product I'm working with caters to developers, and I'm redoing the UI to improve usability. Currently, the UI behaves like the system model, which is fairly complicated because its a ...
54
votes
11answers
5k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'?

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
9
votes
4answers
605 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 ...
2
votes
1answer
120 views

Why does YouTube add a space at the end of title edits?

I've noticed this behaviour on YouTube when editing the titles of videos I've uploaded: In the screenshot above, YouTube has automatically added a space character after the title. If YouTube have ...
1
vote
1answer
53 views

How to present reply chains on a mobile/condensed interface? [duplicate]

Take a website such as reddit where users can reply to a post, and then users can reply to that reply, etc. I'm building a mobile application that deals with a similar situation with nested ...