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)

6
votes
4answers
414 views

Why do web designers force users to enter credit card numbers without hyphens or spaces?

Credit card numbers on the cards themselves seem to follow a pattern--four clusters of digits separated by spaces. This seems to comport with "human factors engineering" that I think shows people have ...
1
vote
1answer
62 views

Suggestions for labels of different kind of doors/gates [closed]

I'm designing a mobile app for home automation. Shown at the end of this question is the remote page, which allows the user to control doors and gates. We have to provide the following three types ...
2
votes
2answers
225 views

Chat Windows Within Web Application - PopUp or Floating Div?

I'm working on a web application. The application is already built and deployed to clients. It runs on a wide range of internet browsers. I am tasked to add chat functionality to the application. This ...
7
votes
2answers
2k views

Good ways to make a dynamic GUI?

I have an application I am designing and it's in a pretty functional state at the moment. But the database I am using has 1000's of items and is constantly changing and growing. The application of ...
1
vote
1answer
78 views

Designing an Interface - A 'How Can I Direct You' style of interface

We're building an internal tool for helping folks utilize user experience in their projects. We're looking at it from two directions--one direction, easier, is "Hey, I need a wireframe, where can I ...
-1
votes
1answer
100 views

Best way to show transition between states

I need to graphically represent transition between different states. The states list is dynamic. At one time only one state can be active. We have a product which gives the user ability to define ...
0
votes
0answers
23 views

What is the best way to indicate required fiels for deskop style web apps? [duplicate]

I am interested for best practices for indicating required fiels for deskop style web apps.
6
votes
2answers
164 views

When to leverage spatial inconsistency?

I want to know when you should and shouldn't leverage spatial consistency/inconsistency in an interface. For example, the new Android update changed the location of the Clear All Notifications button ...
1
vote
2answers
142 views

Link-heavy web GUI patterns

There is an enterprise system where all entities are interconnected. Let's say we have following entities for a example: Customer, Order, Product, Contact, Employee. The preferred GUI style is ...
0
votes
1answer
81 views

Visual Indicator For Manually Created Documents vs. Automatically Generated Documents

I'm working on a UI that is a master-detail-detail view that displays a list of documents to a user. Some documents are manually created and other documents are automatically generated. I have a ...
0
votes
2answers
92 views

Best GUI tool for X, Y, or Both situation- radio buttons, or check boxes?

I have a medical reporting application, and three possible options for a query. I need the user to select one of three options, and I am trying to figure out if a radio button group is best or some ...
6
votes
6answers
840 views

Better UI for exchanging blocks up and down

I have developed a UI as shown below: Now I want to add a functionality to this UI that if user wants to exchange positions of if and else if blocks, he must be able to do that. One option could ...
2
votes
4answers
116 views

Is good UI design something that reflects the underlying system/process or something that is used to solve the problem?

Inspired by this previous question on UX SE: Good reasons to use bad UI? I asked myself the question, "Are there bad reasons to use good UI?" And just to clarify, I am talking about UI design and not ...
0
votes
1answer
44 views

Should the main drop-down menu in an application always be titled “File”?

First my question, and then the details below: Should the main drop-down menu in a windows application always be titled "File" or should it be titled something more appropriate to the options it ...
15
votes
10answers
2k views

How to detect bad UI design [closed]

I am a software developer who also does UI design. My question is, is it for me possible to detect UI issues during development. The big problem I know from other developers, they don't see bad UI ...
4
votes
1answer
213 views

Improve Design for Master/Detail View

I'm trying to put together a design draft for a UI in a business application that will allow a user to view a list of documents that will be published to recipients in one or more departments in a ...
0
votes
1answer
131 views

The most efficient solution for breaking this form into multiple tabs

INTRODUCTION AND RELEVANT INFORMATION I am software developer who must create application for managing contracts. I am very "clumsy" regarding UX, so I am not satisfied with what I have made so far. ...
1
vote
1answer
227 views

Improve design for master-detail interface

INTRODUCTION AND RELEVANT INFORMATION I am programming application that writes data about contracts into database. It is similar to banking software. Contract is very complex data, so let me ...
2
votes
1answer
54 views

Better options to show Open and Save option for each file in a list

A list of all input files is shown. User can click ‘Create Output Files’ to create output files for each input file. Now when all output files are created, ‘Create Output Files’ button becomes ...
6
votes
4answers
1k views

App design process - Prototype phase: Photoshop design every single screen?

I've just started designing apps and still learning my way through. I'm now doing a project that it is quite complex, so this was the rough process: Understanding of client's requirements and ...
9
votes
9answers
2k views

What are the advantages and disadvantages of “minimal” design?

E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
1
vote
3answers
93 views

How to browse a long list of artists and songs

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
0
votes
3answers
76 views

Terminology for Permissions Operation

We're working on a user security manager. In the app, there is an operation to overwrite a user's permissions with the permissions of another user, essentially: Delete all permissions and group ...
4
votes
2answers
287 views

What kind of language is most acceptable for placeholder text?

I have a form that displays the user's current address and allows them to change it. I have a preferred format that I want so I want to provide hints to them as to what is acceptable and what goes ...
1
vote
1answer
65 views

Showing remaining time in a web app

We have developed the interface of a web application which lets the user manage some remote equipments for a limited amount of time. Basically, it is used in this way: User A reserves the hardware. ...
0
votes
2answers
101 views

Is it really better to “A/B test” everything in lieu of understanding usability research?

Have you worked with people who don’t believe in learning from UI research and instead going with their own beliefs? Were you able to convince them that bad ideas are bad ideas before time is wasted ...
1
vote
1answer
44 views

Show time left, warn before automatic hangup

I'm working on a Windows desktop application where the user deals with incoming calls by emergency devices. Because the inbound capacity is limited, the connections should be kept short, a time-out ...
2
votes
3answers
337 views

Improve form design for more efficient editing/browsing through data

INTRODUCTION: I am asking for advice to properly redesign the GUI so user can have the best possible user experience. Although I am generally satisfied how things turned out for entering data into ...
1
vote
2answers
89 views

Layout for a flowchart

I have a flowchart with 5 nodes. the connections are as follows: A-B A-C A-D B-C B-D D-C B-E A & E are my start and end points. What is the best way to lay out the flowchart to maximize clarity? ...
0
votes
1answer
91 views

Struggling to find uses for the mousestop event

I am building a gaming site that is javascript/jQuery heavy to enhance maximize UI/UX. To achieve the best UI/UX possible, I have made use of not only JS and jQuery, but also jQuery UI, the Dojo ...
0
votes
3answers
119 views

How/should I display data that has different units in a chart?

I need to display some data for users to look at at track their progress, and at first I thought of using a line chart, which at a glance seems okay. But the problem is there are 2 different units ...
1
vote
4answers
573 views

UI to convey competency or skill level?

Are there any guidelines out there as to what could be used to effectively convey competency at x, where x is a professional ability of some kind? At the moment I'm dividing skills up by core and ...
3
votes
4answers
741 views

How would you differentiate this cluster icon from a marker?

I have a map application that shows locations. You can select what item you want to see data about as well, which edits the icons on the map. In the below picture, you see several locations, and the ...
0
votes
1answer
104 views

Server side UI vs. Client side UI [closed]

I'm reading a job description which reads... You are an experienced front-end developer with expertise in Javascript,HTML,CSS & server side UI frameworks (PHP/Python/Node.js). I've always ...
2
votes
4answers
107 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...
0
votes
2answers
64 views

Gui: Naming menu and commands

I look for guidelines for naming menu or button commands, should they convey the command operation or could be more conceptual and idiomatic (in the context and direction of the software usage) For ...
0
votes
0answers
75 views

Navigation - Using expanding divs

BACKGROUND: I'm redesigning an internal finance app that will be used by expert users. By expert I mean that the users will be using this app for hours every day. The problem stems from mission ...
4
votes
2answers
304 views

Two different views and a link

I am working on a web page where a data entry can be viewed in two different ways: a table view or an interactive view. Also, there should be a link that takes the user to a "compare" page. I am ...
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 ...
0
votes
3answers
167 views

How would you test your ui/ux design decision in the fastest and cheapest way?

I was at this interview for ux designer position and my interviewer asked me that if your colleagues didn't agree on your design, how would you defend it? Then I said I would test the design in ...
0
votes
1answer
77 views

Can not design window to be used both for inserting and reading data from database

I am working on a financial software which has a lot of data to be entered into database. I have managed to design user interface for entering data on my own, and my employers are satisfied. ...
1
vote
4answers
109 views

Meaning of message dialog icons - demand a prerequisite

In GUI, there are different icons which we can use in message dialogs such as (Warning, Exclamation, Error, Information ...). My general question is the application of each of them. But my specific ...
1
vote
5answers
385 views

Graphical alternatives to mini-language to operate on large sets

I am currently collaborating to a draft proposal for a new system where the main goal is to plan and then manage "assets" to satisfy "needs". An example (intentionally vague) - let's suppose you want ...
4
votes
3answers
185 views

Click *Show More* to get one more option

Lately, several companies that I have seen have a show more button which simply shows just one option. An example of this can be found here: https://getadblock.com/pay/ Would it not be simpler to ...
4
votes
4answers
229 views

Interested in why the “Sign In” options are sometimes so trivially designed compared to the “Sign Up” option?

Over the past few months I've noticed a lot of big name websites that seem to trivialize the "Sign In" design in comparison to the "Sign Up" design, which is much more centrally located, and usually ...
0
votes
2answers
68 views

How can I accentuate values in this form to aid fast visual identification?

My web app has a need to display multiple values. Right now I find it hard to visually discern quickly. Observe UI Observe minimized html: <table> <tr> <td>gpm</td> ...
13
votes
4answers
855 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
0
votes
1answer
57 views

Reliable references for known user interface practices [closed]

I have this problem, that I cannot find the studies, where there are said the facts that we all know, for example: http://en.wikibooks.org/wiki/GUI_Design_Principles information in this page - are we ...
1
vote
1answer
87 views

Positioning the same confirm button for 3 different panel displaying situations

I have two panels that are hidden/showed depending on the value of the "State to assign" dropdown. I've been doubting about placing the Confirm button: In a fixed position, for example: the bottom ...
0
votes
0answers
18 views

How to produce Mobile User Interface front-end page screenshot? [duplicate]

I need to realize some prototypes of (web/native) user interfaces (UI) layouts/screenshot, mainly for mobile phones/tablet (Android/iOS/Windows Phone) also for desktops/laptos (web). A solution ...