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 ...
7
votes
1answer
135 views
How should I warn a user of a config problem in my software?
My Mac OS X software has complex configuration. The software does its best to auto-configure and to help the user through the process. However external components can change THEIR configuration, which ...
7
votes
5answers
933 views
Where to place list filter controls?
Suppose the user -- from a CMS backend WYSIWYG editor -- opens an Insert link-dialog. When having a list of possible link destination pages,
where would be an appropriate place to put filter ...
7
votes
2answers
149 views
Presenting options in tools where users can have two (or more) different roles
Applications where clients & contractors actions (such as odesk and elance) are displayed in the same dashboard can get confusing.
These sites sometimes overcome this by stating:
Click here ...
6
votes
7answers
932 views
Red buttons in an e-commerce site?
I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way.
Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
6
votes
6answers
442 views
Combine load and save button into one button?
I'm having a configuration GUI, and want to enable the user to export the settings into a file and load that file later (or on a different computer).
My dialog has several options, and is rather ...
6
votes
2answers
1k views
Good ways to make a dynamic GUI?
I have an application I am designing and it's in a pretty functional state at the moment. But the database I am using has 1000's of items and is constantly changing and growing. The application of ...
6
votes
5answers
361 views
What are the advantages and disadvantages of “minimal” design?
E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
6
votes
3answers
5k views
Best UI for filtered search with many filtering options as opposed to single text field
What UI provides the best user experience when searching using many filters as opposed to a single text input.
For example: I have 15 filters (all optional) that users can filter results by. The ...
6
votes
4answers
306 views
How do I communicate the absence of settings?
A table in our web application contains items where one column specifies whether the item has a policy bound to it or not.
This column can display three different states:
Has policy : ACTIVE
Has ...
6
votes
5answers
225 views
Massive menu on website, how to solve it?
I must change the following menu in some web site.
This menu contain almost 30 items!
Screenshot:
Any idea?
Categories:
Home, Games, Leisure Children, Openly Software, Recipes, Study Lessons, ...
6
votes
3answers
100 views
Industry standard for button captions that use a Function Key as the keyboard shortcut
If I have a button that has the caption _Save then when it shows up on the screen it will show the S as underlined.
This tells the user that Alt+S will make that button "press".
But what is the ...
6
votes
8answers
231 views
Alternative to color code in table cell
I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data.
For instance, in the picture above, the 'St' column (which stands for ...
6
votes
5answers
616 views
Displaying information in a dashboard: Advice or references
I have to design a dashboard for managers who need to report to their managers on their areas of responsibility. In the past I have just put counts and line charts over time of what they are ...
6
votes
3answers
126 views
Choices for users who don't read
I'm building a touch UI for a timesheet program.
Requirements:
1) Record the start and end time of a break.
2) Determine if the user is leaving the work place for their break (for safety reasons ...
6
votes
5answers
211 views
Help panels inside application
Are there good UX reasons for not putting a "help panel" within a web application? (one that can be shown or hidden).
Most applications open help in a different browser tab. I'm thinking of just ...
6
votes
1answer
315 views
Skeuomorph or OS-consistency?
Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
6
votes
4answers
281 views
Should a confirmation of the style “Your message has been deleted” be green, yellow, red?
For success messages, I usually use green, for warnings yellow and for errors red. Now in the trash folder users can delete messages permanently and restore messages.
I got confused which color would ...
6
votes
6answers
305 views
Suitable alternative to trackbar control
I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
6
votes
4answers
256 views
When users ignore icons is it poor design or distracted users?
I maintain an enterprise intranet application which has extensive logging. After reviewing months of error logs we focused on one trouble spot where the user must enter mandatory activities before ...
6
votes
3answers
106 views
How to make other tabs more noticeable?
We have a dialog that allows the user to choose the "type" of a shape: text, pop up and link. Changing the type also changes the modal's body. Our current design uses an underline to indicate the ...
6
votes
7answers
199 views
How much choice should I give users?
I am considering adding an update to my iPhone app that allows the user to choose many new features such as the background image, where certain buttons are located, button colors, button design, ...
6
votes
3answers
7k views
iOS Settings Standards: Using Checkbox Rather Than Switch
If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
6
votes
3answers
173 views
Group of checkboxes and supporting text fields
What is the best way to layout a group of checkboxes and supporting form fields?
For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
6
votes
3answers
185 views
Table Checkbox side best practices
When is it a best practice to allow for checkboxes to appear on the left/right and side of a table?
A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
6
votes
4answers
186 views
Internal or external settings window?
I'm designing the settings/preferences area on a hobby project in java.
What is the best way to allow users to edit settings and why?
My main considerations are:
New window with it's own symbol on ...
6
votes
3answers
424 views
Breadcrumb or tabbed form or best of both?
We have a web application that allows users to query a database.
The results are returned in a breadcrumb style interface.
We brought this change in at a new version, and our users have been ...
6
votes
2answers
93 views
Group of controls depending on value of combo box
In a UI, I get the user to make a selection from a combo box. This selection influences what other controls will need to be shown. There are also other controls that need to be shown, independently of ...
6
votes
3answers
137 views
How often is too often to do focus groups while designing a web app?
I'm trying to come up with a strategy for putting together focus groups while designing a web application, but I'm starting to wonder how often is too often to do focus groups? In my mind, they would ...
6
votes
4answers
807 views
What is safe area / minimum distance for iPhone 4
What is safe area / minimum distance for iPhone 4 canvas?
6
votes
4answers
157 views
Partial success message when deleting items
In one of our applications, the user can select multiple items and delete as many of them as they wish in single click.
However, while processing this request there is some validation and ...
6
votes
3answers
76 views
Showing preview rows of content types vs picking a default type and showing it in full?
I'm trying to figure out what would be a better experience.
We have 3 "types" of content usually, in this case let's say they are photos on user profiles.
Is it better to show a row of each type with ...
6
votes
1answer
121 views
Ternary Switch - How to implement?
My website gives users a report for their search term, this report contains many different datasets.
Each dataset can be configured via options on their profile page, to either;
Load when the ...
6
votes
2answers
131 views
Best usability: visual presets or simple action?
I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
6
votes
3answers
270 views
How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?
Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
6
votes
2answers
694 views
(One to many) to many form?
What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry?
One parent element (a case - 15 data fields)
One or more 2nd level elements ...
6
votes
1answer
111 views
best way to add multiple child records at once?
I have a system in which Procedures can be defined.
Each Procedure has a series of steps (each step having some attributes)
It is reasonable to assume that the user will add all of the steps while ...
6
votes
2answers
591 views
Where can I find research about UI Design Across Form-Factors/ Devices (e.g. TVs & entertainment systems)?
Has there been marketable research in new UI design ideas that could work across form-factors (from desktop down to smartphones on the one end and to widescreen HD TV for games on the other)? So that ...
6
votes
4answers
1k views
Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]
I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this.
Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...
6
votes
3answers
162 views
displaying cascading comboboxes
I have a text editor with several tools on a page. and I want to add cascading dropdowns to the tool list. For example, I have two comboboxes:
1st is filter with values:
All -selected by default ...
6
votes
1answer
168 views
How to determine how many widgets is too many widgets?
Following on from my last question, we're working on a UX design for an application. Once logged in, the user is confronted with a dashboard, something in a similar vein to this; just more complex and ...
6
votes
1answer
391 views
Blank slate invitations - best practices
Blank slate invitations (a term taken from the book Designing Web Interfaces) are inline invitations/instructions on how to interact with the UI - primarily aimed at novice users. That is, e.g., when ...
5
votes
5answers
608 views
What UX implications should I be aware of when designing an enterprise website/intranet on SharePoint
We are currently weighing up the for-and-against in relation to whether to use SharePoint or an arguably better suited ECMS.
I am looking to gather compelling evidence both for and against SharePoint ...
5
votes
6answers
220 views
Which is better option 'School', 'College' or any other?
I have used the school field name for both school and college on my website, but I think 'School' and 'College' have different meanings. Can anyone suggest a more appropriate option?
5
votes
3answers
179 views
What do you call embedded dotts/lines which indicate sliding in GUI?
I have attached an image which explains which element I am talking about. I am trying to find out it's proper name.
Can anyone help me please?
5
votes
2answers
354 views
What affords scrolling?
Besides the obvious:
Scrollbar
Touch interfaces (especially mobile ones)
A sign saying "You can scroll here you know!"
This for a desktop application.
5
votes
5answers
230 views
Triaging UI improvements, where to start?
I have been hired to redesign an auction website (which I cannot disclose), the usability, design, even the code beauty is pretty disastrous. The trouble is, the site is already active and my client ...
5
votes
1answer
242 views
UI Layout improvement
I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
5
votes
5answers
653 views
Slider-less time selection.
I'm using the default datetime picker with rails. I'm mainly focusing on the time aspect of this because for my purposes the day will rarely ever be changed. I'm looking for some sort of way to make ...
5
votes
4answers
156 views
What is the technical term or common name for this widget?
What would you call the UI element that allows a user to add and remove elements from a collection as the favourite / ignored tags widget on the homepage of any stack exchange site does?
5
votes
3answers
199 views
Side by Side, Stacked, or something else?
I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form.
Below is a screenshot of ...
