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
2answers
346 views

Usability assesment methods for cross-platform mobile applications

I am new to usability testing. I want to do a usability study comparing multiple mobile applications that are made using different technologies - for example native, phonegap, appcelerator, etc. ...
7
votes
4answers
2k views

Best way to show long list of detailed information for summarized items in a table?

I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy. The problem I'm facing is knowing how ...
5
votes
5answers
6k views

What are we calling the 3 lines button in mobile apps? [duplicate]

This button is appearing in many mobile apps and has the function of displaying off-screen menus, whether from the top of the screen or the side. When writing tutorials for example, what is a ...
4
votes
4answers
315 views

How do I justify a “friendly view” when a department head is adding “table view” as a requirement?

So in the web app I'm currently working on, I need to display a list of objects. I opted for a "friendly" view, with each object being a div. StackExchange's question list layout is actually a good ...
3
votes
1answer
436 views

Three-dimensional matrix of tristate selections

I am building a configuration UI for a client's desktop application. This could be called metaconfiguration, i.e. it allows the client to determine which options are actually available in the eventual ...
3
votes
2answers
336 views

Should I alter the size of various icons when displayed on different resolution devices?

I know that images look smaller or bigger depending on the screen resolution so an image (say 10x10) would look bigger on a less resolution display and look tiny on a higher resolution display. I ...
2
votes
2answers
3k views

Placement of 'Cancel/Done/Home'-Button on iPhone modal view

I have a modal view in my iPhone app including a navigation bar with two buttons on the root view controller. A a button to dismiss the screen, also not sure which title to use calling it now the ...
7
votes
8answers
1k views

How to visually suggest to the viewer that there is more than meets the eye in a elegant, neat looking way?

From a user experience design point of view, what would be a good way to let the viewer know, or better said, I want the user to "get it as he sees it" without further explanation that what I am ...
2
votes
1answer
2k views

Master details form in Android

I have an activity that is used a lot, that requires a lot of input fields and it can be updated when the user wants, although it won't be very common. In this moment, I have something like this: ...
1
vote
2answers
167 views

Prototype tool for large application? [closed]

A typical application like ERP, I always need keep look and feel of prototypes consistency every-time I release the prototype while requirements change all the time. Useful tools have these ...
11
votes
6answers
3k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
2
votes
5answers
930 views

Is there a unified font size metric across all applications?

This is not precisely UX related, but very important to user interface design in general. In summary, across applications (Photoshop, Dreamweaver, Flash) and platforms (Browsers, .NET, Mac, ...
7
votes
3answers
417 views

Industry standard for button captions that use a Function Key as the keyboard shortcut

If I have a button that has the caption _Save then when it shows up on the screen it will show the S as underlined. This tells the user that Alt+S will make that button "press". But what is the ...
5
votes
4answers
301 views

Is the absence of a visible scroll bar confusing when asking users to agree with license terms?

This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...
1
vote
3answers
243 views

Design idea for Multiple level pages

We have a framework with multiple plugins (for different functionality). Each plugin has it's own configuration/information pages. These pages also have sub levels; sometimes up to four level. If we ...
4
votes
2answers
294 views

Scrollbar width in Component Vs. Containers (UX dilemma)

Do you think a thinner scrollbar should be applied in components (such as combo box and text area) and wider scrollbar in containers such as window & panel? And if not, will you apply a thinner ...
10
votes
4answers
452 views

de-emphasizing cancel

Is it a good idea to de-emphasize the cancel button? download bmml source – Wireframes created with Balsamiq Mockups vs. download bmml source
60
votes
13answers
8k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
-2
votes
2answers
600 views

Designing for dynamic layout seen in ERP/ complex configurable systems [closed]

This is what I am trying to achieve. How can I make such a design in web application using ASP.NET properly. A bit of thought on the same:- How to properly set this up with good layout manager? ...
6
votes
1answer
8k views

Good user interface for multiple checkbox selection and a dropdown list (View/Editable mode)

I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox ...
15
votes
4answers
761 views

What are the pros and cons of skeuomorphic design in payment transactions?

The check out or payment process in an application is critical and has to perform smoothly to make the inexperienced users feel that they fill in forms correct. I’ve seen numerous of examples where ...
3
votes
1answer
158 views

Snapping to grid

What is a good threshold for a UI which allows users to place objects, snapping them to a grid? 25% of the grid size? Less or more? Should the user be able to change this?
3
votes
2answers
2k views

Where should ads be in iOS App?

I am finishing my iOS Application which includes Ads. In iOS, Apple recommend developers to put ads at the bottom or top of the window (View). Does the cash the developers create change if you put ...
63
votes
12answers
7k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'? [closed]

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
1
vote
2answers
194 views

When should a select be replaced with a combobox?

I'm working with a site that is currently making heavy use of comboboxes. In fact, every select in the whole application is automatically turned into a combobox on page load. My first inclination is ...
7
votes
4answers
246 views

Does number of screens affect usability of a specific software?

Does it matter to the user if the application has 70-80 screens as long as all the functionality are provided? Does it depend on the platform, e.g. Handheld devices vs Desktop ? Is there a limit on ...
7
votes
8answers
612 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
0
votes
2answers
326 views

Different ways to show photo being selected with tag

I am trying to do a UI that show a photo (or box) being selected and tagged. For example: http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg Original ...
78
votes
9answers
78k views

What is this side menu called that can be found in many multi-touch apps, and where does it originate from?

It can be found for example in the YouTube and Facebook app.
7
votes
7answers
354 views

How much choice should I give users?

I am considering adding an update to my iPhone app that allows the user to choose many new features such as the background image, where certain buttons are located, button colors, button design, ...
7
votes
2answers
201 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
7
votes
4answers
734 views

Better way of merging two tree views into a single

I am working on a UI design which has two tree view components to show data hierarchy. Each tree shows same data but has two different functionalities. I felt showing them in such a way will confuse ...
12
votes
2answers
1k views

Whats the best way to present a time duration to user?

We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle. Looking for simplicity and accuracy. I've added two examples that we've been working ...
4
votes
3answers
187 views

One click 'select' and 'continue'

During a subscription process; the user has to select a product, out of a possible four, and then advance to the next stage where they enter their payment details. Is there a preference over having ...
4
votes
5answers
425 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
8
votes
2answers
397 views

Has user testing ever revealed that you have to change your app's UI colour?

Dark-themed UI colours have been popular for a while on certain desktop applications (Adobe Lightroom as an example), and seem to be popping up on mobile applications as well. I'm referring to the ...
6
votes
1answer
245 views

best way to add multiple child records at once?

I have a system in which Procedures can be defined. Each Procedure has a series of steps (each step having some attributes) It is reasonable to assume that the user will add all of the steps while ...
5
votes
1answer
169 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
11
votes
3answers
312 views

Can placing dark and light elements or blocks next to each other in a UI lead to problems in visual perception?

A designer on my project has proposed something that uses both light and dark backgrounds within the same context (basic mockups below). A short background for the app: It is a platform on which ...
5
votes
3answers
707 views

Refresh button on a website

Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below? First I thought it's a good idea, but know I start to think it's not so ...
8
votes
2answers
1k views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
27
votes
3answers
2k views

What to do when a page's content doesn't fill up enough of a fixed area?

An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area. Consider the mockup below, ...
4
votes
1answer
125 views

What is the term for making one UI component better but is not in sync with whole of UI?

Individual UI component owners (developer/GD) tries to make their component more useable/shining in the process losing the focus in the overall picture. I have somewhere read this to be something like ...
8
votes
3answers
231 views

How are GUI and User Experience issues, approached by open software developers?

In my opinion, among open software developers there is not much attention given to the GUI or how it is used. With very notable exceptions of course, Blender, Ubuntu, VLC, and maybe others I've not ...
1
vote
1answer
100 views

integrating a social-network application into existing app from a UX point of view

We had a web app that acts as a travel portal for consumers - tours, hotels, attractions and so forth. It has recently been decided that a facebook-type platform be integrated as well. I am ...
6
votes
3answers
468 views

displaying cascading comboboxes

I have a text editor with several tools on a page. and I want to add cascading dropdowns to the tool list. For example, I have two comboboxes: 1st is filter with values: All -selected by default ...
1
vote
1answer
481 views

Designing a marker pin for google map

A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding. Check the example below, the ...
0
votes
2answers
84 views

Alternatives for a “speed dial” to recall recent/historical data?

Any solid conventions/alternatives for a "speed dial" to recall recent/historical data? Some context: the primary task of this web app revolves around running a search using a combination of ...
5
votes
3answers
310 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
9
votes
3answers
377 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...