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
351 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
244 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
131 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
183 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
279 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
398 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
170 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
2answers
206 views

Group of controls depending on value of combo box

In a UI, I get the user to make a selection from a combo box. This selection influences what other controls will need to be shown. There are also other controls that need to be shown, independently of ...
5
votes
1answer
141 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
2answers
507 views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
5
votes
1answer
169 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
669 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
1answer
312 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
187 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
226 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
212 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
250 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 ...
4
votes
7answers
440 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
1k 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
319 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
6answers
534 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
4answers
280 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
4answers
291 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
409 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
1answer
830 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
3answers
1k 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
5answers
332 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
481 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
184 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
282 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
1answer
434 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
3answers
132 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
2answers
181 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
198 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 ...
4
votes
3answers
241 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
4answers
524 views

Where to place the '< Back' link or button?

I am building a simple transactional site with two step process both on web and mobile (responsive). Target users both male & female age from 30-40 relatively tech savvy. First page is a ...
4
votes
3answers
163 views

One click 'select' and 'continue'

During a subscription process; the user has to select a product, out of a possible four, and then advance to the next stage where they enter their payment details. Is there a preference over having ...
4
votes
1answer
14k views

Designing an app for iPad / iPhone retina display

I am working for a client to develop an iOS app both for iPhone and iPad including for retina displays. The client is going to get the UX designs himself. We use the Apple's iOS Human Interface ...
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 ...
4
votes
2answers
242 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
4
votes
5answers
225 views

How to design a Win 7-like dialog for choosing One of N options without a confirm button?

The Copy file dialog of Win 7 constitutes an approach to presenting One of N options choices to users. This dialog, however, has been accused of being too hard to scan, and lacking click affordance. ...
4
votes
6answers
521 views

In mobile website when we use “Back” button then should it be always the titled as “Back”?

If we use Back button in website inner pages should we always use the text Back all the time or we should use the title of the last page. But title of last page can be longer than Back For example ...
4
votes
4answers
366 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
4
votes
3answers
59 views

How do you show that a feature can be selected individually or combined with another feature?

The user has 3 options/features to choose from, but here is the problem: Each feature can be selected separately/on its own. Feature A can be selected/combined with feature B. Feature B can be ...
4
votes
2answers
217 views

Essential input elements of a gui toolkit

I am in a process of designing a new toolkit for mobile devices (as a part of my Master's thesis). I would like to know if there is some theoretical backgroud (researches, books, tutorials, etc...) to ...
4
votes
3answers
402 views

What is the usual way to specify a GUI?

What is the typical or most effective way to specify the design decisions and interaction patterns of a specific application's GUI? I began to realize I do not really know what the parts of a precise ...
4
votes
2answers
455 views

iPad tap to edit text: how intuitive is this / how can I make it clear to users?

I am building the following iPad UI, and it includes a "tap-to-edit" feature: I personally like this type of UX - I like UIs where a user can interact directly with a document. However, I'm ...
4
votes
2answers
649 views

Right amount of padding between buttons in a mobile app

I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
4
votes
2answers
223 views

Is it a good idea to add new rows on top of existing ones?

Consider my fiddle implementation of a table1. (For those who are curious, here is the code2) At the beginning, my table was more conventional, featuring the + button below the table and adding new ...
4
votes
3answers
190 views

How to make textual messages in an internal company web app casual and interesting?

I'm planning to develop a web application for our company's internal use. So I need to design the UI of the application in a casual way. My intent is to make the system interesting. An example of ...