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
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
89 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
124 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
33 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
106 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
36 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
44 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
103 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
143 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
147 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
93 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
42 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
70 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
160 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
126 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
61 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
69 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
281 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
79 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
85 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
73 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
46 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
283 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
169 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
93 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
100 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
86 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
68 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
63 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
91 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 ...
0
votes
1answer
87 views

Swipe-for-options UI component

What is the name of the UI component in mobile, which when scrolled or swiped to the side reveals options like delete, edit, move etc. ?
31
votes
14answers
18k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
0
votes
1answer
66 views

Icon conventions for “Ignore” and “Ignore All” [closed]

Does anyone know if there are conventionally used (best practice) icons for "ignore" and "ignore all" (for example, like in spellcheck). Thank you.
5
votes
5answers
16k views

What is the iOS alternative to a radio button?

There is a radio button in android and WEB but what is the best alternative in iOS? And please don't say segmented control becuase it's not working in my case. The case is a list of items 3-6 which ...
45
votes
7answers
6k views

Why do most programs separate Find and Replace dialogs?

Why do most programs separate Find and Replace dialogs? Obviously, I'm talking about apps like text editors and word processors, apps that are used for editing content. It just seems strange, at best,...
3
votes
1answer
95 views

What's the best way to work with master/details when inside a tabbed control?

I am working on a Windows Forms desktop application and I'm trying to come up with a good design for the whole application. I am using a sort of vertical ribbon on the left side of the main ...
3
votes
1answer
158 views

Where to place navigation menu - above or below featured image rotator?

I'm working on a car leasing website, and trying to place the navigation correctly. In my opinion, it seems better to follow the 'typical' website layout, where the navigation is either inline or ...
4
votes
2answers
82 views

How to show metrics on performance progress vs goal?

I am working in the interface for a software, and it is very important to keep it as simple as possible. For this specific problem it was decided that colours should be avoided (if possible), so not ...
1
vote
2answers
144 views

How to layout iOS with little content?

I am new to iOS development and was wondering how to layout the UI when I don't have much content? Below are the two extreme sizes of iOS device, iPhone 4s and iPad Air. The 4s screen looks OK but ...