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)

5
votes
2answers
295 views

What is the best way to communicate that certain functionality is currently unavailable in an application [duplicate]

Let's say there is some feature in an application (accessed via a button) that only becomes available once a number of criteria are met. Off the top of my head, there are 3 options here: Hide the ...
5
votes
2answers
445 views

Convincing importance of a great UI [duplicate]

We have a good set of algorithms which are the core of our business. Our product itself works mostly as a plugin inside other workflows. There is web based UI which is used by some of our customers ...
5
votes
2answers
293 views

How to present filters graphically?

I'm creating a UI which allows users to specify filters, such as Age > 18. Until now, this has been quite straightforward as all it required was a simple layout as shown below: However, besides ...
5
votes
1answer
162 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
5
votes
2answers
210 views

How can I design navigation that also represents timed progression through stages in a process?

I am designing a system with the following characteristics: Users view challenges that require them to submit a response The challenges are broken up into 4-5 stages (e.g. submission, voting, ...
5
votes
5answers
296 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
5
votes
5answers
449 views

How to present information about multiple warehouse locations? eCommerce

I have a design decision that I would like some feedback on. I have an e-commerce store for electronic products. I am based in the UK and ship products from my location, this means I can show the ...
5
votes
2answers
3k views

Crisp GUI Look and feel for developing applications like spotify

Am wondering if anyone has any recommendations on what GUI library can be used for developing cross platform applications such as Spotify. I have a feeling Qt-Quick might be the best answer but am not ...
5
votes
2answers
205 views

Choice Box or Tabs for multiple contents in a view [duplicate]

I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories. Would it be preferred to sort them in ...
5
votes
4answers
731 views

Multiple Items Settings

Are there any known design guidelines for allowing users to apply the same settings to multiple items at the same time? Also how can I make it clear which items have the similar/same settings? As a ...
5
votes
2answers
377 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 ...
5
votes
4answers
2k views

Best type of UI specifications for UI design?

I've had some problems handing over specifications that were wireframe designs + explanation of elements, to UI designers/artists. What tended to happen was that the first few screens created were ...
5
votes
1answer
179 views

How to indicate that settings have been modified?

A button ("Filter by") allows the user to select a subset of all choices. After the user configures a filter, how should I indicate that a filter has been configured? I've thought about adding text ...
5
votes
1answer
393 views

What are the requirements from a multi-row tab control in order that users will be able to intuitively tell which tab is active?

In the implementation in Visual Studio 2010's "Tab Well" (a feature of the "Power Tools" extension), pinned tabs can be multi-row, non pinned tabs are in one scrolling row. In Firefox's "Tab Mix Pro" ...
5
votes
1answer
236 views

Documented guidelines for one-handed mobile phone interfaces

I'm trying to come up with user interface ideas for a mobile app that can be entirely used with your thumb while holding the phone with one hand. While I've looked at Apple's guidelines it doesn't ...
5
votes
1answer
198 views

How long to keep an Undo option available?

I'm working on a medical decision support app, taking certain actions in the app may result in legal consequences, therefore I'm adding an Undo. It's a single step incremental Undo and if not used for ...
5
votes
2answers
831 views

XML editor design indents XML without tabs/spaces - disadvantages?

I've developed an XML text editor that indents XML using a 'floating' left-margin rather than the more common tab or space characters. Indentation is updated continuously and only relies on the XML ...
5
votes
5answers
4k 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 ...
5
votes
1answer
479 views

What does a folded corner mean to a user?

Lately I've noticed an increasing amount of folded corners as UI and/or decorative elements on several web pages. However, it seems most of the sites seem to differ in what they want to convey with ...
5
votes
1answer
231 views

Heuristics to choose most appropriate chart for given data

I have typical web app. where the user effectively makes a query and he/she gets back some data. The data is in the format of 1 dimension/1 metric. For instance: city/population country/population ...
5
votes
3answers
238 views

Using application bar in data forms?

I am developing an application for Windows Phone. Asking some of my friend to test it I realized the way I designed data forms and the application bar behaviour is very annoying. The form design ...
5
votes
1answer
224 views

Any recommendations on dealing with wizard screens with wildly different amounts of content?

I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...
5
votes
1answer
291 views

Flag vs. Star in E-mail apps! Which would be the optimal placement for a 'flag' or 'star' icon in e-mail apps?

Most people read from left to right, so In my opinion the flag or star icon should be definitely on the left. In MS Office it's on the right, but there is an exclamation mark on the left (which has a ...
5
votes
1answer
154 views

Wizard inside a Wizard?

I am a UI designer, working on a webapp that deals with lot of user data and grids. The base portion where the user enter their personal details has been split up into a wizard. Here the user may be a ...
5
votes
1answer
198 views

Separate administration pages vs. front-end integrated administration

I was wondering if there have been any studies on this topic. Which one do most users prefer? For example, Wordpress separates the front-end views from the site administration views. Different theme ...
5
votes
1answer
440 views

What is the best way to display per-tab commands or actions?

I am working on a multiple document interface Windows application. We're using tabs to represent open documents for editing. I have three levels of possible commands: Global Per-tab Per-sub-tab ...
5
votes
2answers
3k views

How to let the user add and edit items in a ComboBox? (WinForms)

In my WinForms application there is a ComboBox with default values. The user should be able to add items to the ComboBox or rename existing items. I want the design to be simplistic. This was my ...
4
votes
7answers
496 views

Progress Indicator suggestions for multithreaded operations?

In the old version of our application, the operations performed during loading were sequential. We indicated progress by updating a single-line text string with the component that was being loaded. ...
4
votes
6answers
2k views

Two search bars on the same page or combination?

The main use of my site is video browsing. There is a search bar in the nav to search for videos. My site also has a photo section. I need to add search functionality on the photo section. I'm torn ...
4
votes
8answers
328 views

Looking for some ideas of for an alternative display of Full Name@Company Name

I'm trying to find a sexy/elegant way of displaying a user's full name and the company they represent. Currently, I'm doing Full Name@Company Name, for example Bob Smith@Microsoft or Sally ...
4
votes
4answers
301 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
4
votes
6answers
701 views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
4
votes
5answers
439 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
4
votes
4answers
295 views

How can I promote a value/ feature in a UI

I would to promote certain features/ values of my application throughout all its UI/ look and feel. Edit: That is, through my application UI I want to place small hints that my company has certain ...
4
votes
1answer
2k views

Why does the mouse cursor switch direction over line numbers in programming IDEs?

When you mouse over line numbers in IDEs, such as Visual Studio or Notepad++, the mouse cursor is flipped horizontally. I can't think of a reason this would be a ubiquitous user interface decision. ...
4
votes
6answers
430 views

Creating Interfaces that Build Emotional Bonds

What are factors in the user experience that lead to users having an emotional tie to an interface, why, and what would be an example of each factor.
4
votes
3answers
2k views

Vertical & Horizontal Scrollable UI

I am creating a UI that will allow users to search. The search results are displayed in a section that is scrollable both horizontally and vertically. This is weird because the web page will end up ...
4
votes
3answers
350 views

Can not reorganize large number of controls on a form , in a visually appealing and efficient way

I am software developer that has a job to create database for storing contracts. Contracts have annexes and construction reports ( I don't know how to translate this better, English is not my native ...
4
votes
1answer
857 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
4
votes
5answers
385 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
4
votes
3answers
680 views

“Modernizing” legacy applications and legacy users

I'm tasked with modernizing many older UNIX based applications to new, web-based applications. The UNIX applications are completely keyboard-based (ie. "04" to select the fourth application, "Enter" ...
4
votes
3answers
200 views

Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?

I'm working on a tool made for professionals to calculate advice for their customers. The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface. The ...
4
votes
4answers
323 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
4
votes
3answers
713 views

Usage of Golden Ratio [duplicate]

Possible Duplicate: Why does the golden ratio work? Or does it? How is that to use the Golden Ratio for the design of graphical interfaces. when I use it or should I? and on designing ...
4
votes
3answers
366 views

How can I show that data in a table is related to other data within the same table?

I have a table where every 6 entries of the data are loosely related. How can I show that these sections of data are related without adding a separate column explicitly saying so? I've tried to ...
4
votes
5answers
729 views

Multi-range Slider for Budget Allocation

I'm currently designing a slider that will be used to allocate a fixed budget to different channels. I posted some shots of the current design below. Right now, it's possible to simply drag the slider ...
4
votes
3answers
142 views

Is it necessary to show the name of the application on the screen?

For a mobile application, should all views show the name of the application? On the one hand, we don't want the user to get lost, but on the other, it could just take up space. Is there a UI best ...
4
votes
3answers
249 views

What is a suitable interface for exploring big images?

With the infographics fever there are a lot of big resolution images around the web. Usually, the designers are constrained to create them using long vertical formats otherwise it would be too ...
4
votes
2answers
198 views

“Copy from” vs “Import”

This question arose suddenly as I was implementing some new features in my app. Maybe I`m just overthinking this one, so I hope you can help me make things clearer =) The question When user takes ...
4
votes
4answers
246 views

Is the absence of a visible scroll bar confusing when asking users to agree with license terms?

This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...