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)

4
votes
2answers
69 views

Input of sequential data

I am currently working on a dialog where the user inputs a sequence of names. This sequence is simulated in the underlying code as the user types, and "issues" with the sequence are printed below the ...
2
votes
1answer
76 views

Advice/resources asked for designing a sort of “tasks to complete” layout

I'm creating a site where a user has to perform several tasks on his own. The theme lies close to a market place site where a user puts something online for sale. Think about uploading images, ...
0
votes
3answers
100 views

What could be a better workflow for this software installer step?

I have written an installer for a piece of software. It requires another piece of software in order to run (the .NET Framework, which is already installed on the majority of Windows machines). If not ...
-1
votes
3answers
2k views

Desktop UX vs. Web UX [closed]

As a C#/WPF developer and a beginner to UX I find it hard to apply some ideas to my desktop applications because most of UX books are focused on web development. What are the main differences between ...
1
vote
0answers
40 views

Windows 10 desktop-only ux guideline AND show case applications [closed]

I was previously developing Android apps. There we have the very detailed specification of the Material Design AND there are apps like Google Mail, Google Drive, Google Docs, Google Calender that ...
11
votes
4answers
1k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team observed users missing the tabs and only noticing them when we ...
1
vote
0answers
38 views

What is the best way to build visual boolean queries? [duplicate]

What are some good examples of building complex boolean queries? The requirements for the interface would be: The user is able to use AND, OR, and NOT statements The user is able to next queries in ...
0
votes
1answer
25 views

How to treat 'activity' panel with no activity

I have a Web based UI, and it has a one line panel in which a summary of ongoing background activity is shown. When background activity is occurring, a spinner shows in the panel with a summary of the ...
3
votes
1answer
547 views

Multi-Select Selection Display: List vs. “Tag Cloud”

I wonder if one method performs better than the other and if there are any advantages or disadvantages. In my scenario, users will be adding more than 3 countries and will edit that list using the ...
1
vote
2answers
92 views

Displaying errors to a user - One at a time or all at once?

For context: This is a desktop application interacting with a service running on W7. I'll try and leave all the technical details out of this, but here goes: Part of my application has to send a ...
45
votes
6answers
6k views

In a sign language dictionary, should video loop by default?

I am building a visual dictionary for a sign language. Part of the dictionary is a video function where you can see someone making the sign or signing a definition. These videos are pretty short, 1-2 ...
2
votes
1answer
90 views

Should previously opened submenu collapse automatically upon opening a new sibling?

I have a web application with a left menu where each item can have sub-menus within it,similar to this example : Now,if I am under a particular menu and then I navigate to another menu item what ...
0
votes
5answers
126 views

Cancel and Back button on same form?

I have a web application where we end up at a screen with a form and we have both a CANCEL and BACK button on that screen. My doubts are : Should we clear out the form on pressing the back button? ...
0
votes
1answer
34 views

Delete all action in a table

I have a table with certain records as shown below : If I select all the records and delete them via delete button,what approach is best for the after scenario's : Retain the table headers and ...
3
votes
4answers
131 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
3
votes
2answers
107 views

What is the difference between “Skip” and “Continue” in an alert?

When I try to delete a file which is in use, the alert gives me 3 options: "Skip", "Stop", "Continue". I know "Stop" means to cancel this action. But "Skip" and "Continue" seems to have the same ...
1
vote
0answers
38 views

Android: StackView Widget with Graphs in it [closed]

I want to design a stackview widget for home screen which should display real-time graph of a particular stock co. with some text under it..Like This Graph will be something like this If any one ...
2
votes
2answers
53 views

UI label type prefix/suffixing consistency

We are having a small debate between QA and programmers on the best consistency for labels. On a form with about 40 data entry controls we have around 6 date fields. A small example of these fields ...
0
votes
4answers
45 views

Pagination error/validation approach

I have a table to display certain entries,that table includes pagination as shown below: I could think of two approaches to show the validation/error message: Highlight the box if the user enters ...
4
votes
1answer
104 views

Advice on how to re-order elements for smaller screen size

I have a web app that displays data in tables. And there's different options to display that data. In full size the options show as follows: The two blank boxes are input boxes and together with ...
3
votes
2answers
146 views

Alternative to checkbox matrix

I'm a developer designing a portion of a UI the allows the user to select certain configuration options. There are 4 different sections that can be configured. Select countries, and then languages ...
3
votes
3answers
150 views

(iOS) UI for obtaining beginning and end time for sleep duration

I'm researching the question of how to best collect data from people on how much they slept. Rather than requesting a text / integer value, I want to investigate the possibility that putting in the ...
0
votes
2answers
95 views

Are hover features more discoverable in simple desktop web UIs?

Thinking only in the scope of a desktop website, I'm wondering about the discoverability of mouse hover functionality. Allow me to contrive a scenario to explain my question: Let's say I'm designing ...
0
votes
1answer
43 views

What Android GUI design patterns are suited for multi-stage process with a separate screen for each stage?

I'm working on an app in which the main workflow consists of two stages or phases, each with its own screen. What I have right now is two activities, the first one of which has a "Continue" button ...
3
votes
2answers
72 views

Showing progress for a determinate task that changes unexpectedly

The standard pattern for the use of progress bars/status is usually divided into two different types: Determinate progress where the amount of time/tasks is known, and the user interface reflects/...
11
votes
4answers
54k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
5
votes
1answer
163 views

Standard behaviour of dropdown buttons and its styling

I have been reviewing some UI design patterns where the use of dropdown buttons as both a selection and call-to-action has been ambiguous, and I am thinking of how it relates to various design ...
5
votes
4answers
127 views

How to make apply changes more noticeable?

I have this problem. I'm working with an application that has a live and nonlive mode. It's used in a live show (control lights), so people usually make modifications but they are not supposed to be ...
1
vote
0answers
63 views

Home Page design for a File repository

The product is a file repository / publishing software that is managed by admins. Admins add file and reports, that can be promoted to the landing page carousel or to their respective folder based on ...
1
vote
1answer
70 views

What UI element is used in Google Analytics Custom reports?

Both the metric group and drilldown dimensions in the Google Analytics Custom report use an interesting user interface (UI) element where the user can add any amount of elements to a list. These are ...
3
votes
4answers
284 views

Tooltips, where to place?

We have an internal, json editor web application. It is extremely form heavy, basically pages worth of one dimensional tree structured nested forms. Think something like this, but bigger and some ...
1
vote
1answer
60 views

Need some ideas on how to show the list of users in a table? [closed]

I am working with the report module of a website. I have the following table design. Now I also want to show a list of user with which each report is shared. I am stuck on how to implement this as ...
1
vote
0answers
80 views

Interaction to show/hide tags using info icon

Product : Universal file holder for a large enterprise Situation : Navigation side bar with unnecessary file details The files are tagged so they can be filtered. However, we already have those ...
0
votes
0answers
14 views

Auto-fill common domain suffixes for email address field

I've seen forms where input element for Email suggests commonly used domains, like the example below. I can see this being useful to prevent misspelling of domain names and for speeding up the sign in/...
1
vote
2answers
86 views

How to represent a latency chart?

I develop a monitoring tool for applications, and one of the upcoming feature is a new "Latency Chart". This chart is made automatically as a jpg file, and it represents the latency of a given host ...
1
vote
0answers
75 views

Bubbles UI inspiration [closed]

I am struggling to find inspiration for designing a Bubble UI - something like this http://codepen.io/sol0mka/full/yNOage/ It would be used in an app, each bubble would have text content and VERY ...
2
votes
2answers
47 views

How to make specific “Take action” buttons or blocks?

Let me explain what I need... I have a dashboard for transportation companies. In that dashboard, we have info about the user and all the invoices that he made: the ones that he has to correct ...
1
vote
2answers
287 views

How to design UI for using barcode scanner for add/remove functions

I am using a Bar-code scanner on my mobile app (Android) to update items at a remote server. The user can either want to scan to increase the item's quantity by 1 or decrease by 1 each time they scan. ...
1
vote
2answers
173 views

Priorities for a UI designer [closed]

I am taking the very initial steps to develop a new app. I have done some work and I thought it is good idea to involve a UI (and perhaps a UX) designer from the very beginning. So, what I did was to ...
2
votes
3answers
98 views

Mark as Favorite interaction

My client is a large enterprise that designs its web pages on the basis of their Design library. Trying to create a Catalog for all their internal apps. After several discussions we came down to this ...
2
votes
1answer
57 views

What’s a good way to showcase “app discovery” on a platform?

A big part of our USP is to take the structure data on recipes and allow additional functionalities on top of it. Here’s an example: Clicking on the Print & Other Apps exposes “apps” like unit ...
5
votes
1answer
202 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
4
votes
1answer
101 views

Problematic with desktop HUD activation using hot key or hot corner

Lately, Gnome & Unity each has implemented a new way to activate the HUD (Menu, Overlay Bar..) Unity: uses two hot keys that trigger with single press, Super|Win brings Menu/Sidebar & Left ...
2
votes
2answers
89 views

What's the most appropriate Metaphor for submitting a selected Item in android App?

I have designed and implemented an android application for patients aged >30. While conducting a usability Test, I found the following Issues : CheckBox: When the user searches for particular item ...
2
votes
1answer
69 views

Design implications of Balloon Tooltip vs Rectangular Tooltip

I'm using a tooltip for a validation message and trying to weigh different design options. I'm curious because in this walkthrough on using MaskedTextBox.ValidatingType, they go out of their way to ...
27
votes
6answers
3k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
16
votes
3answers
3k views

Why must a website footer always span the entire width of the page?

I am currently completing an online design course, and while watching one of the set course videos, the instructor advised: The [website] footer must always span the entire width of the screen. ...
0
votes
1answer
65 views

How to define a certain color code for an intranet? [closed]

I've been tasked with preparing a set of rules for the design standard of a collection of intranet modules. Most of these applications are already in production, and new ones are expected to be added ...
5
votes
3answers
117 views

How do I list contacts?

Let's suppose you have a chat mobile app that only sends messages. I'm the user. I want to send a message to X. If person X is in my contact list, but doesn't have the app, I text her and the ...
1
vote
2answers
93 views

Single and Multi-Select Up & Down Arrow Locations

I'm currently working on a interface that allows the user to order elements within in a box by using two arrows(up/down). Having designed and implemented controls of this nature in the past(some ...