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

Surveillance System Builder Utility

I'm trying to redesign a utility that allows the user to estimate what kind of DVR they need based on the type/amount of camera(s) they need. It filters out Video Recorders models based on the ...
0
votes
0answers
17 views

Which controls to use for “add new entry” and where to put them

I am tasked to develop application that stores geological data into database, and displays them on the map in the main window. I also need to add following functionality: Editing of existing data; ...
1
vote
4answers
67 views

Should 'Change Selection' be an undo-able action?

In Microsoft's Windows Explorer, changing the file selection does not count as an undo able action but in Adobe Lightroom (on windows, at least), changing the photo selection does. It feels like ...
42
votes
8answers
5k views

What is the reason arrows are interpreted as direction?

What is the reason arrows are interpreted as direction? Is this a cultural thing or is there something profoundly intuitive to it?
1
vote
1answer
65 views

Design for search by date or year

I need to enable user to filter displayed data by date ( 11.2.2015 ) or by year. My current design is illustrated below: download bmml source – Wireframes created with Balsamiq Mockups ...
2
votes
1answer
38 views

Represent and edit object graphs with standard OS UI elements

In most cases the data that applications, forms and so on work with is relative flat. It means that the objects representing the data are actually nothing more than a collection of key-value pairs - ...
1
vote
1answer
31 views

App selection/store with not many apps

I'm making an internal-facing web-based interface for our corporate management platform. Users land on a homescreen with different applications available for them to then click on to use. (eg I can ...
2
votes
1answer
81 views

Choosing which easing to use in interactions? Any Standard?

I've researched the web a lot for this and have come up with a very small list. Almost all iOS Apps and most current Web Apps use some form of easing or another. Interactions & Transitions are ...
59
votes
6answers
10k views

Why are calculator screen digits right-aligned?

Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
1
vote
1answer
62 views

Do arrows pointing right mean progression universally?

Sometimes I use arrows pointing right to mean progression, and arrows pointing left to mean regression. Looking at internet browsers' back/forward buttons, I assume this is universal, but I don't know ...
1
vote
1answer
50 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
17 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
1answer
79 views

What is the best approach of presenting a tabular data with search options in android?

We've developed a POS system that is in use by multiple retail stores which we'd like to port to an Android version. I am wondering what the best approach for displaying tabular data with search ...
0
votes
2answers
67 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
94 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
218 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
31 views

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

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 ...
1
vote
1answer
36 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
73 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
116 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 ...
2
votes
2answers
631 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
0
votes
1answer
302 views

Minimalistic UI Versus Too Many Choices, Modal Bootstrap [closed]

I am currently in the process of building a website for a larger company that allows someone to reach out to different servers at various buildings. Each building has one server and multiple PC's that ...
0
votes
2answers
34 views

Display related location points on a map

I'd like to display an array of various location points, that share the same group. I've been tasked with designing a visual UI that houses a Bing Maps screen and displays several (location based - ...
0
votes
1answer
73 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
33 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 ...
2
votes
1answer
35 views

Best way to represent selection of scripts between steps

I have a process with multiple steps(concept,design,implementation,maintenance). This process needs to be automated. User will select different scripts from file system to move from one step to other. ...
0
votes
0answers
47 views

How do you prototype desktop app designs? [closed]

Just like we use html and javascript to prototype web and mobile designs, how do you create interactive prototypes of desktop app designs? Thanks!
3
votes
1answer
75 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 ...
1
vote
1answer
45 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 ...
5
votes
6answers
1k 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 > ...
0
votes
1answer
131 views

Menu selection state for presets with custom dialog

Say I have a menu which controls a particular property. Four of the items are presets, the 5th can be achieved with a custom dialog. So initially the menu is: Item1 Item2 Item3 Item4 Custom... For ...
0
votes
1answer
48 views

Toolbar + selection + options all on the same screen

Is this the best way to put all of these on the same page? EDIT: More info... this function is used to search recorded video. I have: Camera list A quick search or Date/Time search options for ...
1
vote
1answer
407 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 ...
0
votes
2answers
42 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
2
votes
4answers
879 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
363 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
0answers
102 views

Warning message when user navigates away from a page [migrated]

In my software, If user edits some content of a document and clicks close icon without saving the changes he made (i.e. without clicking the save icon first), the text of message that I display to the ...
2
votes
2answers
83 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
4k 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 ...
2
votes
1answer
105 views

What's the best way to layout an application for building lists of objects?

I'm building an application to support a small scale manufacturing process. The process has a number of discrete steps. "Widgets" are consumed in each step and new types of widgets are produced to ...
0
votes
2answers
165 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
3
votes
4answers
309 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
2answers
388 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
0
votes
1answer
404 views

Design UI panel

I have a dashboard screen with one of the panels as below; So as you can see there are different fields and corresponding values. Now I need to design/update the same panel to consider the ...
1
vote
1answer
54 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
190 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 ...
2
votes
1answer
68 views

Switching between live/ recorded playback modes

The mobile surveillance app I'm working with has two modes: Live mode and Recorded mode. Live mode streams 4 camera feeds and allows the user to control their PTZ (pan, tilt, zoom) functions. ...
1
vote
1answer
71 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 ...