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)

2
votes
1answer
53 views

Interface for defining BNF and CNF formulas

I'm developing a web app and need to make a web page that should allow my users to make BNF or CNF formulas like the following: Some colleagues suggested that I make the page in this way: ...
7
votes
3answers
12k views

iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
1
vote
2answers
94 views

Are there guidelines for Viewer-friendly interface design?

For clarification: Viewer-friendly interface Any computer interface that is designed to be seen on television, as opposed to actually be useful for the user. Movies and television often show ...
1
vote
0answers
75 views

Return List to Original State

BACKGROUND (USERS: Internal business users.) I have a sortable task list which has the 4 columns (date, customer, items, cost). But now we want to expand the business logic to include: "IMPORTANT" ...
1
vote
3answers
492 views

Better option to warn user about an existing name

If a user wants to rename a file, he double clicks on file name, and name becomes editable. If user types an already existing field name and presses “Enter” or click outside the edit box, there could ...
9
votes
5answers
1k views

UI/UX in an Agile Development Environment

I'm working with a company on a medium-large scale web application. The application is to replace existing applications, manual, and electronic processes. This project is on a tight deadline, and is ...
1
vote
3answers
152 views

Alternate for radio button to show default selected file

User has a list of multiple files. When user logs in for the first time, I want to show current file selected by default. Currently I am doing it using Radio Button like shown below: But in UI it ...
1
vote
1answer
118 views

Action icons on context menu

I have an object and a menu on its toolbar. When user clicks this an menu icon from top toolbar, a context menu opens in drop down like shown below: There can be actully three kinds of objects so I ...
0
votes
1answer
74 views

Show items related to selected item in list

I have a list on my UI. One item in the list is selected. Out of the remaining items, few can be related to this selected item and other may be totally unrelated. For example, Item4 is selected. No ...
2
votes
4answers
356 views

Warning message to the user if name he enterred already exists

I want to warn user if the file 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 file name with this name ...
0
votes
1answer
56 views

Designing a prompt for saving changes [duplicate]

Background Imagine there's a UI that contains a list of "talks". Each talk has fields such as "title", "speaker", and "description". Users can edit talks but have to explicitly save their changes ...
0
votes
5answers
180 views

Having a hard time placing the refresh button

I am developing a carpool app, and on the search results screen, I need to provide the user with 3 primary actionable opportunitie when this dude talks to the driver, the driver will confirm. and ...
1
vote
2answers
124 views

How to mockup conflicting user preferences

I wanted some ideas for a mockup for a preferences page. Basic problem is how to deal with global preferences - e.g. I only want to get SMS not email conflicting with product preferences - e.g. some ...
0
votes
2answers
56 views

Quantifying activity by the time of a day of the week

First post here, but I'm really having trouble getting an idea of how to visualize a certain piece of data for a project. Right now, we are trying to show a certain amount of activity on a given day ...
0
votes
0answers
19 views

Best way to order sign on info when it's restricted to the same page?

Due to a programming issue, we're being forced to put the pre and post sign on pages on the same page. Here's the current mockup: It's a messy situation, but I'm not really sure how to make it ...
5
votes
5answers
569 views

Best way to show tabs in UI

I'm working on UI where I need to add tabs. Currently I have added tabs all of same size but size of text inside each tab may be differ. Selected tab is shown by different color as shown below: but ...
10
votes
7answers
2k views

Visually show “File cannot be dropped here”

I am trying to show to user if "File cannot be dropped to the desired location" on my UI. Refer to the image attached above, user can drag and drop a file to the rectangular areas defined but not ...
0
votes
2answers
99 views

I've got a UX dilemma related to the entry of a date/time in to a calendar for booking time off

I'm the product owner for www.staffsquared.com ,a HR app for small and medium sized businesses. People can book time off via a calendar UI in our app. They used to be able to select their from and to ...
14
votes
4answers
12k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
0
votes
1answer
128 views

How to design an interface for planning and booking itineraries

I'm building a webform application that allows visitors to plan and book an itinerary with multiple pickups and destinations in the same reservation. A user can add up to 4 'transportations' and will ...
8
votes
2answers
1k views

What background colors would correctly describe level of importance of item on the list

I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner: I would like to ...
1
vote
2answers
158 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 show the start ...
3
votes
1answer
173 views

Input “Infinite Value” option in spin control

In my UI if a user selects to allow multiple , he checks the check box next to “Multiple ”. When this check box is selected, “Maximum” option becomes enabled. Here user can define how many options can ...
1
vote
3answers
78 views

How to ask the user to choose between Save with or without revisions?

For my project BigPicture [textpad with infinite panning and zooming, useful to do some mind maps, etc. (1)], I would like the user to choose between 2 schemes when he wants to Save a project for the ...
1
vote
6answers
743 views

A new way to display true / false values to user

The company I'm working for is looking to develop a new user control to convey true / false values to users. Currently we are using checkboxes but due to some constraints we are now forced to develop ...
14
votes
13answers
5k views

Changing Colour of Social Media buttons to match Colour Palette

I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
0
votes
0answers
35 views

Selecting a multiline text from multiple predefined ones

I am trying to let the user choose from multiple multiline texts predefined by the admin. The user may also enter his own or alter a chosen predefined one to fit the situation better. Each text is ...
2
votes
2answers
136 views

What is the point of list-style-type?

In CSS we have different list-style options. For example: ol.decimal {list-style-type: decimal;} ol.upper-roman {list-style-type: upper-roman;} ol.lower-alpha {list-style-type: lower-alpha;} ...
39
votes
11answers
5k views

Which way do arrows point on a tabbed web page?

Which way are arrows supposed to point on a tabbed web page? Towards the selection or towards the body of the selection? An awkward scenario seems to arise when a user selects another item and the ...
0
votes
0answers
50 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
0
votes
2answers
397 views

Grid design for complex data design

The purpose of making the design grid / cards alike is to display the information directly to the users, so we avoid things like accordion, drop-down that could have hidden information. The ...
1
vote
2answers
68 views

How to display a flag on a sortable dynamic list

I have an application where I have a Document Type object, and I need to add key fields to that document. So we have a list of available key fields that the user can associate to a document type, and ...
2
votes
1answer
150 views

Indicate a sub-area inside a tappable area is NOT tappable

I have a tappable row (yellow with blue border in pic) which does action A. However inside this I could have input controls (checkbox, textbox, etc). I have wrapped this area in a non clickable view ...
37
votes
3answers
3k views

What is the origin of the eject symbol?

On the web, there is a lot of information about the Play, Pause, and other symbols, but I could find no information about the famous Eject symbol at all. The only source I could find was an article ...
-2
votes
2answers
106 views

Putting the title bar at the bottom of the dialog?

I'm creating a dialog box template for my website (which is more like an application and may have multiple dialogs open at a time) and I was thinking about putting the title text and the bar that ...
6
votes
3answers
1k views

Time Scheduler UI

I am working on a doctor availability schedule page. In this page I need to setup the available times for each day in a week for a doctor. This is a one-time activity. Something is repeated for every ...
0
votes
3answers
222 views

Website theme change checklist

We are adapting the current UI to the new look, by just changing the font/logo and some graphical images. Current Site Looks like Basically, I am trying to put all the changes in the document and ...
3
votes
2answers
181 views

Visualizing version-controlled hierarchical data

What would be the best way to visualize versioned hierarchical data in an interactive application? Let's say we have the following hierarchical data, where the capital letters identify the objects, ...
1
vote
1answer
111 views

Pattern for showing the dependency with dependent fields below a radio button or checkbox?

I have a form where there is a field with two options. Depending on which option is chosen, there are 1-4 additional fields that need to be filled out, as shown: I think there are two problems ...
0
votes
0answers
51 views

How to tell a user that part of an import was unsuccessful [duplicate]

At the company I work for each week the back office needs to import a CSV file that contains about 50 rows of customer information (new customer, customer details, addresses and others). Sometimes ...
1
vote
6answers
197 views

Add button for grid list

My team is developing a widget that uses a grid layout to display a list of webpage links, and we would like to have an inline add button so that our users will be able to add more pages to the list. ...
16
votes
5answers
2k views

Should the “home” button in my app stay there even when the user is on the home page?

I'm developing a web app to be used on mobile devices. I use a home button in our status bar to return to our "home" page. When on this page however, the button will have no function. My question ...
59
votes
12answers
6k 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 ...
2
votes
3answers
132 views

Is Responsive Design good for web based software? [duplicate]

I am developing an email software/service similar to gmail and thunderbird, but I am wondering if it is a good idea to have a responsive design or also have apps for different devices?
0
votes
1answer
80 views

Adding categories to a tag field a good idea?

I'll try to simplify my question as much as possible. I've created a dialog where you can add "items" to "objects". For this, i added a simple tag field in the dialog. The user can add the items by ...
2
votes
1answer
240 views

When should we prefer rounded corner rectangle over square corner rectangle? [closed]

I always find myself in a dilemma about whether to choose rounded corners or square corners, for both applications UI & web design. As I read in a couple of articles choose one style of corners ...
6
votes
4answers
195 views

Entering any two of four inter-dependent values

While designing a garden landscape, I want users to be able to define a slope of the terrain. There are four values users can enter: Run - the horizontal distance along the depth of the slope Rise ...
2
votes
7answers
405 views

Is designing in photoshop a thing of the past? [closed]

I was going through some blogs and sites and noticed a few people talking about how it's no longer practical to design in photoshop. They suggest things like designing in the browser. To me, ...
0
votes
2answers
94 views

Using slider component (TrackBar) as data navigation

I'm finishing an application and the UI of the approval was quite bad. Because the program is hitting production, I'm changing that UI. Ignore the foreign language, this is just a code+description ...
0
votes
0answers
19 views

What is the ideal grid size [duplicate]

I'm trying to get back into web design and have been doing research. But I can't seem to find a good resource that talks about grid size vs responsive. The last time I worked with ui design, everyone ...