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)

15
votes
4answers
1k views

In GUI/UI design, why is the clock on the right?

I've been trying to design a new User Interface for the Desktop, while at it a friend has told me about his thoughts on UI design and we had a discussion about the placement of the "clock". In ...
3
votes
2answers
398 views

User access level grid - idea for gui

In my software application, multiple users can be created and every user belongs to a single Department. Users can add tasks to other departments. For example, the accounting department can add a new ...
4
votes
2answers
968 views

Reliable sources about UI/UX best practices in Japan?

Everything I read about usability on western websites is mostly the opposite of what I'm told to do at my workplace in Japan. For example : - make landing pages as crowded as possible - avoid share ...
9
votes
6answers
704 views

Do iOS application icons need to be updated for iOS 7?

as a graphic designer, would an application icon need to be updated to match the simplicity and flat UI of iOS 7? Do you think this would contribute to the UX overall?
6
votes
3answers
2k views

Implementing UI Design of iOS to Android App, Good Idea?

I found a similar question here but I want to hear the answer to my questions. Our team has launched an iOS version of our app, let's call it X App. We have sold this to 3 clients and they like it. ...
8
votes
3answers
2k views

Mixing rounded corners and square corners

The question of the usability of rounded corners versus square corners has already be answered here. My question revolves more about the consequence of having them intermingled. I've heard some ...
3
votes
2answers
385 views

What are the key elements for clarity and simplicity of a web application GUI?

We work on a web application. We have spend more than two month to simplify every process and workflow. Now, we would like to make the User Interface looking more simplier and clear, working only ...
1
vote
2answers
391 views

Why has web annotation so far been a failure?

It seems that through the use of browser extensions, web annotation could provide an awesome way to 'add more channels' of data to an existing web resource. Given the limited technical challenges, and ...
-3
votes
2answers
107 views

How can I check my UI mockups on my iphone without emailing myself the files? [closed]

How can I check my UI mockups on my iphone without emailing myself the files? I found a great app called "Live View" which is a remote screen viewing application, but it requires having a mac ...
4
votes
4answers
904 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
5
votes
1answer
4k views

Why does the mouse cursor switch direction over line numbers in programming IDEs?

When you mouse over line numbers in IDEs, such as Visual Studio or Notepad++, the mouse cursor is flipped horizontally. I can't think of a reason this would be a ubiquitous user interface decision. ...
40
votes
6answers
4k views

Why is tree representation of data becoming unpopular?

I'm asking not about professional software like IDE's, but about OS GUI and web interfaces. A few years ago there was File manager in Windows, Gopher and other interfaces and data models like this. ...
3
votes
4answers
173 views

How to design a UI that will not put people in the situation of hitting ESC or clicking randomly

As mentioned in this UX question, people try to click around when an application is non-responsive (it hangs). Is there a practical way for an app to indicate it is still "alive" so that it doesn't ...
21
votes
3answers
1k views

Is it a bad idea to have two progress bars in one dialog?

Discussing with my team-mates this morning but we're not sure which one is the best way. Scenario: When users select a single document to process, they will see a progress bar and text displaying its ...
2
votes
2answers
482 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
2k 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 ...
3
votes
2answers
185 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 ...
7
votes
2answers
165 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 ...
5
votes
2answers
365 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 ...
4
votes
1answer
278 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 ...
5
votes
5answers
214 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. Should we consider having a single login box which asks users to select which service they want to log in to before hitting the login button rather than two ...
27
votes
5answers
2k 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 ...
4
votes
2answers
172 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 ...
1
vote
1answer
175 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
399 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
65 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 ...
5
votes
4answers
1k 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
2k 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
162 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
232 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
768 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?
11
votes
4answers
1k 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
123 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
154 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
349 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
223 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 ...
11
votes
5answers
826 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
159 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
227 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
3answers
3k 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
732 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
217 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
661 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
152 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 ...
2
votes
1answer
4k 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
882 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
305 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
157 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 ...
43
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
1k 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, ...