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)

6
votes
4answers
448 views

Is skeumorphism dead?

I've noticed that many big companies stopped using skeumorph graphics: Microsoft completely removed any glass-style look of Windows 7 and switched to a flat, "digital" and artificial look in Windows 8 ...
7
votes
11answers
699 views

Selecting multiple folders

I'm in the process of improving folder selection process of a backup software my company has developed. The goal is to have the user select the folder(s) he/she wishes to backup. This page describes ...
0
votes
3answers
162 views

Website theme change checklist

We are now changing the current UI to the new look, by just changing the font/logo and some graphical images. Current Site Looks like Generally i am trying to put all the changes in the document ...
0
votes
1answer
197 views

TriState treeview with checkboxes

Scenario I have a use case that asks for something like a tree view with checkboxes, but somehow it is one step more complex. I have a tree structure where for each node, the user can chose one of ...
2
votes
2answers
201 views

Best way to represent gender

I am building a social app, but I'm stuck at one place. I have to show the gender of a user. I was thinking of a few things- Maybe i could show those gender icons like these,besides every user name. ...
6
votes
5answers
417 views

Bigger font sizes trend

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
0
votes
1answer
96 views

UI when having many-to-one table relations

Let's say I have a database employees-manager and that I have two tables: employees and salaries. Also, let's say that employees table have only 2 columns (emp_id and name_of_employee) and salaries ...
4
votes
2answers
212 views

How should hamburger menu open in mobile apps?

I have seen many mobile apps which currently use hamburger menu as sidebar menu as it is very convenient and user friendly. Now, we have started to use it in our mobile apps design and it is very ...
1
vote
1answer
159 views

Activating/deactivating functionality with additional settings

I'm working on an application which is split up in several features which can be activated or deactivated. The user can activate or deactivate the functionality but when activated he has to fill some ...
4
votes
3answers
250 views

Numeric input, text fields, drop-downs : Is this too complex?

I'm redesigning an interface to control an exercise game. The interface is going to be something like this (and exists on a PC, not mobile). Right now, we've gathered that our users want to be able to ...
0
votes
1answer
167 views

Choose among 30+ items in android

Does anyone have a best practice on how to present 30+ items (numbers, say between 1 and 30) on an android screen? I thought about using a number field, but maybe it's better to make a screen with all ...
13
votes
3answers
347 views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
0
votes
3answers
84 views

Allow Multiple Instances of a Page

On my UI, I want to have any option/icon so that user can show that this page can be copied or not e.g: The sample that I have decided so far is that when user hovers over the page, "allow multiple ...
2
votes
2answers
217 views

Has anyone used a hamburger style left nav in a web application (not a website)?

Has anyone used a hamburger style left navigation in a web application (not a website)? We are looking to see how you handled? If it is even popular thing to do for an application (not mobile) but ...
0
votes
2answers
98 views

Should I present a menu option that shows capabilities for a mode the user is not in?

Preface: So, this is a sort of cross-disciplinary question that combines RPGs, game development, and User Experience. I have previously asked this question on the gamedev stack exchange and I ...
3
votes
1answer
123 views

Input “Infinite Value” option in spin control

In my UI if a user selects to allow multiple mapping, he checks the check box next to “Multiple Mappings”. When this check box is selected, “Maximum Content Limit” option becomes enabled. Here user ...
0
votes
1answer
166 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 ...
0
votes
2answers
108 views

Visually show start and end of a condition

I want to visually show starting and ending of an if block in my UI. Each if block starts with <%if and ends with <%end%>. The condition is written in red. I’ve figured out a few ways to ...
0
votes
2answers
147 views

How can I show popovers on a mobile browser layout?

What is the recommended way to share information pertinent to describing a button on a touch-based mobile browser layout? For desktop browsers the way to solve this is to use popovers that display a ...
0
votes
1answer
162 views

UI design for Task randomization (online survey tool)

Let's say that my tool enables you to create remote usability test (kind of). Users need a new feature - task randomization. When user design a project, he/she can add a survey but it isn't ...
3
votes
2answers
185 views

UI for system model vs. user model, for developers

Background: Product I'm working with caters to developers, and I'm redoing the UI to improve usability. Currently, the UI behaves like the system model, which is fairly complicated because its a ...
3
votes
3answers
368 views

Does A Slider Control UI Element Like This Exist — The Joystick Slider?

A standard slider, such as an html5 <input type ="range"/> or its many javascript-enhanced brethren, works by providing a handle that you slide between two endpoints, typically with your mouse ...
2
votes
1answer
119 views

Why does YouTube add a space at the end of title edits?

I've noticed this behaviour on YouTube when editing the titles of videos I've uploaded: In the screenshot above, YouTube has automatically added a space character after the title. If YouTube have ...
2
votes
4answers
299 views

What is the best way to display language changing option?

We have a website that is dedicated to English teachers (English as a Foreign Language). The home page is mostly aimed at school principals - to interest them in our platform (product). That's why ...
1
vote
1answer
52 views

How to present reply chains on a mobile/condensed interface? [duplicate]

Take a website such as reddit where users can reply to a post, and then users can reply to that reply, etc. I'm building a mobile application that deals with a similar situation with nested ...
0
votes
2answers
83 views

How to convey set inclusion and exclusion?

We have an application where users perform an action on a large set of things. The user decides which things to perform the action on by selecting to either include or exclude things based on various ...
2
votes
4answers
203 views

Useless IE context menu option

I was using my IE 10 when I right-clicked a link and its context menu showed up, I saw the first option was "Open Link". First thing that came to my mind was "What a useless option!". Since if I would ...
1
vote
1answer
158 views

Designing the UI of a chrome extension's popup

I just built a chrome extension for my college. It helps students know their total marks and % without manually adding their marks. The user doesn't interact with the popup. He only watches the ...
1
vote
2answers
165 views

How to offer multiple actions on table items, within the table?

I have a table that users need to scroll through and carry out specific actions. The actions are things like "Remove", "Flag", "Send to", but in the mockup below they're just Action 1, 2, etc. Right ...
1
vote
2answers
177 views

Dynamic Progress Indicator

I am currently working on a responsive web app and am having some issues designing a progress indicator that I am happy with. The app is a workflow based tool which works by displaying cards ...
-1
votes
1answer
54 views

XML generator through UI

I'm working on an application which helps user to create XML from UI and below is the UI screen shot. Problem statement: User can create field groups and fields attached to it, there will be 20+ ...
23
votes
8answers
2k views

When a star-rating is right-aligned, should I fill the stars from right as well?

When building graphics for an app, I have right-aligned a rating from 1 to three stars. Being mainly a designer, my gut told me to fill the stars from right to left. So, i.e. empty empty filled for a ...
0
votes
1answer
111 views

How to display a lot of filters (cascading and/or not)?

I have a dashboard for an internal web application in my company. I have 4 charts and labeled combobox filters related to these charts. The user can select a specific value in the combobox or select ...
1
vote
2answers
170 views

What type of menu is this? And is it good to use?

Does anybody know what this type of menu is called? Something like on SitePoints website and maybe the one on Pure. The colorful menus is what I'm asking about. And are they good to use?
9
votes
7answers
932 views

Showing user's (name) initials but what if more than 1 user have the same initials?

I'm designing an app where users can assign tasks to other people. The space I have available to convey to whom the task is assigned to is about 23-25px. So right now we're just showing two initials, ...
0
votes
1answer
43 views

Preferential ordering of content when comparing two items side by side

When comparing two items side by side, is it better to show the given or known item first or show the unknown variable first? I have a tabbed interface to show the differences of common eye issues ...
3
votes
5answers
254 views

Should text-alignment of drop-down menus be left-aligned or right aligned?

I came across this right aligned text dropdown menu on eBay.com: While I'm sure I've seen this before, I've never contemplated the benefits. In this context, is this method more beneficial than the ...
0
votes
1answer
115 views

How can I replace a clickable list in a GUI without annoying the user?

I have a screen in a mobile app consisting of the title of a data object at the top, with a short list of actions underneath. (The layout of these on the screen is not set in stone, so if your answer ...
2
votes
4answers
222 views

Warning message to the user if name he enterred already exists

I want to warn user if the field name he enters already exists and ask him if he want to try with another name. Following options I think will go good in such situation: "A field name with this name ...
0
votes
1answer
155 views

Full width background images

I want to allow users to upload full-width background images that would take up the entire width of the page (with a set height of 500 pixels). However, the issue is, what should be the minimum ...
1
vote
2answers
131 views

Should the iOS slide out menu link to all features or should it avoid duplicates?

On my home screen, I'm linking to a few of my main features and putting the rest in my slide out menu. I'm wondering if I should list the features available in my home page on the menu as well. It's ...
0
votes
2answers
92 views

Issues with 2 Column Search Results [closed]

Is there anything wrong with having a 2 column search result set? I have a list of Customers and Contacts. Each result has a lot of information: Name, ID, Status, Location, Last Modified, Display ...
0
votes
0answers
39 views

Default Confirm Button [duplicate]

I have a confirmation box that appears when deleting an item. What are is your experience, should the button's default focus be on the "Ok" - delete item, or the "Cancel" - Do not delete. My thought ...
1
vote
3answers
403 views

Better option to warn user about an existing name

I’m designing a UI and user can drag and drop fields from “Available Fields” area to “Selected Fields” area as shown in image below: Now, if a user wants to rename a field, he double clicks on field ...
-1
votes
1answer
41 views

How we can relatively increase size of all elements [closed]

Am new to this forum. Actually I can horizontally increase all elements width by putting their width in percentage(%). So that in a normal wide screen the pages are rich with label and its associated ...
0
votes
2answers
164 views

Best way to do colours and sizes for eCommerce site

I am doing an E-commerce site like Ebay but for clothing industry and I want a way that users can manage colours and sizes. Sizes should be based on quantity. Based on this what,s the best way to ...
0
votes
2answers
109 views

Is it relevant to use “switches” buttons in non-mobile app?

I want to use this kind of UI elements in my web app. They look nice and they don't lake a lot of place in the layout. I don't see them often beside mobile app, is it a good idea to use them for ...
2
votes
1answer
110 views

Color picker in touch devices

I'd like to know about design templates for color pickers that would work well on touch devices, more precisely on tablets. It should be intuitive, it's for non-experienced people and specially for ...
3
votes
2answers
107 views

Links vs Actions

This question may be a little vague, but thought I would ask anyways. I'm working on application that has alot links and actions visible in my interface. Most of my actions are accompanied by some ...
22
votes
6answers
2k views

Next vs. Continue

Is there any situation in which either Next vs. Continue would be more appropriate to use? I'm working on an application that has many, many different forms (data entry), and have been using the word ...