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
2answers
44 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
123 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
205 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
55 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
2k 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
64 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
98 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
68 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
298 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
91 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
210 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
58 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
84 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
78 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
83 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
441 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
241 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
405 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
135 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
152 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
88 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
46 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
142 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
182 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
104 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
3k 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
154 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. ...
46
votes
11answers
8k views

Is it bad practice to use “Lorem Ipsum” example text in a text-preferences screen?

I'm the developer of an application where text plays a major role in the user interface. Users can adjust the style of the text in a preference screen. I have added an example text to the preference ...
3
votes
2answers
241 views

Is it true that people expect tooltips in 'old looking' systems but not in 'new looking' systems?

My hypothesis is that if you have old plain HTML forms, users are more likely to hover over elements and read tooltip texts giving more details about them. But if you style the forms to look ...
16
votes
5answers
3k views

What is your UX strategy when your users want opposite things?

Getting clear user feedback is great. But what do you do with the feedback when different people, or groups of people, want different things? I have encountered this situation a few times recently. ...
1
vote
1answer
87 views

Creating a UI/UX that will let a customer and service operator debate and decide on the price of a transaction

I am trying to create a user interface that will let a customer and service operator debate and decide on the price of a transaction. Initially, the program sets a preset value. This is the average ...
2
votes
1answer
104 views

Best place on screen to put drag and drop

I'm having a set of items and a set of groups, The items can be dragged and dropped onto the groups to make a different combinations as user wants. Now my question is which is the best place on ...
1
vote
4answers
177 views

What visual metaphor is this checkbox trying to achieve?

I teach a course with a piece of software that makes liberal use of this checkbox: I'd say around a quarter to a third of participants completely fail to use it without help. They all try to drag ...
7
votes
2answers
287 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
1answer
51 views

Previews in markup editors

I have seen different approaches to previews in non-WYSIWYG editors. One is to have a edit and preview screen side-by-side or like here on stackexchange the preview below the editor. And the other ...
1
vote
1answer
110 views

Saved Search vs Ad Hoc Filters

I'm looking for a way to allow the user to perform a search quickly & easily, most of the time using saved searches with relative dates. Frequently the user will want to perform ad-hoc searches ...
1
vote
2answers
86 views

Back button label

What should be the label written next to a back button? Should it be the current activity or the activity the button would take us to? Take facebook's mobile website for an example- The label says, ...
2
votes
2answers
102 views

How to display AND / OR groups and exclusions

I hope I'm able to describe this functionality effectively. We have a feature which allows a user to create "Authenticator Groups". The groups determines how a user can register. There are "Allowed" ...
41
votes
3answers
3k views

What is the least ambiguous way to select a date range?

We are building an internal tool to apply for and track leave. We have discovered that choosing what days to take off can be ambiguous. We've thought of two different ways to ask for a set number of ...
1
vote
2answers
146 views

Average rating score vs number reviews

I am designing a list, and under the name of each product, there is a rating based in 5 stars. Next to it we want to display average rating in numbers (i.e., 4.3/5) and/or total number or reviews ...
0
votes
0answers
122 views

Filtering information and tooltips - Best Practice

I am currently designing an information portal. An early iteration of the design, and details regarding functionality can be found here I am aware the design isn't the prettiest at the moment, for ...
2
votes
1answer
47 views

App selection/store with not many apps

I'm making an internal-facing web-based interface for our corporate management platform. Users land on a homescreen with different applications available for them to then click on to use. (eg I can ...
4
votes
1answer
159 views

Represent and edit object graphs with standard OS UI elements

In most cases the data that applications, forms and so on work with is relative flat. It means that the objects representing the data are actually nothing more than a collection of key-value pairs - ...
0
votes
1answer
36 views

Edit document name option in pop up

On my UI, when user clicks to create a new document, a pop up opens where a wizard is launched where user must select a folder in which he wants to create the new document. Pop up has a list of all ...
1
vote
1answer
106 views

Design for search by date or year

I need to enable user to filter displayed data by date ( 11.2.2015 ) or by year. My current design is illustrated below: download bmml source – Wireframes created with Balsamiq Mockups ...
1
vote
1answer
224 views

Do arrows pointing right mean progression universally?

Sometimes I use arrows pointing right to mean progression, and arrows pointing left to mean regression. Looking at internet browsers' back/forward buttons, I assume this is universal, but I don't know ...
0
votes
2answers
90 views

How to inform about fields in a big form?

I have to improve a very big form with at lot of fields. I'm thinking about making some type of marking to inform the user about: 1. Fields that should be filled 2. Mandatory fields 3. Content that do ...