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)

-2
votes
2answers
60 views

Product UX vs Project UX

As we know there is a common false assumption that UX means just the interface If UX means interaction then how we will differentiate that interaction for a Product and a Project, If UX means ...
0
votes
0answers
25 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 ...
1
vote
1answer
18 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
279 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 ...
8
votes
0answers
960 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
3
votes
1answer
63 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
5answers
106 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 ...
2
votes
2answers
54 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 ...
0
votes
2answers
63 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 ...
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
90 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
54 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 ...
3
votes
1answer
140 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 ...
2
votes
4answers
255 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
28 views

A one pager, simple and clean website [closed]

Please have a look at: http://test.esnail.x10host.com/ In terms of UX I have the following questions: Does the flow of the website make sense Is the color palette selection solid, where there is a ...
0
votes
2answers
145 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
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 ...
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 ...
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
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
3answers
79 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 ...
1
vote
1answer
83 views

Multiple actions for checkbox list [closed]

I have a list of multiple items with having a checkbox for each row (like gmail list of emails). User selects checkboxes and then press an action button to perform some action on selected items ( ...
5
votes
1answer
121 views

Wizard inside a Wizard?

I am a UI designer, working on a webapp that deals with lot of user data and grids. The base portion where the user enter their personal details has been split up into a wizard. Here the user may be a ...
2
votes
2answers
70 views

Is a “Clear input” button only for search fields?

I noticed that the "Clear button" are usually found in search fields: Why is it so uncommon for this button to appear in other input fields. For example this small configuration form:
2
votes
4answers
90 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 ...
6
votes
4answers
819 views

Subtle way to tell the user there is more content below? (Mobile)

What is a subtle way to tell the user there is more content below? I have a transparent arrow pointing down with a label: "More Content" The arrow will disappear when the user swipes or when the ...
3
votes
1answer
151 views

Why doesn't YouTube center ads?

Left aligned Centered ad Is there any reason why Youtube is not centering the ads? It is very simple to center it, so I am guessing they are thinking about some user experience.
2
votes
1answer
77 views

Any studies on how styling standard UI elements affect the experience?

I´m interested in understanding how a customized form affect usability and the learning curve on operating an interface. Sure, we have some guesses that users are used to standard UI,and native ...
4
votes
5answers
420 views

How to avoid big banks of buttons?

What are some alternatives to having repetitive rows buttons that create large banks like the one shown below. I think it's too visually dominant and distracting, not least because there's one of ...
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, ...
3
votes
2answers
95 views

Tool to create 3D layered image

I see more and more wireframes looking like this : I need to explain an imbricated and layered structure to someone, so I want to use images like that. Is there a tool that already does that, or ...
1
vote
2answers
78 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 ...
2
votes
2answers
111 views

How should a multi-state toggle slider with more than two states be implemented?

The toggle slider is a very common pattern on mobile devices for iOS and certain web applications, however they work well for only a dual-state switching. When it comes to more than two states, the ...
0
votes
2answers
81 views

Indicate maximum amount of people?

I'm currently developing a website for a traveling company. I need to display the maximum amount of people for when the user books a cabin. For example, some cabins can have four people at most and ...
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 ...
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 ...
3
votes
4answers
334 views

Multi-selection dropdown list implementation best practice

Many any websites do not use multi-selection dropdown lists anymore, and the reason often cited by UX practitioners is that this UI element does not 'test well' with users. An example of what I am ...
1
vote
1answer
92 views

Growing Ui controls when put in to a bigger screen

I am working on an desktop application where i have some limited no of controls.I have a doubt that whether when I run my application in bigger screen shall i grow the controls or centered all the ...
1
vote
2answers
37 views

Always visible list for quick textual insertion

I have a page with multiple groups of text fields in various (in-page) tabs which the user has to fill out. One of those groups is a list of chemical reactions. The species inside those reactions need ...
4
votes
1answer
110 views

Is there a common practice for cases of very delayed responses?

I'm wondering what the behavior should be for an interaction in which the user sends a query but the data reply takes several minutes (more time than in probable for the user to look at a loader or ...
1
vote
3answers
161 views

How to visually display overlapping information

For example, take the following data, with: - Recipients - Sent Mails - Opens - Bounced I want to show the data like this: First whole pie for the reciepents. (100%) Sent mail (80%) Opens (30%) ...
2
votes
2answers
50 views

iOS7 and the shift key

I didn't notice this until someone pointed it out: Apple's shift key doesn't help it's users know whether it is active or not (I didn't notice it, but apparently a lot of people did and there was this ...
6
votes
2answers
386 views

Modern Alternative to Tree View for Hierarchical Data

There are other similar questions to this, but none of the solutions really fit my problem space. Breadcrumbs and drill-down menus are not the solution. So without further ado: The design problem ...
1
vote
1answer
58 views

Same panel used in multiple dashboards

I was wondering if there is some best practice describing if to use the same element multiple times on different (element composed) screens. To me, it is information redundancy and having may paths to ...
4
votes
3answers
65 views

How to add dependencies between tasks in a list

I have a list of tasks that can be dependent on each other, e.g. task #2 cannot be begun until task #1 has completed. In schematics, it might look like this Id | Dependency ----+----------- #1 | ...
3
votes
1answer
41 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 ...
1
vote
2answers
147 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 ...
4
votes
2answers
80 views

Keyboard Dismissal On Non-Interaction of Input Field

We're having a debate at the office. One of my developers is adamant in having the keyboard dismiss when there is any interaction with anything on screen that is not an input field. In other words ...