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)

0
votes
1answer
156 views

UX/UI designer books and tutorials [duplicate]

I am venturing into UI/UX design and I would love to dig deeper into this technology, I am a front end engineer html/css/js and I want to learn and be an expert in UI/UX design. If someone could ...
0
votes
1answer
79 views

How to work with web designers pragmatically on my stateless browser app?

These days, lots of stuff is being done on the client. This includes full page rendering, data fetching, and much more. Right now, I am developing an API and also working on the client-side app which ...
15
votes
3answers
487 views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
3
votes
1answer
73 views

Do the concepts of typographic scale and vertical rhythm apply equally to print media and web apps?

I have been learning about these two fundamental concepts and I see how beneficial they are for print media (including 'digital print' like blogs and webzines.) do these concepts apply equally to ...
1
vote
4answers
110 views

Which are better: horizontal or vertical vehicle seatmaps?

I work for an online travel agency. We have designed interfaces that show vehicle seatmaps for users to select a seat on an airplane or a bus. Recently the debate has been on which is better: a ...
1
vote
0answers
39 views

What are the best layout practices so that secondary elements such as tools are not overlooked? [closed]

Users tend to focus on the center target of a page, such as text. As such they may not see important elements outside the center. Advertising deals with this with annoying movement, but I wonder what ...
0
votes
2answers
168 views

Clock face interface for time selection [closed]

I have been looking at new ideas for interface design, and came across this one for selecting time by mimicking a clock face. I believe that the interface can probably be tweaked to look a bit ...
11
votes
3answers
933 views

Looking for independent usability study of the Microsoft Fluent UI

I have been trying to gather objective feedback/response on the design of the Fluent UI ('Ribbon') interface. Apart from one study by Forrester which was commissioned by Microsoft anyway, and various ...
2
votes
2answers
258 views

Difference in designing wireframes for apps in Nexus 5 like phones with virtual navigation bar and other phones with hardware navigation buttons

As you know phones like the Nexus 5 and Moto G come with virtual navigation navigation bar like in the stock Android with the back, home and multitask buttons and there are phones like the new Asus ...
1
vote
2answers
153 views

Ideas on dismissing a popover without a Close element

I have mocks from a designer showing an initial form for searching a location. There are fields for location (business) name and city (pre-filled) and a Next button (disabled at first). When the user ...
1
vote
2answers
103 views

What to call the specific pinch gesture

Pinch is used to refer to the thumb and index finger either coming together or moving apart. Therefore, just to refer to it as pinch isn't exactly accurate because I need to refer to the exact ...
1
vote
2answers
317 views

List versus table design

The inability for tables to deal with data that span multiple rows, especially in situations where the screen space is limited is one particular reason why list views have been used as an alternative ...
1
vote
1answer
74 views

How should I capitalize and format references to UI field entries?

Several sources recommend capitalizing and formatting references to UI element labels just as they appear in the UI. My question is how should I capitalize categorical references to the information I ...
1
vote
2answers
143 views

Accessible Disabled State

Is there a best practice for disabled/inactive buttons or tabs that meet accessibility color contrast requirements? A greyed out treatment seems to be the most common, however grey on lighter grey ...
0
votes
2answers
102 views

How do you usually gain brainstorming idea on how to design Android mobile app page

My background is developer and I do not have any experience in real UI/UX design. Often, I'm pretty clear what kind of task I want to help users to achieve in my mobile app. I want users able to ...
3
votes
2answers
171 views

How can cable TV Guide UX be improved using the arrow/channel buttons on a remote?

I've searched around and read UX's help section, but I'm still not sure if this question is too subjective for UX. If it is, I can remove it. This question applies to cable set-top boxes that have an ...
7
votes
2answers
235 views

Why are developers ignored by UX? [closed]

I'm a hobbyist software developer who dutifully looks at UX to better design software with the user in mind. I appreciate the nitpicking that UX does for three main reasons: The user's benefit ...
0
votes
4answers
85 views

Building out UI for Org to kick off Remote Process, How to Display Feedback?

In Unix, the correct procedure is to be quiet when your process successfully works. In modern Graphical User Interfaces, the Unix standard does not apply. We're piloting and releasing updates ...
2
votes
8answers
407 views

How to launch an additional info popup from a set of cells in a grid

I have a grid with a large amount of rows and columns. Columns are logically grouped together in sets of 5 all related to one data item (the letters in the below example). Header | Property 1 (A) | ...
198
votes
15answers
26k 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 ...
1
vote
2answers
88 views

Is it better to have links open in the same window, or a new window? [duplicate]

Are there best practices around when it's ok to open links into a new tab and when it's best not to?
2
votes
2answers
140 views

All Caps in International Design

I have my own opinions on this but need some arguments when talking with designers. What are the advantages/disadvantages of using caps for all words in mobile application design?
8
votes
6answers
872 views

Key dimensions to efficiently describe a user interface

What is clearly thought out is clearly expressed and there is certainly a way to efficiently describe and classify the various user interface types that have spread. At the UI components level, ...
0
votes
3answers
131 views

Text Boxes: Balancing first impression with usability

I recently read Joel Spolsky's article Designing for People Who Have Better Things To Do With Their Lives, Part Two, and was intrigued by this: ... You may have noticed that almost every edit box ...
0
votes
1answer
55 views

An icon that best represents a user's karma points or a particular score? [closed]

Instead of displaying a numerical amount in the header of a user menu, is there an icon that best represents karma points? Similar to StackExchange but something that further elaborates the concept ...
1
vote
3answers
4k views

Is there a design pattern for dropdown lists in iOS?

I've searched quite a bit for this but surprisingly could not find any comprehensive answer. XCode doesn't provide any simple way to add dropdown lists to iOS interfaces. Stackoverflow just showed ...
2
votes
1answer
121 views

Layout options for Fast Item Entry

I'm redesigning a parts order entry system that is intended to make order entry simple and fast. Users often add 40-50 parts per order. For various reasons (client resistance, deadline, complex ...
0
votes
2answers
65 views

User can specify a directory for an auto-generated filename or specify an explicit filename

Software function Allow the administrator of a piece of hardware to download the server configuration and store it in a data file for backup / migration purposes. The interface is currently setup as ...
43
votes
9answers
5k views

How can I make monochrome icons work?

My company has just implemented a monochrome icon theme in an attempt to transition to a more "modern" interface. Feedback from the first round of user testing has been mixed: Almost everybody ...
1
vote
1answer
132 views

How to display configuration forms to minimize clicks

I'm writing a desktop application that allows a user to create a project and add data sources to it. I need to allow the user to edit existing data sources so they can change advanced options not ...
0
votes
0answers
65 views

Advice On Alternative To Using Many Dozens Of Check Boxes In An Asp.Net User Interface [duplicate]

I have a table that has 51 bit values to hold the values of statutes. In production, this table would have over 10,000 records for the different LocationID's. The UI for this in its pure database ...
8
votes
3answers
1k views

Displaying percentage difference from zero

I need to display the difference in percentage from the old value with the new one. I got the formula and it's working except I don't know what I should display if one if the value is zero and the ...
2
votes
1answer
70 views

Where to place navigation menu - above or below featured image rotator?

I'm working on a car leasing website, and trying to place the navigation correctly. In my opinion, it seems better to follow the 'typical' website layout, where the navigation is either inline or ...
0
votes
1answer
120 views

GUI for copying (Ctrl+C) selected email addresses

In a app view I have a list of persons. Each person has an email address, among other information. In front of each person there is a checkbox. The users can check these checkboxes to perform ...
2
votes
2answers
136 views

Should currency labels omit decimals for full dollars, i.e. $10 versus $10.00?

I need to show the User's balance in one of my iOS app , I am using inbuilt iOS API for currency representation, which gives me $10.00 for 10 balance, But my UI designer suggesting me it should be ...
1
vote
2answers
124 views

Ui guide lines for disabling controls?

In my application I am disabling some controls depending on some checkbox state .Basically the controls consists of textboxes and labels.Currently I am disabling only the textfield so I want to know ...
9
votes
4answers
749 views

Mouse wheel interaction with nested scrollbars

Nested scrollbars (a scrollable area within another scrollable area) present some unfortunate difficulties, mainly when scrolling trough them with the mouse wheel. Whether such scrollbars are a good ...
3
votes
5answers
932 views

How to indicate that specific sections of a page can be swiped

There are a lot of mobile UI design patterns that support swiping, and these are designed based on interaction and animation that indicate the behaviour. Examples include the 'swipe/pull down to ...
0
votes
1answer
220 views

The best way to arrange buttons for a complex calculator UI?

I am creating a Physics calculator UI as part of a science project. It involves calculating a lot of values, from a given two or three values by the student. I have handled the coding part, and what ...
2
votes
1answer
142 views

Scheduling app: to add all day option or not?

If a person wants to schedule something all day on Tuesday, Friday, and Saturday, should they enter 12 AM to 12 AM, or click on an “all day” checkbox instead?
0
votes
1answer
259 views

TriState treeview with checkboxes

Scenario I have a use case that asks for something like a tree view with checkboxes, but somehow it is one step more complex. I have a tree structure where for each node, the user can chose one of ...
39
votes
2answers
8k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
5
votes
1answer
433 views

Date picker whereas day doesn't matter

The main goal is to the user be select dates or a range of dates in a table. The day doesn't really matter much, while the year and the month does because it's the time between the analysis of the ...
0
votes
1answer
57 views

Can i ask a user to just enter his social media channel handlers?

A client of mine wants to add extra functionality to its app. He wants the user to be able to add his social media channels, but for this version, he wants the user to be able to just add his handles ...
6
votes
1answer
558 views

Are there studies on how well window glueing is received?

I'm curious if there are any studies or articles on this issue. What I'm thinking about is for example the Winamp implementation where there was a main window and all other windows could be glued to ...
0
votes
1answer
79 views

Usability of multi-directional sliders for touch interfaces

I have been trying to solve the issues of having to use two sliders that represent values of different orders of magnitude to give users a fine control over the value they want to input. I was ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
22
votes
2answers
2k views

Should a save button save information that is not on screen?

My app is used to edit email templates. As you probably know, emails can have a text AND html version. Below is the UI I came up with. My initial thought was 'only save what you can see', so when you ...
0
votes
0answers
96 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...