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
0answers
97 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
1answer
220 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 ...
1
vote
2answers
103 views

What to call the specific pinch gesture

Pinch is used to refer to the thumb and index finger either coming together or moving apart. Therefore, just to refer to it as pinch isn't exactly accurate because I need to refer to the exact ...
2
votes
1answer
179 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 ...
22
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 ...
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 ...
0
votes
2answers
170 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
6answers
336 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 ...
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
283 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 ...
6
votes
1answer
561 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 ...
3
votes
2answers
90 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 ...
2
votes
4answers
197 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 ...
0
votes
2answers
113 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
272 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
107 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, ...
0
votes
1answer
84 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
103 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 ...
1
vote
2answers
123 views

How to mockup conflicting user preferences

I wanted some ideas for a mockup for a preferences page. Basic problem is how to deal with global preferences - e.g. I only want to get SMS not email conflicting with product preferences - e.g. some ...
0
votes
0answers
62 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
3answers
117 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 ...
2
votes
2answers
132 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
1answer
105 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
261 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
734 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
211 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
79 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
57 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
779 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 ...
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 ...
1
vote
1answer
52 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?
5
votes
5answers
557 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 ...
0
votes
1answer
171 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 ...
2
votes
2answers
184 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 ...
-1
votes
4answers
126 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 ...
0
votes
2answers
182 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
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. ...
1
vote
3answers
212 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
143 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). ...
3
votes
2answers
153 views

Best way of making a credits transfer dialog

I am designing a dialog which would allow user to transfer credits from his account to "an object's account". Transfer is only in one direction -- after you confirm transfering credits to an object's ...
2
votes
1answer
120 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
124 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
59 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
3answers
148 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 file selected by default. Currently I am doing it using Radio Button like shown below: But in UI it ...
4
votes
1answer
88 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
75 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
139 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
189 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
132 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 ...
1
vote
1answer
95 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 ...