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
62 views

How can a webapp show whether polling is on or off, without looking like it is stuck?

ACRA's web client polls a server every N seconds. Polling can be on or off. The UI is currently a clickable GIF image: when polling is on when polling is off Clicking the icon switches on/off (on ...
0
votes
1answer
34 views

Edit document name option in pop up

On my UI, when user clicks to create a new document, a pop up opens where a wizard is launched where user must select a folder in which he wants to create the new document. Pop up has a list of all ...
0
votes
2answers
84 views

How to inform about fields in a big form?

I have to improve a very big form with at lot of fields. I'm thinking about making some type of marking to inform the user about: 1. Fields that should be filled 2. Mandatory fields 3. Content that do ...
1
vote
2answers
142 views

How to show why the button is disabled?

I need some ideas on how to show the user why the button is disabled. It is a very big system with a lot of rules and therefore it can be hard to fin out why. I would like to help the users but how? ...
1
vote
1answer
243 views

Should “expand” arrows point towards the expanding content or away from it?

When using the official Github for Mac GUI client, I've seen that there's an icon which is used to open a hidden menu. It uses arrows to indicate that it moves something, but those arrows are pointing ...
0
votes
1answer
89 views

What is a good tool to prototype Windows 10 programs? [closed]

I am a user experience designer who is recently assigned to work on a Windows 10 desktop application. I am not sure with what tool I should use for prototyping and illustrating the interactions to ...
2
votes
1answer
51 views

Multi purpose form or separated entities?

I am developing an application where the user will have to acquire a lot of data records. Each such record will represent a person. The user can choose between 2 different types of persons to add and ...
2
votes
1answer
140 views

Should the 'back to top' button be used when infinite scrolling is implemented?

Infinite scrolling is becoming a popular design choice for many types of websites that focuses on the browsing rather than search behaviour. Does the use of back to the top actually support that ...
0
votes
1answer
119 views

Managing properties in web app

I have an MFC Windows application and I'm doing some research to see whether the software can be ported to a web app. Currently the MFC app uses quite a few CPropertySheet / CPropertyPage (also known ...
0
votes
1answer
84 views

how can I clean up these piano notes?

hopefully i can attach a screenshot here... I am buried under the complexity of displaying piano notes. (hmm, thanks editor guy for including the screenshot in the message. but it's not quite hires ...
8
votes
5answers
1k views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
1
vote
2answers
49 views

Multiple Account Administration

So, I have a site that I'm currently designing, and I'm struggling to find a good way for a user to Administer multiple accounts. Basically, the situation looks like this: User "John Doe" has a ...
3
votes
1answer
108 views

Balancing between UX and Back Office Operations (The one click booking)

I am working on developing a simple home cleaning booking mobile application and I've been looking at what's out there: Most of them have a multi-step "wizard" that goes from asking the user for the ...
2
votes
1answer
99 views

Displaying Hierarchical Progress Feedback

I have an application which processes data within a set of AutoCAD drawing files. Basically, there are a few parent drawings and a few child drawings. My objective is to create an informative progress ...
9
votes
6answers
2k views

What are some reference works for capitalization in UI text?

I'm currently in the process of updating the language files for a large web portal. Over time, a lot of inconsistencies have crept in, and so in different places you might see contrasting: Titles > ...
1
vote
1answer
457 views

How can you best filter table data: sliders, text input, or a combination of both?

I am designing a data web page (where most people viewing that page is looking up the data) for a game fansite and one part of it looks like this download bmml source – Wireframes created ...
2
votes
4answers
933 views

Why show the global menus only on mouseover in Ubuntu Unity?

The new Unity interface in Ubuntu since version 11.04 has a global menu bar. This menu bar shows a behaviour that I find very surprising, it hides the menu entries as long as the cursor is not above ...
2
votes
2answers
373 views

When should I ask for the title of a YouTube video and the title of a resume?

I am designing a web site where candidates can upload videos and files. Candidate can upload videos from YouTube and they have to give the video a title and do the same thing for a file. They have to ...
2
votes
2answers
196 views

Can you apply a similar UI design used on a “web” app towards a “native” (iphone, android) app?

I'm in the process of redesigning my website to be responsive, so this will also include a "mobile" web designed version of my website. I'm just wondering, would I be able to use my "mobile" web app ...
4
votes
5answers
5k views

Difference between UI , GUI and HMI

I wanted to get these three terms viz UI, GUI and HMI clearly identified from each other. My current understanding : UI : Any general interface by which a human being or machine interacts with a ...
6
votes
4answers
505 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
66 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
277 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
79 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
101 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
169 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
143 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
89 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
96 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
851 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
122 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
50 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
3k 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
230 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
149 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
270 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
58 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
97 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
79 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
291 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
73 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
106 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
47 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
358 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
111 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
95 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 ...