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
0answers
24 views

How to best explain to users how their details will be used?

What would be the best approach to explain to users that their information will be used to: 1- help authenticate them if they do get locked out of their account. 2- Communicate with them regarding ...
-1
votes
1answer
32 views

When it comes to UX, which HTML5 tool suite is the best out-of-the-box? [closed]

Looking to redesign our Silverlight apps to HTML5 and I'm curious what tool suites give the best UX out-of-the-box with respect to responsive design, accessibility, themabilty, and over all ...
0
votes
0answers
56 views

“Mechanics” that joins 2 “separate” UIs into one

I am working on a application that enters/reads data into/from database. Data in question is contract. It can have annex and additional info as well. Using earlier help from this site, I was able to ...
1
vote
0answers
70 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 ...
1
vote
3answers
79 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
63 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 ...
1
vote
1answer
45 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. ...
6
votes
4answers
866 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 ...
0
votes
2answers
93 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 ...
4
votes
2answers
242 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
34 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 ...
36
votes
6answers
4k 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
2answers
62 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
79 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
1answer
51 views

Free online-tools for user interface prototyping with collaborators?

Are there any free online tools for prototyping user interfaces with collaborators? I've found drive.draw.io, but it has no options to add interactivity.
2
votes
3answers
274 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 ...
0
votes
0answers
28 views

How to create UI for Pub Sub?

I have a task which essentially is Create UI for PubSub model. Let say we have a Web page, where we have different blocks which represent Publishers and Subscribers, and some of Pubs and Subs are ...
0
votes
3answers
95 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 ...
0
votes
1answer
60 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 ...
1
vote
4answers
547 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 ...
1
vote
4answers
76 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
57 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
55 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 ...
-2
votes
0answers
50 views

How to make windows application looks like standard and profestional?

I look for some advice on GUI of windows application developed by C# VS2012. I don't look for a fancy or unique design but standard and professional. Maybe something like the design of the Windows ...
3
votes
4answers
587 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
65 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
84 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 ...
0
votes
3answers
141 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 ...
4
votes
3answers
146 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
1answer
116 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 ...
0
votes
2answers
65 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> ...
14
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 ...
1
vote
5answers
359 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 ...
0
votes
1answer
55 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 ...
0
votes
3answers
39 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 ...
0
votes
0answers
17 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 ...
0
votes
1answer
75 views

Start an activity when a barcode is read

I am designing a Point of Pay, as in a Point of Sales, pretty much the same functionality. Someone comes with a payment slip containing a barcode and the cashier will scan it, and the system can ...
0
votes
3answers
86 views

Where to put Settings button in App with endless list scrolling

I am currently working on an App for both iOS and Android for phones. The main screen of the app has a header with the option to select different feeds. Below is a list that has endless scrolling to ...
1
vote
2answers
82 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
0
votes
2answers
28 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 - ...
3
votes
5answers
300 views

Multi-range Slider for Budget Allocation

I'm currently designing a slider that will be used to allocate a fixed budget to different channels. I posted some shots of the current design below. Right now, it's possible to simply drag the slider ...
1
vote
3answers
91 views

Best place for grid/list toggle button?

I'm working on an effort to introduce a grid/list toggle, and we can't decide on where to place it in the page. My vote was for the top-right, but the client wants to explore other placements. Is ...
1
vote
2answers
120 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 ...
0
votes
1answer
106 views

Show or don't show the currently selected option in menu or dropdown

Let's say you have a dropdown where a user can choose a color. I'm currently comtemplating whether or not to use the following scheme. When a user selects a color, that color disappaers in the sorted ...
0
votes
1answer
44 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 ...
0
votes
1answer
35 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 ...
4
votes
3answers
318 views

Can not reorganize large number of controls on a form , in a visually appealing and efficient way

I am software developer that has a job to create database for storing contracts. Contracts have annexes and construction reports ( I don't know how to translate this better, English is not my native ...
11
votes
3answers
409 views

What is the benefit of anthropomorphizing a UI?

Earlier I withdrew some money from the cash machine and at one point the screen read: "Hold on, I'm contacting the server". The designers of the system had chosen to infer through the language ...
0
votes
0answers
43 views

Horizontal scrolling widget for mobile webpage?

I'm looking for a widget that is similar to what the iphone uses as a datepicker (found here), only horizontal. Does anyone know what this would formally be called? I've been looking all over and ...
5
votes
5answers
291 views

Should a user be prevented from making an invalid selection or denied with an error message after the fact?

In my UI, there is an icon for ‘Open File’. When user clicks this icon, a normal file browser window opens. The user selects a file by browsing through the computer. The user should only select ...