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
52 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
102 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
70 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
71 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
149 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
35 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
114 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
70 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
64 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 ...
5
votes
1answer
246 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
629 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
147 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
227 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
628 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
69 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
193 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
170 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
38 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
69 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
65 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
439 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
55 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
103 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
33 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
108 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
861 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
162 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
117 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
86 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
136 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
62 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
72 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
80 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
123 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
223 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 ...
262
votes
19answers
17k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
0
votes
4answers
74 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 ...
8
votes
7answers
2k views

Visually show “Content cannot be dropped here”

I am trying to show to user if "Content cannot be mapped to the desired location" on my UI. Refer to the image attached above, user can drag and drop a file to the rectangular areas defined but not ...
2
votes
8answers
393 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) | ...
188
votes
15answers
24k 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
68 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
124 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
833 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
114 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
50 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
294 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
106 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
56 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 ...