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
142 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 ...
1
vote
3answers
231 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 | ...
4
votes
2answers
61 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 ...
4
votes
4answers
679 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 ...
14
votes
4answers
1k 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 ...
3
votes
1answer
142 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 ...
5
votes
1answer
156 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 ...
12
votes
5answers
628 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?
10
votes
4answers
850 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 ...
5
votes
3answers
118 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
3answers
136 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
263 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
186 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 ...
9
votes
5answers
659 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 ...
1
vote
1answer
136 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)
2
votes
2answers
196 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 ...
6
votes
3answers
1k views

Time Scheduler UI

I am working on a doctor availability schedule page. In this page I need to setup the available times for each day in a week for a doctor. This is a one-time activity. Something is repeated for every ...
8
votes
6answers
502 views

How can I make these links more obvious to click on?

I'm working on a website redesign for a dental laboratory. While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the ...
3
votes
2answers
200 views

When is Skeuomorphism appropriate in an iOS app?

I know there are no hard and fast rules regarding the use of Skeuomorphism, but I'd like to more fully understand when the use of Skeuomorphic elements is appropriate in iOS apps. To my limited ...
4
votes
3answers
455 views

Using a table within a mega drop down

I've a quick question about combining a mega drop down with a tabular list view. Ideally I'd prefer jut to have the list to pick from but the list also requires sorting. I'm not really sure that this ...
1
vote
2answers
133 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
1answer
2k views

What is the best practice approach in android for form input that is related to the current view

I am currently going through the process of designing the experience of my first android app for a company I am involved with. Forgive me if some of the terminology is incorrect; coming from a web ...
2
votes
2answers
344 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 ...
0
votes
1answer
171 views

Categorizing user interface elements [duplicate]

I have seen lots of different ways to define and categorize user interface elements/components. In the process of writing a style guide, I am interested in whether the following categories cover the ...
6
votes
3answers
135 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 ...
40
votes
6answers
3k views

How can I highlight errors when bright red is the main color of the brand?

I'm working on a mobile website for a client whose main brand color is red. The website header and headings are all red. CTA buttons are red too. How can I effectively separate errors (mostly in form ...
2
votes
2answers
745 views

Quick Booking UX/UI design [closed]

I am using Twitter Bootstrap UI for developing screens for my application. I created the booking / appointment page. This page will be used by hospital staffs. They want to quickly fill the data, ...
3
votes
2answers
248 views

How to prototype a new concept for UI design for mobile devices? [closed]

I am currently developing a new kind of UI for android device and I wanted to know how do I make prototype of it ? since none of the existing UI design tool has support for it. I wanted to include ...
5
votes
2answers
391 views

Convincing importance of a great UI [duplicate]

We have a good set of algorithms which are the core of our business. Our product itself works mostly as a plugin inside other workflows. There is web based UI which is used by some of our customers ...
1
vote
2answers
273 views

What should the Double-Click behaviour be in a treeview which is in a selection dialog

Normally when using treeview I would expect that when the user double-clicking on a node that has children the tree will expand/collapse. However, Say we have a tree in a selection dialog. We ...
11
votes
2answers
694 views

Skeuomorphism 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 ...
2
votes
2answers
656 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 ...
-3
votes
1answer
139 views

How shall i convince user to select multiple email-id?

I am inviting people to participate in my activity. I entered the email id. It got added into the list. Now shall i select multiple? (Is the question faced by many users) What shall i do: -Provide a ...
-2
votes
1answer
61 views

Components of a site that would cause imitation concerns [closed]

I'm new to the web design and web comic fields. I'm a huge fan of The Oatmeal, and thought his tile layout was a good way to share the most amount of comics for given real estate. So, following the ...
14
votes
2answers
405 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 ...
1
vote
1answer
180 views

What UI Should I Use?

Here's the feature: The user is a construction sub-contractor. Each user specializes in something like welding or plumbing or windows, etc... Now, these things they specialize in are formally defined ...
6
votes
3answers
173 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 ...
0
votes
1answer
149 views

Minimalistic User interfaces discussion [duplicate]

I'm wondering whether or not a minimalistic user interfaces is the best choice. For example you might have an application that has only one button per page, so a user can't get confused. Or multiple ...
6
votes
2answers
153 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 ...
14
votes
7answers
833 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 ...
0
votes
2answers
858 views

GUI Design advice on Add/Remove/Edit form

I am building a GUI that needs to allow the user to: Add entries Remove entries Modify Existing entries Each of these "entries" hold very simple information: Outlet Number (Non editable, ...
2
votes
3answers
244 views

How can I display lots of controls that are contained within expanders?

I'm currently building and Dashboard system for a factory and there is a control panel to control all the displays in the factory and to decide which detail(KPI type) to be displayed. Following is the ...
14
votes
2answers
1k views

Good UX for a form

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
44
votes
7answers
4k 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 ...
13
votes
5answers
8k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
1
vote
1answer
277 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 ...
0
votes
1answer
202 views

Handling bad network connections in a mobile app [closed]

I'm currently writing my bachelor thesis about loading data in mobile applications (native/web based). I already searched for UX studies how to handle disconnects and slow loading of data but ...
18
votes
3answers
2k 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 ...
5
votes
2answers
252 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 ...
2
votes
4answers
352 views

How can I improve this wizard interface? [closed]

I am working to improve a wizard like interface available to our users. I have attached mockups of the first two screens in the series. I would like to get advice on the design. Currently these ...