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
45 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
89 views

Product UX vs Project UX [on hold]

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
21 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
59 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
694 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 ...
1
vote
2answers
79 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
70 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
100 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
20 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
289 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 ...
2
votes
5answers
107 views

Is it a good idea to make file path edit box multi-line?

I think it might be useful to make file path edit box in my program multi line, because file paths can be quite long, and when they don't fit the user has to scroll text left and right with cursor ...
0
votes
2answers
64 views

Allowing users to directly edit column widths in a responsive environment

I'm building a CMS using Zurb Foundation with a direct edit philosophy, eg as much as possible users should be able to drag to resize or move elements etc. I prototyped it at desktop resolution, and ...
3
votes
1answer
64 views

Best way to represent time related event during a day in a graph

I want to represent time-related events graphically (bars/chars/graphs, etc). I have a log in the administration panel, the data is login times for admins, so each admin has online-offline ...
2
votes
2answers
55 views

Denoting multiple values for the same checkbox or radiobutton

I have a screen where the user can select multiple students and can click on edit. When he clicks on edit, the following happens - All users have the same value for a field, so that value is shown ...
1
vote
1answer
30 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
2
votes
3answers
94 views

Focus state for Split Button?

What will be the action if the "Tab" key is focused on the split button? a. both the "A" & "B" gets focused. b. "A" gets focused first and "B" get focused on next "Tab". c. only the "A" get ...
0
votes
1answer
55 views

How do I make it obvious that a question must be selected in order to filter a components list

This is a data analysis tool. The user poses a question, and then adds data analysis snippets that helps answer that question. On the left of the page, there is the list of questions and a field ...
0
votes
2answers
188 views

Menu selection state for presets with custom dialog

Say I have a menu which controls a particular property. Four of the items are presets, the 5th can be achieved with a custom dialog. So initially the menu is: Item1 Item2 Item3 Item4 Custom... For ...
8
votes
3answers
10k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
3
votes
1answer
141 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
2answers
69 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
126 views

UX Parameters for Interaction Design

In a web or screen-based GUI, when a user performs an interaction, or there is a state change triggered by another user or server processing, what are the parameters you can change given a specific UI ...
2
votes
4answers
256 views

Material Design for Web apps?

I'm working on an admin portal (angular, jquery, bootstrap..) and I'm pretty comfortable with bootstrap and I think that the bootstrap designs are pretty cool. Now, my colleague insists on changing it ...
2
votes
1answer
172 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 ...
11
votes
1answer
1k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
0
votes
2answers
146 views

Suggestions and references for a modern-looking and clean UI? [closed]

I'm working on the UI of a single-page application that allows users to manage (add, edit and remove entries) information about their products. The interface must be capable of presenting hundreds of ...
0
votes
2answers
220 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 ...
2
votes
4answers
207 views

All Caps in International Design [closed]

I have my own opinions on this but need some arguments when talking with designers. What are the advantages/disadvantages of using caps for all words in mobile application design?
0
votes
2answers
89 views

Should I add more colors? [closed]

I'm developing an UI for my application and since we're in 2015 a lot of people really like flat/minimal UIs. Take a look at the screenshot of my UI and tell me if I should change it, I think there's ...
217
votes
15answers
30k views

Are carousels effective?

Go to just about any eCommerce site and the homepage is nearly guaranteed to feature a carousel - an auto-rotating panel, usually with some sort of small navigation, usually highlighting new product ...
1
vote
2answers
474 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 ...
0
votes
0answers
58 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 ...
2
votes
1answer
99 views

Magnifying glass cursor

I have had a quick look on this site but haven't found anything to help me (unless my search terms were poor). Anyway I came across a post a while back saying that for the cursor on zoom, a magnifying ...
0
votes
0answers
53 views

How to represent duplicate data with unique data on the same screen

We are designing a UI where we need to combine 3 elements App name App system trigger (which is common across apps) Custom triggers(which is undue for ever app) Since an App system trigger can be ...
4
votes
1answer
98 views

Switching between live/ recorded playback modes

The mobile surveillance app I'm working with has two modes: Live mode and Recorded mode. Live mode streams 4 camera feeds and allows the user to control their PTZ (pan, tilt, zoom) functions. ...
0
votes
2answers
220 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
405 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
210 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
97 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 ...
1
vote
2answers
149 views

Tree View Alternative for Form Input on Website

Currently I have a data structure in the form of a tree view. Eg. Right now I am using a collapsible accordion view to show each field to input data. Scenario - I have about up to about 1000 ...
0
votes
2answers
213 views

Should I explore alternatives to the drop down menu on this site?

Before I say anything else, I should note that the use case is fairly specific: The site is security related, allowing the customer to manage remote connections, video libraries, and user access. The ...
3
votes
2answers
117 views

Mouse Cursor vs Icon

In an application I have inherited there is an image viewer. The viewer can undertake various different functionalities such as zoom or pan etc. At the moment it has a icon in the top right corner for ...
3
votes
2answers
753 views

Can the battery indicator(status area) of Android changed to something like this?

The previous versions of android had the battery indicator as a dynamic illustration along with a provision to view the battery in percentage in the status area of the phone. Also in lollipop, we ...
1
vote
2answers
65 views

Complex Data Input form with random amount of fields - how to lay out

I have a need to design complex research data web input form. The specification is such, that I have about 7-10 obligatory fields (inputs, dropdowns, etc), and unspecified optional fields. Let's say ...
0
votes
4answers
129 views

How to capture language of input?

I am making a Windows Phone application that scans barcodes of grocery items. If the barcode is not found I ask the user to fill in info such as name brand unit size I am mainly focusing on ...
1
vote
2answers
347 views

How to set an indicator for selection in drop down on UI

I have a drop down on which multiple selections can be made. Here is the demo. Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I ...
1
vote
1answer
94 views

How should I capitalize and format references to UI field entries?

Several sources recommend capitalizing and formatting references to UI element labels just as they appear in the UI. My question is how should I capitalize categorical references to the information I ...
7
votes
2answers
191 views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
1
vote
3answers
80 views

What would be a good way to present a choice between a text form and file upload?

I need some text to be entered, either through a textarea form or by uploading a file - but obviously, not both. What would be the best way to present this? This is what I have at the moment, but I'm ...