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
0answers
22 views

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

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 ...
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
19 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 ...
1
vote
1answer
37 views

Choosing between internal and production version of page

I develop an administration interface of website. In "live edit" mode user can browse the website and edit pages (mostly texts). Website is presented in default production design to user and only ...
2
votes
2answers
50 views

Customization of UI for single hand use

Looking at some articles written about Apples's new patent on specialised detection circuitry to whether the user is using the phone with their left or right hand, it leads to potential applications ...
1
vote
2answers
86 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 ...
0
votes
1answer
30 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 ...
0
votes
5answers
115 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? ...
2
votes
1answer
83 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 ...
3
votes
2answers
89 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
1answer
26 views

Direct user flow to exclusively mutual forms

I have a form where a user is presented with two options. They can either select (via a checkbox grid) flags for products, and exclude some specific items from that list, OR, specify only the items ...
43
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 ...
1
vote
0answers
27 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 ...
1
vote
2answers
46 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
40 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 ...
3
votes
4answers
124 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 ...
0
votes
0answers
38 views

Best practices in designing UI Kits [closed]

I would like to begin making my own collections of UI kits to use for future projects. Does any one have a list of resources that I can tap for best practices in making UI kits preferably in Sketch or ...
4
votes
1answer
97 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
122 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 ...
0
votes
2answers
85 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
41 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
56 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/...
1
vote
0answers
57 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
66 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 ...
1
vote
1answer
59 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 ...
0
votes
0answers
12 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
0answers
74 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
1answer
10 views

How to indicate proportion of tasks in each of several sequential stages?

I have many (thousands) of tasks, each currently in one of 5 sequential stages. (So every task goes through the exact same sequence, but concurrently, so that some are at a different stage from others)...
1
vote
2answers
79 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
67 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
44 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
1answer
84 views

Best UI/UX For Several Levels Deep Selection

Disclaimer - I am a backend developer who has to sometimes do frontend development. Our web application has entities. Entities correspond to database tables. Entities have fields. Fields correspond ...
1
vote
2answers
138 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
82 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
56 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 ...
2
votes
2answers
82 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
63 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 ...
1
vote
1answer
48 views

Telling user about action when clicking on a column in table

A table has a head row, which tells user the meaning of the column, like Google file table has name, id, mime type, created and modified date. But, in addition to presenting information in the table,...
66
votes
10answers
14k views

Why do editors (such as MS Office apps) have so much redundancy?

I'm thinking of making an editor and how it should differ against other editors. One of those points are promoting the work area over GUI buttons and information fields. Tool bars, menu bars, scroll ...
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. ...
-1
votes
0answers
57 views

Design concepts and patterns for a digital workspace in current web applications

I am looking for references to design concepts and patterns that is related to a digital workspace that is generic for working collating information from different sources and working with them. I ...
5
votes
1answer
141 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 ...
2
votes
1answer
53 views

Tree View with Popular Sub-Items Preview

There is a geographical hierarchy: Country -> Region -> Subregion. We need to represent this in a dialogue like this: Country 1 Preview of top 5 popular regions or subregions of country 1... ...
3
votes
1answer
54 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 ...
0
votes
1answer
61 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 ...
1
vote
2answers
77 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
82 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. ?
0
votes
1answer
64 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
3answers
114 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 ...
3
votes
1answer
82 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 ...