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 ...
5
votes
4answers
243 views
rectangles Vs rounded corners of text fields on mobile
Do you think there is a difference in perceiving text fields which have round\rectangle corners ?
My goal is to establish a convention that round corners are fields which the user can enter input and ...
25
votes
3answers
538 views
What to do when a page's content doesn't fill up enough of a fixed area?
An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area.
Consider the mockup below, ...
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. ...
9
votes
5answers
232 views
Selecting many elements from a long list
I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
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 ...
4
votes
3answers
55 views
How do you show that a feature can be selected individually or combined with another feature?
The user has 3 options/features to choose from, but here is the problem:
Each feature can be selected separately/on its own.
Feature A can be selected/combined with feature B.
Feature B can be ...
4
votes
3answers
139 views
Why does Gmail hide email options under a '+' sign?
Why does Gmail website hide options like "links", "smileys" etc. under a '+' sign when there is clearly enough room along the footer? Am I missing something, or is google really pushing google+?
...
12
votes
6answers
392 views
Minimalism, Maximalism(?) or whatever?
Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
1
vote
1answer
36 views
Multiple actions for each node in a hierarchy
I am looking at improving an existing design, which has the following properties:
The information is hierarchical;
Every node in that hierarchy can do multiple things, such as expand to view ...
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 ...
13
votes
2answers
203 views
Are downvotes/dislikes useful if not highlighted?
I was watching a video on youtube and noticed their like/dislike bar. They have had this new design for quite some time now. In the earlier youtube, the dislike bar would be red and distinctly ...
2
votes
2answers
157 views
What is the best alternate layout for horizontal and vertical tabs on one page?
The original design uses horizontal tabs for categories that are not related, and vertical tabs for pages that are sequentially related. In terms of usability and navigation I think it is not as ...
4
votes
2answers
45 views
What would you label 'Delete oldest and Save' action?
The (iPad) app has a limit to the number of sessions which can be saved.
Once the limit is reached, when the user tries to save a new session he gets a dialog box telling:
You can either delete ...
6
votes
5answers
228 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, ...
4
votes
2answers
98 views
Change button for color input modes
I have this SWT widget (color picker) with label:
By pressing the star button, color picker field transforms into code field, where you can write code:
I am not satisfied with this "star ...
4
votes
5answers
247 views
Best way to represent distance in a clear way?
I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider.
Example:
1) User enters "Brussels" in the input box.
2) User changes the ...
5
votes
1answer
104 views
Should user be notified about technically unavailable features?
I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users.
Should I just hide the button that activates it? Or should ...
29
votes
4answers
2k views
Where should the GUI light source come from?
I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
16
votes
8answers
886 views
Where can I find problems to challenge my UI design skills?
I'm still in the beginnings of my career as a programmer, and have always thought I was more interested in low-level back-end type stuff. However, having done a few projects lately on my own, I've ...
10
votes
5answers
835 views
Should i use country flags in language selection fields?
My users can create content in different languages, and i need to provide an option to choose the language when they enter new content.
Right now there are only 5 languages (en, fr, de, pt, es), and ...
3
votes
4answers
259 views
Is there a better way to show 3 states of 2 types of data?
We are writing a web-based testing application where the user (teacher) can't move on to the next step in the process until all students (a young age group) have completed 2 separate tests. First all ...
4
votes
2answers
313 views
Right amount of padding between buttons in a mobile app
I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
3
votes
4answers
108 views
Where to place the '< Back' link or button?
I am building a simple transactional site with two step process both on web and mobile (responsive).
Target users both male & female age from 30-40 relatively tech savvy.
First page is a ...
13
votes
4answers
625 views
Can a visual progress bar be used as a navigational element?
We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this.
We have a linear flow through a data-collection ...
6
votes
3answers
77 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 ...
10
votes
2answers
190 views
What is the best practice for checking a series of checkboxes?
I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...
6
votes
3answers
190 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 ...
9
votes
3answers
212 views
Identify different types of clickable shapes?
We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes:
Link to another flow chart.
Link to an external ...
4
votes
4answers
235 views
Balance between mandatory fields and optional fields
I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
5
votes
3answers
501 views
Jumping progress bar or running process indicator?
I'm developing a process with a predefined number of steps to complete so while process is running I can know how far the process has gotten and how much is there still to be done.
My process ...
2
votes
1answer
69 views
Multiple-axis content access - Is three dimensions too many?
Referencing previous article: Are multiple entry points good or bad?
Our Intranet design has IA and global navigation that is currently based on locating targets along three axes. Content is sparsely ...
1
vote
2answers
65 views
Better ways to arrange the reports
I have a large number of reports separated by category. Now I want the user to be able to find the most frequently used reports more easily.
I came up with the idea of providing the user the ability ...
1
vote
2answers
173 views
Difference in Button Placement in Gmail Inbox and Spam Folders = Bad UX? [closed]
Like most people, I spend more time in my Gmail Inbox than I do in my Spam folder. But when I do check out my spam folder, I always make the mistake of marking a message as 'not spam' instead of ...
5
votes
1answer
79 views
How to indicate that settings have been modified?
A button ("Filter by") allows the user to select a subset of all choices. After the user configures a filter, how should I indicate that a filter has been configured?
I've thought about adding text ...
4
votes
4answers
140 views
Is the absence of a visible scroll bar confusing when asking users to agree with license terms?
This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...
6
votes
7answers
936 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 ...
5
votes
4answers
203 views
Form input types for fast data-entry?
So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
3
votes
3answers
96 views
How do I best describe a “confirm a download” in a dialog box?
We have a feature that offers subscription-based downloads. There are limitations to the counter back-end so to make sure a customer does not get charged by mistake, we have implemented a pop up box ...
10
votes
4answers
209 views
Form Design: Mutually Exclusive Tabs vs. One Form
I am working on a form design that currently has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team noticed that users missed the tabs and only noticed them ...
9
votes
2answers
240 views
Whats the best way to present a time duration to user?
We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle.
Looking for simplicity and accuracy.
I've added two examples that we've been working ...
3
votes
6answers
344 views
Creating Interfaces that Build Emotional Bonds
What are factors in the user experience that lead to users having an emotional tie to an interface, why, and what would be an example of each factor.
4
votes
7answers
352 views
Progress Indicator suggestions for multithreaded operations?
In the old version of our application, the operations performed during loading were sequential. We indicated progress by updating a single-line text string with the component that was being loaded. ...
3
votes
3answers
254 views
Google / Maps for Mobile Web
Does anyone have experience with embedded maps for Mobile Web? (NOT APP)
My experience is that it introduces another frame into the page with a separate set of scrolling behavior - not a good thing. ...
-1
votes
0answers
41 views
Are there requisite dimensions, proportions, or best practices for Metro UI? [duplicate]
A Google search turns up shockingly little. The two main questions are:
Is Metro UI defined by requisite dimensions and proportions or simply best practices?
Are these requirements/guidelines ...
4
votes
3answers
97 views
Is it necessary to show the name of the application on the screen?
For a mobile application, should all views show the name of the application? On the one hand, we don't want the user to get lost, but on the other, it could just take up space. Is there a UI best ...
6
votes
4answers
159 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 ...
5
votes
2answers
56 views
Choice Box or Tabs for multiple contents in a view [duplicate]
I am going to display a small view in my application that contains contents to be picked. The contents are sorted in an undetermined quantity of categories.
Would it be preferred to sort them in ...
1
vote
1answer
83 views
Will it be better for making call-for-action buttons in warm colors?
Are there any A/B test/ statistics results revealing whether using warm color buttons is generally better than cold color buttons in UI? (despite the concern for the theme color of the brand)
29
votes
6answers
2k views
Which do users like more as of now, 'Flat Design' or 'Skeuomorphic'?
I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
18
votes
6answers
2k views
Are custom scroll bars easier to use or do they just look “nice”?
I've noticed that a lot of webapps have started using custom scroll bars. A few examples include Facebook, Trello, Google Docs, and Twitter. I'm sure you can think of some more:
How do these types ...
