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
82 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 ( ...
0
votes
2answers
355 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 ...
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:
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 ...
17
votes
5answers
3k views

Good alternatives for replacing multiple nested modal dialogs?

Having a mature and good-selling Windows desktop application, we are focusing on improving the user experience for the next release. One thing that I try is to get rid of multiple nested modal dialog ...
-1
votes
1answer
102 views

Surveillance System Builder Utility

I'm trying to redesign a utility that allows the user to estimate what kind of DVR they need based on the type/amount of camera(s) they need. It filters out Video Recorders models based on the ...
1
vote
4answers
99 views

Should 'Change Selection' be an undo-able action?

In Microsoft's Windows Explorer, changing the file selection does not count as an undo able action but in Adobe Lightroom (on windows, at least), changing the photo selection does. It feels like ...
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 ...
3
votes
3answers
14k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
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 ...
0
votes
1answer
118 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 ...
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 ...
0
votes
1answer
133 views

Does styling the scrollbar affect UX? [duplicate]

What's the standard on styling scrollbars? Do you only apply it on panels within your application and leave the window scroll bars to a default? Does messing with scrollbar styles affect user ...
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 ...
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 ...
6
votes
3answers
1k views

Design pattern for merging duplicate contacts?

Have you seen any good examples of applications (web or desktop) that make it easy for a user to identify and merge duplicate contacts or other records? We need our users to manually approve the merge ...
0
votes
1answer
70 views

Toolbar + selection + options all on the same screen

Is this the best way to put all of these on the same page? EDIT: More info... this function is used to search recorded video. I have: Camera list A quick search or Date/Time search options for ...
3
votes
4answers
332 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 ...
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 ...
5
votes
6answers
1k views

Do people still use drag and drop?

Is drag and drop (for say photo uploads) a good idea? Aren't users frustrated by all the steps you have to take? Do most people even know how to do it? Open a window Browse to your files Ensure ...
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
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%) ...
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 ...
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 ...
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 ...
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 | ...
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 ...
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 ...
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 ...
1
vote
1answer
195 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
54 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 ...
1
vote
2answers
221 views

Link between UX/HCI/Graphics?

I've been reading up a lot on UX lately. The terms computer graphics, HCI and User experience keep coming up together. Could someone explain to me how Graphics, HCI and UX are all linked?
11
votes
1answer
380 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 ...
1
vote
1answer
60 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 ...
0
votes
1answer
61 views

How to best explain to users how their details will be used?

What would be the best approach to explain to users that their information will be used to: 1- help authenticate them if they do get locked out of their account. 2- Communicate with them regarding ...
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 ...
4
votes
2answers
71 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
32 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 ...
15
votes
3answers
1k 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 ...
0
votes
1answer
74 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 ...
8
votes
3answers
358 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 ...
2
votes
2answers
107 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 ...
3
votes
2answers
135 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
1answer
92 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. ...
1
vote
3answers
68 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
3answers
209 views

How to show correspondence between two lists referring to the same data?

I am currently working on a desktop application handling photos. One of the screens we have is a view where you can see a list of albums sorted by date to the left, and when clicking on an album, a ...
3
votes
1answer
138 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 ...