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)

0
votes
1answer
70 views

Android Design Principles? [closed]

Hi I am getting started with building Android apps and I think I am getting good at coding, but now I need help with the design. So can you please help me by suggesting any tools or books where I can ...
4
votes
2answers
98 views

Distinguish between Time and Duration selection

We have a mobile app, which on the same screen, has a means to select Time and a means to select Duration; like this: Time Left Home is a time of day Planned Work Duration is duration Both of ...
0
votes
3answers
248 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
1answer
53 views

Best way to populate multiple lists from a shared data source

I'm trying to design a UI wherein a person is moved from a list of people into one of four mutually exclusive groups. Each group needs to be shown on screen (there are typically less than 15 people in ...
2
votes
3answers
197 views

Should I use a separate icon if the response will be slow?

I'm currently building the UI for a webapp where users can refresh various bits of content. The speed of this refresh depends on the type of content. In most places this is a very quick operation (max ...
4
votes
1answer
159 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 ...
1
vote
2answers
71 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
2answers
71 views

Client wants to remove footer on certain pages, should I?

I have a client who insists that we remove the footer from certain pages under the guise of 'the footer will distract people and they will leave the site/not finish the journey'. To me, this sounds ...
2
votes
3answers
1k views

Why doesn't Mac OS X use Pointing Hand Cursor instead of Arrow Cursor on Toolbars and Tabs?

I want to understand the rationale behind Apple's design decision of not using Pointing Hand Cursor on clickable areas such as Toolbars or Tabbars of applications' user interfaces, and even buttons. ...
4
votes
2answers
144 views

Best way to display support, contact, and preferences in Mac App

I'm trying to decide what the best way to display the following options to a user is: Contact / Social Connection Links (ex. find "company name" on Twitter / Facebook) Support options (ex. in-app ...
2
votes
2answers
96 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 ...
22
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 ...
12
votes
9answers
3k 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 ...
0
votes
3answers
200 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
0answers
108 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 ...
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 ...
0
votes
2answers
63 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?
0
votes
3answers
70 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?
1
vote
1answer
347 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 ...
0
votes
0answers
36 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
5answers
439 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 ...
2
votes
1answer
51 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
90 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
74 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" ...
4
votes
6answers
738 views

Better UI for exchanging blocks up and down

I have developed a UI as shown below: Now I want to add a functionality to this UI that if user wants to exchange positions of if and else if blocks, he must be able to do that. One option could be ...
1
vote
3answers
490 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
148 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
112 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
71 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
330 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
49 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
179 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
123 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
52 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
557 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 ...
9
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
92 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
11k 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
121 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 ...
0
votes
2answers
153 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
172 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
739 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
32 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
132 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;} ...