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
3answers
19 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 ...
3
votes
2answers
150 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 ...
0
votes
2answers
14 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 ...
35
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?
7
votes
8answers
2k views
+50

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
1answer
38 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
3answers
685 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
88 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 ...
0
votes
2answers
154 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 ...
1
vote
1answer
33 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
267 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
353 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
362 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
2answers
58 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? ...
2
votes
1answer
58 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. ...
3
votes
3answers
137 views

Include/Exclude interfaces

I am trying to design an interface where the user can choose to include certain items from a long list and also exclude certain items. The usual interfaces that I see are of this type: This ...
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
2answers
170 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
2answers
281 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
1answer
147 views

Presenting a list of sequential actions in a Windows application

I'm programming a small PC app which is mainly used to perform a set of sequential, step-by-step actions, and I wonder what would be a "standard" way to design its UI, so it would follow conventions ...
0
votes
1answer
48 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.
4
votes
1answer
115 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
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 ...
1
vote
4answers
539 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 ...
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 ...
8
votes
4answers
950 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 ...
0
votes
2answers
48 views

Transfer Files Across Network to FTP Site

I've designed a website to transfer files from PC's to an FTP site. However, some of these files are large in nature and I try and display update messages to the user about what's going on in the ...
3
votes
4answers
575 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
56 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
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
1answer
142 views

Link between UX/HCI/Graphics?

I've been reading up a lot on UX lately. The terms computer graphics, HCI and User experience keep coming up together. Could someone explain to me how Graphics, HCI and UX are all linked?
0
votes
0answers
53 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
291 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 ...
-2
votes
0answers
49 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 ...
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 ...
0
votes
1answer
64 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
82 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
357 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
2answers
279 views

Translating progress /navigation bar in questionnaire into good mobile ux experience

I have a series of questions, aimed at being an enjoyable experience, with a nice solution for the desktop already worked out, using a styled navigation bar, which doubles as a progress bar for the ...
4
votes
3answers
144 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 ...
3
votes
4answers
212 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 ...
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 ...
0
votes
1answer
49 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
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> ...
12
votes
4answers
804 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
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 ...
1
vote
1answer
66 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 ...