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)

2
votes
1answer
111 views

Intuitive Placement of Buttons In Flow Diagram

I have implemented an interactive, one-to-many flow diagram. The user should be able to build the structure of the flow diagram by adding child nodes to a parent node, as well as be able to change ...
3
votes
4answers
142 views

Comparing and merging user interface revisions from multiple people

How can I compare, merge, and prevent conflicts between UI changes made by different members of a multi-person UI development team? Context for this Question: Visual diff and merge tools like Meld ...
0
votes
2answers
113 views

Task list due date format

What is the most user-friendly way to display a due date (in the context of a task list). For example (time until due): Do the dishes - One hour until due Wash the car - 3 days until due Buy ...
0
votes
0answers
106 views

Using “fat” rows to show data

I am designing a component for a desktop application showing information from a list of entities. Each entry has several attributes and to show it in a compact and expressive manner I decided to show ...
0
votes
1answer
59 views

Choosing a Feedback Mechanism For Delayed Commands

On a typical application when a user submits a form, it's good practice to provide a success message that the information has been submitted and saved. This makes sense for an application that ...
1
vote
1answer
58 views

Criteria selection : use empty for ALL?

We have the following criteria screen. Based on these criteria data are fetched. Empty From/To Date field means that no date criteria will be used, but for the type criteria we have two options : ...
0
votes
1answer
122 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
0
votes
1answer
77 views

How many screen resolutions are available for Windows 8 mobile app? [duplicate]

I am a UX/UI designer and I have designed many mobile apps for iPhone and Android. Now I have to design a mobile app for Windows 8 but I don't know how many screen resolutions are available. i.e. for ...
0
votes
1answer
111 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
2
votes
1answer
158 views

Best type of thumbnail?

Let's say I have an app that accepts images, and the user takes the above image. Now I want to upload it, and display a thumbnail of the image on my website. There are two ways I can have a ...
0
votes
0answers
38 views

Weighting adjuster UI

I had a look at this question: How to present weighted values and while I agree with the general thrust of the accepted answer (particularly the lock buttons) I wonder if that is too granular for ...
0
votes
2answers
122 views

Is the “X” button on this downdown menu going to be a problem?

The "X" button next to the dropdown arrow resets the field to the default selection. My concern is that a user may hit the "X" when they intended to hit the arrow, accidentally clearing their ...
1
vote
1answer
72 views

Guidelines on using hyphenation in interactive design

It's a well established recommendation for publications containing masses of continuous text to use hyphenation. Are there any ideas or guidelines on how hyphenation should be (not) used on ...
0
votes
0answers
68 views

Mobile GUI to select many numbers

I need to be able to select among many numbers (56 non-necessarily consecutive numbers). I need to do this in a single screen. I thought a grid would be a good idea (like a calendar) 1 2 3 7 10 ...
6
votes
1answer
256 views

Are distraction-free text editors effective?

There are distraction-free text editors (for example, the ones cited here) that have full-screen editing area and minimum user interface. Is there any objective statistics showing whether these ...
6
votes
4answers
693 views

Is skeumorphism dead?

I've noticed that many big companies stopped using skeumorph graphics: Microsoft completely removed any glass-style look of Windows 7 and switched to a flat, "digital" and artificial look in Windows 8 ...
1
vote
3answers
174 views

How to reduce complexity of nested form interface?

I have a complex design on my hand which is essentially a wizard. Following mockup should give you a fair idea: download bmml source – Wireframes created with Balsamiq Mockups ...
2
votes
3answers
238 views

Is “Chicken Box” an appropriate term for a Yes/No dialogue with a warning?

We have a mixin so named, and since my project requires more of these types of dialogue boxes, I created a lot of tickets for myself with the term "Chicken Box" in the titles. It's basically just ...
9
votes
3answers
680 views

n-to-n selector UI

I am looking for a name of one specific UI element. I have unsuccessful tried to identify it before but this attempt failed. What I am looking for is an n-to-n selector where items move between two ...
0
votes
0answers
84 views

Simplifying repetitive form workflow

I am in the midst of creating a new application for some users in a manufacturing environment. They are not new to technology, but not power users by any means. I am concerned about my current idea ...
1
vote
3answers
202 views

Is it better to be slow and have feedback, or relatively fast but no feedback?

I'm modifying a legacy application that can export data to a file. Currently, this process is really slow, but indirectly gives a visual feedback of the progress (it updates the UI from inside a for ...
1
vote
4answers
185 views

What are some of the good ways to keep minimal (not cluttered) view and minimum number of clicks at the same time?

EDIT: The question is specifically for DESKTOP. No mobile/tablet. My client wants a design for a web app (chrome webstore). The wireframe is final. But the problem is he wants that the buttons/menu [ ...
0
votes
0answers
44 views

Graph number alignment

It's only a small thing but it has me stumped. I have a graph that displays the numbers from +10 to -60 along the left hand side & also replicated along the right hand side. So say for example ...
0
votes
1answer
148 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
68 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 ...
14
votes
3answers
466 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
67 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
38 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
151 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
922 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
243 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
148 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
100 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
272 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
114 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
100 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
158 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
82 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
404 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
81 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
135 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
868 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
126 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
3k 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 ...