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
1answer
34 views

help redesigning table options

I've been asked to look at the design of a table that has buttons at the end (highlighted) Obviously these options should be at the head of the table where they can be seen straight away by the ...
0
votes
0answers
4 views

Iconography for “Paid” and “Pay Later”? [migrated]

I have been trying to work with using iconography for the status of a booking, which allow my app users to pay now or pay later. After they have selected from these options, they are presented with a ...
0
votes
0answers
29 views

How do I create professional, clean Software Demo GIFs? [on hold]

I want to create a animated-GIF software demo "walkthrough" just a few seconds long for an app I've written. It's just to outline one step: "How do I open files?" (Because of certain design factors ...
12
votes
9answers
2k views

How do you reduce the number of emails users send you?

We have a website for an amateur sports club www.cugc.org.uk with a lot of content, we have put a lot of effort into providing all the relevant information to new members or those interested in ...
2
votes
1answer
58 views

Crash dialog - motivating user to explain what they were doing

In my application (a browser), there are two types of crashes which can occur: Python exceptions, i.e. I can handle the crash just when it happens and display a crash dialog immediately. Segfaults ...
1
vote
0answers
98 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
0answers
90 views

User Interface for Role Management

I'm creating a role management screen and wondered if anyone had any good ideas. The basic idea is there are 4 possible roles a user can be assigned for a given category. There are approximately 12 ...
0
votes
3answers
183 views

Is my back button OK where it is? Could it be in a better position?

I am developing an app for tablets and was considering moving the back button to the top left, but I would have to make the change in a few places and was wondering how much of an effect it would ...
0
votes
2answers
61 views

Indicating list item is pressed

What would be the most conventional way in showing that an item has been pressed in the list below... that would fit into my current design?
1
vote
2answers
83 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 interface ...
0
votes
3answers
66 views

Indicating object (of varying shape and size) is selected on a touch interface

What is the best way to indicate that an object (of varying shape and size) is currently selected in a touch interface such as the one below?
0
votes
0answers
27 views

How do I indicate field name after multiple drag and drop on the same screen?

I have a screen where we can add 4 images and 2 text strings on the same screen.Images are drag and drop feature.Text have feature of "Click here to enter text" and entered text is shown there ...
2
votes
1answer
45 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: ...
2
votes
5answers
415 views

Designing gantt like schedule in grayscale

I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right! So I'm redesigning a schedule application. It looks something like this: Each activity has a ...
1
vote
0answers
63 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" ...
14
votes
6answers
2k views

Should I avoid changing a “clunky” UI?

This seems like a broad question, so I'll outline my specific example. I support an old Windows program. And I mean OLD. It originated as a 1997 rewrite of ever older software. It's a kind of ...
1
vote
2answers
79 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 ...
0
votes
1answer
39 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 ...
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 ...
0
votes
0answers
17 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 ...
0
votes
2answers
43 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
2answers
68 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 ...
0
votes
1answer
18 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 ...
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
3answers
73 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 ...
0
votes
0answers
21 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 ...
1
vote
6answers
722 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 ...
2
votes
0answers
99 views

Separate administration pages vs. front-end integrated administration

I was wondering if there have been any studies on this topic. Which one do most users prefer? For example, Wordpress separates the front-end views from the site administration views. Different theme ...
2
votes
2answers
130 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;} ...
0
votes
0answers
38 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
1answer
55 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 ...
1
vote
2answers
64 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 ...
40
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 ...
-1
votes
2answers
92 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 ...
38
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
1answer
144 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 ...
1
vote
1answer
104 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 ...
1
vote
1answer
98 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 ...
3
votes
2answers
117 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, ...
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 ...
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 ...
2
votes
3answers
117 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?
2
votes
1answer
186 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 ...
0
votes
2answers
78 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 ...
2
votes
7answers
386 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
0answers
18 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 ...
2
votes
1answer
93 views

The best way to get users to trust a website as an operating system [closed]

I've developed the basic architecture for a browser based operating system that exists to get users to interact with network resources the same way they are able to interact with their native systems ...
0
votes
1answer
104 views

Position Of Buttons

I am trying to decide where to place my main buttons on my app home screen. Considering most screens are getting larger on apps, i think it makes more sense to place all of the buttons at the ...
0
votes
1answer
80 views

Website UI specification builder? [closed]

I would like to be able to "build" my specifications for the User Interface of a website. EDIT: I am not looking for Wireframe techniques/tools nor prototyping techniques. EDIT: I look for a tool to ...
2
votes
3answers
112 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 ...