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
1answer
6 views

What label would best describe sorting items by due date?

I have a list view of jobs that need to be sorted alphabetically by name, or numerically by due date. Currently sorting is done by toggling ascending or descending sorts for these attributes, but ...
0
votes
1answer
84 views

Should I display progress bar for completed jobs?

I have a webapp with list of background jobs (interface is similar to this template). It displays progress bar on each job. Queued jobs have indeterminate style, running have some percentage and ...
0
votes
0answers
50 views

Displaying sub-filters in menus

I'm struggling with this issue: I'd like to know options on how to CLEARLY display a sub-filter option in a menu. To better explain: the problem is that I have a set of data that will be filtered ...
0
votes
4answers
103 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
1
vote
1answer
56 views

Search results - adding “hide” capability alongside “favorite”/heart

If you were to add a "hide this result" capability to a site like Airbnb, how/where would you do it? i.e. you search and get dozens or hundreds of results and start to drill down into them. While ...
10
votes
4answers
425 views

Does a developer need a book resource for UX design or just get information from articles, websites?

I'm a java developer and in the last few years I've been doing more and more gui coding and design with Ajax toolkits. I've seen a real need to improve my skills with CSS and javascript in wanting to ...
0
votes
1answer
61 views

Disabled state that cannot be changed; Hide or Show?

I have a privacy setting during a Creation wizard that contains two options via ratio buttons: Public and Private. By selecting Private, the user can later to change this setting to Public in an Edit ...
2
votes
1answer
209 views

What's the best way to layout an application for building lists of objects?

I'm building an application to support a small scale manufacturing process. The process has a number of discrete steps. "Widgets" are consumed in each step and new types of widgets are produced to ...
0
votes
0answers
89 views

Any reason to avoid “symmetrical” animations in complementary actions?

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
0
votes
2answers
93 views

Using card UI where should a set of actions go? (Share, details, info)

I'm using card UI for a project and while some cards maybe we in a row or a column many make up a grid. The issue is some cards have one action like "share" while others have 2 or 3 actions. I want a ...
2
votes
3answers
83 views

How best to label a column that contains values of different units?

I am presenting tabular data. One column represents the size of a shape, however the shape itself may be a line, area, or volume. So size values can be in units mm or mm2 or mm3. However, I only ...
0
votes
3answers
101 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 ...
0
votes
2answers
240 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
3
votes
3answers
105 views

Designing a popup notice for a game

To put this question in context, this is for a (mouse-driven) ui-heavy game. During this game many popup windows will appear. They are mostly non-interactive, just displaying updates on various ...
2
votes
1answer
34 views

Two objects which can be disconnected and then connected?

I'm creating a GUI for a program which maps keys from an external device to keyboard keys. The process is: [Waiting for keyboard key] (Shows a blank key) Press a keyboard key (Now blank key has ...
9
votes
6answers
1k views

Convey to user that they can input absolute numbers or percentages

I have a quoting form in which I want users to have the ability to add a discount. The discounts can be added as percentage or absolute values. My current design is a text field and a dropdown for ...
2
votes
1answer
45 views

Where to find sizes of Windows 8 UI elements?

In the Microsoft UX Guidelines the is a lot of information about best practice, interactions, and so on. But where to find information about space between controls, what width and height of the ...
6
votes
3answers
137 views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
18
votes
12answers
11k 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?
1
vote
3answers
105 views

Color Emotion Naming Convention Standard?

So I'm using one of the UI frameworks for a project I'm working on and I notice that there's a general naming convention for use of specific colors that are represented as moods. e.g.; Assertive ...
1
vote
2answers
491 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
1
vote
5answers
62 views

Presenting both information and validation errors in the same form?

Can I show the 'info' and 'validation error messages' in the same page. Could you please give me your comments? Attached screen shot.
0
votes
0answers
33 views

Looking for UX recommendation for a mobile app (Android) screen [closed]

I have this android app (FocusON). It is a productivity/self-help app that allows people to block smartphone distractions (apps, websites & notifications) anytime the user wants. I have this ...
2
votes
1answer
61 views

Thinking in Inheritance vs Editing Multiple Disimilar Values

When presented with multiple similar modules, all containing the same set of user definable parameters, what pattern is shown to best suit the widest range of user expectations? Inheritance: Using a ...
0
votes
2answers
233 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
3answers
441 views

What are some ways to manage more data on single page without scrolling?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
1answer
233 views

Presenting a list of sequential actions in a Windows application

I'm programming a small PC app which is mainly used to perform a set of sequential, step-by-step actions, and I wonder what would be a "standard" way to design its UI, so it would follow conventions ...
0
votes
1answer
113 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
9
votes
3answers
468 views

Is it bad practice to remove fast forward and rewind transport controls on video player?

I have the opportunity to customize a video player for an iOS/Android mobile app and am considering omitting the '<<' (rewind/skip prev) and '>>' (fast forward/skip next) controls. My thought ...
0
votes
2answers
66 views

Material design for “insert image” editor action

I'm developing an online document editor using Google's Material Design. The editor has a toolbar with actions such as Bold, Italic and Insert Image. When tapping on Insert Image the user shall be ...
0
votes
2answers
92 views

Report/SQL Builder - Nested conditions

I'm working on a project which will let a user create reports by building up numerous rules, so they can see the data they're interested in. The UI needs to be powerful yet simple. The Balsamiq's ...
3
votes
2answers
512 views

Best UI for an school attendance mobile web app

I have never designed user interface before. And I have very little experience with front end technologies. This is my first opportunity where I have to make an interface for a mobie web app where the ...
23
votes
6answers
1k views

Three state button for a medical chart

I am working on UI design for a new web based medical charting system. The users are used to charting on paper where they circle a symptom if it is present, cross it out if it is absent, and don't ...
21
votes
3answers
3k views

Is there a visual glossary of (Windows) UI controls?

Some days it seems every member of my team calls each control by a different name. Is there a good resource, preferably with images, for what the official name of each control type is? I found a few ...
0
votes
2answers
379 views

Translating progress /navigation bar in questionnaire into good mobile ux experience

I have a series of questions, aimed at being an enjoyable experience, with a nice solution for the desktop already worked out, using a styled navigation bar, which doubles as a progress bar for the ...
2
votes
5answers
179 views

Hyperlinks replacing buttons for desktop software UI's?

I am a Software Quality Assurance (SQA) manager for a complex geology and geophysics software application. Recently I heard my SQA team complaining about the heavy handedness of the UX teams. They ...
3
votes
1answer
187 views

Tabbed content vs Scrollable list

Let's say I have a web content builder and I am adding a tab element with multiple tabs. This can be also accordion element, or any kind of web element with multiple child elements. Is it a better ...
0
votes
1answer
133 views

What is the best approach of presenting a tabular data with search options in android?

We've developed a POS system that is in use by multiple retail stores which we'd like to port to an Android version. I am wondering what the best approach for displaying tabular data with search ...
1
vote
2answers
121 views

How to visualize percentages on a table

Sorry if this is the wrong SE site, but I thought it made sense. I have these tables for my web-application and one of the entries is a score, 0 - 100. 0 through 50 are okay so I don't do anything for ...
3
votes
3answers
184 views

Are bright colors needed to entice users to a simple UI (e.g. productivity apps)?

This is a screenshot from a windows store productivity app called OneCloudDrive. As this is a productivity app, I have tried to keep the UI simple and pleasing to eyes. Is this really a correct ...
-2
votes
2answers
112 views

Product UX vs Project UX [closed]

As we know there is a common false assumption that UX means just the interface But according to that article UX means totally different. Let's suppose if UX means interaction then how we will ...
0
votes
0answers
36 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
1
vote
1answer
99 views

Website Hierarchical / Dropdown Menu Best Practices?

I'm trying to understand the best way to communicate to users via website navigation menus, and in particular multi-level menus. As the world is going more mobile, so goes the web. Websites are ...
3
votes
2answers
707 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
2
votes
2answers
89 views

Should Sign up/ Register open a new page or just a popup window?

I am designing a simple web application. The only main function is displayed in homepage, together with other product feature promotion. On the top of the page, there are two buttons, for sign up and ...
0
votes
3answers
72 views

Display related location points on a map

I'd like to display an array of various location points, that share the same group. I've been tasked with designing a visual UI that houses a Bing Maps screen and displays several (location based - ...
1
vote
1answer
116 views

Faceted search: Show more/show less filters vs Summary + Edit

Consider the case of hotel search, where you have a few filters that everyone uses but in total you may want people to have ~20 or so available. On the results screen, I don't want to show all 20, ...
8
votes
0answers
962 views

Colour combination for three buttons [migrated]

What colour combination would work best for these three buttons: Should all of them remain the same colour? These are my options: Image of the whole page
1
vote
1answer
23 views

Standard margins in iOS for info display

I've read the iOS Human Interface Guidelines at least 2 times today, but I don't find what are the guidelines for spacing or margin between views. I come from an Android guidelines perspective where ...
4
votes
3answers
326 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 ...