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)

3
votes
2answers
827 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
409 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
109 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
157 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
154 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
152 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
5answers
220 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
859 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
163 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
87 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
439 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
242 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
109 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 ...
2
votes
2answers
120 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
215 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
97 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
178 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
122 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
714 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
97 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
43 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 ...
5
votes
1answer
121 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
197 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
53 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
1k 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
61 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
90 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
62 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
265 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
89 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 ...
1
vote
1answer
200 views

Is there a specific name for this style of UI?

Most of the Microsoft Office 2013 programs I use have a similar style UI with the 'Ribbon' at the top like this: I recently started using ArcGIS Pro and noticed it uses the same style UI (screenshot ...
1
vote
1answer
57 views

Are there are any studies about displaying user opinions?

I'm working on big e-commerce site (consumer electronics) and we decided to put user opinions on every product page. I'm looking for some studies or some tests about information architecture in user ...
0
votes
0answers
10 views

Know any good UI/UX textbooks? [duplicate]

I'm a graphic designer. I've already done UI design for some mobile apps and web apps as well, but I would like to learn more about UI/UX design in order to train myself. (UX design from a graphic ...
1
vote
1answer
77 views

How to show a readonly row in a GridControl

I want to show a readonly information in a row of a GridControl. At the moment I am defining a background lightgray and the image columns with opacity 0.5. But I wonder if there is a better way to ...
4
votes
2answers
77 views

Hit area for items in a grid-page.

I have a landing page with a grid of projects that the user can click into. I'm wondering is it best to: Only make the link/button clickable OR Make the entire box clickable. I'm leaning more ...
2
votes
1answer
80 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 ...
11
votes
1answer
424 views

Grammar for describing UI design

Does anyone know of a formal grammar approach to UI design? I currently have wireframes for 100+ pages and I'm now driving out the commonality / identifying reusable components. I'm interested in the ...
0
votes
1answer
82 views

How to present 2 sets of dimension inputs and not confuse users

I'd like to get some feedback on an UI I'm currently assembling - in a simple graphical editing app of mine users can edit properties of graphical objects like their position, angle and other ...
15
votes
3answers
2k views

Tracing on a touch screen: achieving fat finger friendliness

What could be done to improve the ability to trace the outline of items on a touch screen, without requiring the user to use a stylus or other additional physical tool? The 'fatness' of fingers ...
2
votes
2answers
210 views

Error messages / alert boxes on wide screens

I'm reworking a web app UI to take advantage of wider screens and I have a niggle I can't shake. There are many tables throughout the app for which a wider screen is advantageous. Above the tables I ...
8
votes
3answers
392 views

How to highlight best elements corresponding to a search without changing their order

In a web application used to search content inside documents, we have a view displaying the main parts of a documents: Chapters Diagrams Tables of data Users can search for specific words inside ...
1
vote
1answer
124 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
3
votes
2answers
149 views

How to deal with elements in a list forming a distracting vertical pattern

I'm using a list to display information. Each row needs to display two thumbnails, and a string. I noticed with this implementation that the layout of icons seems to resemble two columns. which may ...
1
vote
3answers
87 views

How to implement a Web UI feature to insert default sentences in an textarea

We are talking about implementing a system that easily generates sales reports for our sales employees. We want to create a web application with one or maybe more text area's to gather the input data ...
1
vote
1answer
44 views

How to create a consistent user experience for a dynamic chart

I am creating a website that will display data using Highcharts. On any given chart, there are various different filters the user can apply to see different aspects of the underlying data (e.g. time ...
1
vote
1answer
116 views

A good placement for a “click to refresh” button when you have several tabs to refresh at once?

I'll post several links to illustrate the problem; because I believe the refresh button placement is not the only problem... The application is called grappa-debugger; its only feature, for now, is ...
3
votes
1answer
175 views

Color/Shading Guidelines for Button States

Are there any rules of thumb or formulas for the different color shades when creating non-default buttons? Default buttons have 4 states, Enabled, Focused, Pressed, and Disabled. These all tend to ...
3
votes
1answer
98 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
12
votes
1answer
2k 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 ...
3
votes
1answer
137 views

How can I design a 'non-linear' user permission table with two column relationships?

I'm exploring the idea of using a two column relationship to deal with granting user permissions. The left column has rows where the user can be granted a 'view' or 'edit' permission in each cell row. ...