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 ...
0
votes
0answers
18 views
Reducing flicker in a real-time graph?
I am rendering a scatter plot every 5 seconds where the X-axis denotes time and Y-axis denotes a set of names ordered alphabetically.
download bmml source – Wireframes created with ...
17
votes
4answers
563 views
Why aren't Gmail-like “on-page” dialogs more popular UI solutions?
A few months ago, Gmail gave us the choice to switch to a new UI, with many new features (...) including an "on-page-docked" window. I personally find this piece of UI very useful as it allows users ...
14
votes
2answers
421 views
Most intuitive multi-select component for the web
My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible.
For instance I try to avoid drop down menus and use big ...
7
votes
3answers
851 views
What are the real differences between UI/UX and front-end development?
front-end developer here.
I'm working in a tiny startup: one back-end developer and me as the front-end developer. My boss is calling me UX boy since I've worked there, even if I don't specially ...
6
votes
1answer
343 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 ...
1
vote
2answers
55 views
Notifying the user of unsaved changes
I have some settings that the user of my software can change via a GUI. The settings reflect both the current state of the underlying properties, and the state of the user interaction.
Example: A ...
0
votes
1answer
71 views
Designing for 1280
If you had to design for 1280 without using fluid or responsive design (project constraints), what width would you set the design to be? For example, a set width of 1140 should allow enough gutter ...
7
votes
2answers
543 views
In which situations is a popup window most appropriate?
There are many situations in which popup windows are currently used in modern UIs. Their primary use appears to be when displaying an error message or other descriptive information is desirable, ...
0
votes
0answers
70 views
What is a good design for moving entities from the current role/place to another? [closed]
I need to create from an html page the following functionality:
I will simplify the domain problem. Assume that I have a person e.g. a teacher that goes to a specific building to work i.e a school.
So ...
2
votes
1answer
385 views
Master details form in Android
I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common.
In this moment, I have something like this:
...
134
votes
12answers
11k views
Are carousels effective?
Go to just about any eCommerce site and the homepage is nearly guaranteed to feature a carousel - an auto-rotating panel, usually with some sort of small navigation, usually highlighting new product ...
5
votes
2answers
63 views
Masked password characters in a GUI vs terminal
In a GUI form, or for example a login box on a website, it's usual for masked characters to appear like ********* as you type out your password.
But in terminal applications, for example ssh, this ...
19
votes
5answers
5k views
What is this side menu called that can be found in many multi-touch apps, and where does it originate from?
It can be found for example in the YouTube and Facebook app.
3
votes
2answers
40 views
Time entry that doesn't allow overlaps
I'm working on a time entry form for a project management app. The time entries entered represent real tasks done, so they cannot be allowed to overlap. Currently we accomplish this by simly ...
188
votes
16answers
8k views
What explains the current shift from glossy UIs to matte UIs?
I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design.
Why the sudden change? ...
4
votes
2answers
82 views
What is the best way to communicate that certain functionality is currently unavailable in an application [duplicate]
Let's say there is some feature in an application (accessed via a button) that only becomes available once a number of criteria are met.
Off the top of my head, there are 3 options here:
Hide the ...
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 ...
2
votes
4answers
217 views
Disable combobox with one entry?
Imagine an arbitrary list of items. To execute a command, the user has to select one of these items in a combobox (if there are no items, the combobox is not shown at all). Should the combobox be ...
3
votes
4answers
189 views
Positive connotation Icon for number of errors
We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
8
votes
3answers
698 views
Is it good to leave Select dropdown with default style for better UX and Accessibility?
When I design websites. many time I try make the select drop-down more attractive.
example
By default select drop-down looks slightly different in almost each Desktop and Mobile browser
but ...
5
votes
5answers
93 views
Is it okay to have a login requiring users to first select from multiple services?
We have two services with logins on a page, the question is "should" we consider having a single login box which asks users to select which service they want to login to before hitting the login ...
2
votes
4answers
118 views
What is the best way to show Log Information of user actions
I am trying to find an intuitive way to show the Log/History information of the users actions on the application. The actions may include the following:
Type | Date & Time | ...
3
votes
1answer
74 views
Tree manage in ribbon UI
I'm implementing ribbon UI in one of my application. It manages some trees so I move all the options to the ribbon (contextual tabs) but it just doesn't look fluent.
Is placing tree options ...
6
votes
5answers
223 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 ...
1
vote
2answers
109 views
When should a select be replaced with a combobox?
I'm working with a site that is currently making heavy use of comboboxes. In fact, every select in the whole application is automatically turned into a combobox on page load.
My first inclination is ...
0
votes
3answers
80 views
placement of interaction elements on screen?
What is the best place for interaction elements?
Here's the situation: In our software there is an object (in this case a list with several items) that a user wants to work on. A user could perform ...
0
votes
0answers
26 views
Java GUI - JLIST + Refresh
I need to create an interface which includes a list of events.
The events are saved into a Vector List and I need to be able to display a list of their 3 variables like this:
13/05/2003 Task 1 ...
0
votes
0answers
52 views
Wireframing tool for native Windows app
I am looking for a good wireframing tool that has a big library of assets for building a native Windows application. I just downloaded Axure and Pencil (among others), but there are not a whole lot of ...
9
votes
6answers
175 views
Is it absolutely necessary to show the currently selected language in a language selector?
There are three choices of language. At least on mobile it would be nice if I could save a little space in the footer by omitting the currently active language. This seems risky though as it means the ...
2
votes
2answers
108 views
Less noisy cell buttons on a table
I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
7
votes
8answers
535 views
How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?
From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
3
votes
3answers
101 views
Traditional file upload vs repository
I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...
2
votes
2answers
191 views
What is a good way to fill in too much white space? [duplicate]
I have little design experience.
Here is what my site looks like.
Favicons and user images are added dynamically but the site looks sparse otherwise.
How can I add content. I don't want to grab ...
1
vote
3answers
116 views
Android widget : how to tell users that a similar looking control does not perform same?
In my android application I am developing a desktop widget that mirrors many important tasks supported by my application. This widget contains two buttons that mirroring their counterparts in the app ...
-1
votes
0answers
23 views
Android ICS extended stencil library for Pencil? [closed]
I'm using pencil for mocking ui but I found it lacks some icons and other ui objects from ics. Before adding them by hand id like to know if there is an extended library already. Checked Pencils ...
2
votes
1answer
43 views
Best approach to presenting data that is being compared and the differences within it
I am developing an app that compares source data and destination data (the data is transferred from one database into another)
I would like to create the best possible interface that clearly and ...
0
votes
2answers
239 views
What term should I use for removing characters from user input (Bank ATM consoles)?
We are developing the UI for a banking ATM console where many of our customers are not aware of computers common GUI terminology.
So what term should I use for removing entered characters if someone ...
5
votes
6answers
233 views
Making a legend Interactive?
I am working on an interactive map which displays various pieces of geographic information about a person - places worked, education, holidays taken, home addresses etc..
All in all there are 9 ...
5
votes
2answers
145 views
In a form, is Switching between advanced to basic a good idea?
I have a web page/form which users have to fill in before clicking the 'proceed' button.
Same old story I guess. It looks like this:
report name: [...]
report type: (*) PDF
( ) HTML
...
3
votes
3answers
537 views
Usage of Golden Ratio [duplicate]
Possible Duplicate:
Why does the golden ratio work? Or does it?
How is that to use the Golden Ratio for the design of graphical interfaces.
when I use it or should I?
and on designing ...
4
votes
4answers
283 views
Best way to show long list of detailed information for summarized items in a table?
I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy.
The problem I'm facing is knowing how ...
8
votes
4answers
266 views
de-emphasizing cancel
Is it a good idea to de-emphasize the cancel button?
download bmml source – Wireframes created with Balsamiq Mockups
vs.
download bmml source
10
votes
3answers
198 views
Can placing dark and light elements or blocks next to each other in a UI lead to problems in visual perception?
A designer on my project has proposed something that uses both light and dark backgrounds within the same context (basic mockups below).
A short background for the app:
It is a platform on which ...
2
votes
2answers
110 views
Adding paging, sorting and filtering toolbars to a table
I have a bunch of report views, which essentially are tables. They should enable the user with sorting, paging and filtering capabilities.
My idea is to add those features via menu-bars.
Paging ...
6
votes
3answers
108 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 ...
8
votes
5answers
248 views
Is it okay to use breadcrumb navigation on some pages and not on others?
Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper.
Is it bad practice to only implement breadcrumbs on some of the pages?
1
vote
3answers
56 views
How should I design a table with clickable rows?
I have a table with information about all loans a client had. This table looks like this
Book_Id | BookType_Title | StartDate | EndDate |
...
5
votes
3answers
97 views
Is it OK to use 'free' in a tax subtotal?
we are designing a checkout page and in the subtotals area we have a breakout for tax, shipping and discounts.
We use the term 'free' rather than '0.00'.
So, for example:
Subtotal: $140.00
Tax: ...
4
votes
1answer
54 views
Best way to display support, contact, and preferences in Mac App
I'm trying to decide what the best way to display the following options to a user is:
Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook)
Support options (ex. in-app ...
37
votes
7answers
932 views
How should you show that an accordion is expanded?
When you have an accordion, you need some way of showing the current state is expanded.
There are a number of different ways of handling this, and each is used by a number of respected websites and ...




