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
0answers
54 views

Horizontal scrolling widget for mobile webpage?

I'm looking for a widget that is similar to what the iphone uses as a datepicker (found here), only horizontal. Does anyone know what this would formally be called? I've been looking all over and ...
0
votes
1answer
67 views

Displaying PC's Not Online to the User Via Website

I am nearly done building a web site that allows a user to pick a set of files that he/she wants from a list of computers.Right now I'm displaying a modal popup window with checkboxes representing ...
1
vote
1answer
108 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
0
votes
1answer
83 views

Displaying information on minimalistic long panels

I had a question about displaying information on long panels. For example, the first is an empty panel and the second is what I'm doing right now: The main issue here is that putting text ...
2
votes
2answers
98 views

Dealing with overlaps in dynamically changing positions

My question is similar to this one. I have a line graph made using c3js. When the user alters some parameters through sliders, the line will be replotted. I have also created a custom legend (per ...
1
vote
5answers
108 views

Which user input validation approach is better: preventing or explaining? [duplicate]

Scenario: let's say we are talking about a simple form, which contains the following field types: All fields are mandatory. Number: only digits are allowed. Text: text must not exceed the maximum ...
1
vote
2answers
41 views

How to handle change in data types and relevant data values against it

On my UI, user can change data type from drop down menu and enter a value against it. User can also change data type and data value at anytime. Now let’s say, user has selected String data type and ...
0
votes
2answers
86 views

Design conflicts between different target groups

I am working on a design for a travel agency. Their main target is elderly people (60+). The site should also apply for the second target group. People (late 40’s – 50+). The client also want to ...
1
vote
2answers
112 views

How to indicate a disabled core functionality?

How should a certain action be disabled, when the user has run out of necessary permissions to perform that action? Specifically, I am designing a search engine where each search may take up to an ...
9
votes
6answers
2k views

How to mark a tooltip-containing word in a paragraph?

I have a sentence in which one word has a tooltip. The data in the tooltip is supplemental and putting it into the main UI isn't required. However, how can I mark the word to notify the user that it ...
0
votes
1answer
114 views

How best to create a link/relationship between multiple elements of a webpage?

My current UI looks something like this: download bmml source – Wireframes created with Balsamiq Mockups A 3 column layout with a list of tasks with titles/details in the middle. I need ...
11
votes
5answers
2k views

Language selection: top or bottom of the page?

A client has the requirement to provide translation options on their website, most likely using an automated solution like Google Translate. A colleague and I have been discussing the best way to ...
0
votes
1answer
202 views

Is top-tab bar anti-single-hand operation?

Some Design such as Android Design suggests that we place the tabs in the top. It will be very cool to swipe to change a tab to another close one. But when it comes to more than Three tabs, it will ...
2
votes
3answers
207 views

What are some alternatives to dropdowns and wizards for multi-level options?

I am trying to design user interface that allows a user to select out of multiple workflow options. The options list is fixed but has more than couple of options. It's important for the user to be ...
46
votes
13answers
4k views

Is there a better character than the asterisk to indicate a modified document?

In Windows applications it seems to be a common way to indicate modified, unsaved documents with an asterisk * character. E.g. this is how Visual Studio .NET 2012 indicates a modified document: ...
0
votes
0answers
29 views

Different animations (or ausent) on complementary actions

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
1
vote
1answer
224 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 ...
0
votes
0answers
59 views

Should dates be displayed with a time entry?

I'm working on a project where there are numerous time entries for a given a record. The times are stored in the database as timestamp, however for display and editing it's clutter to display the ...
0
votes
0answers
33 views

Indicating user-independent updates

I have a system with many users, who can edit data and I distribute those updates on the fly to all logged on users of the system, so they don't have to explicitly load them. I do this to increase ...
1
vote
3answers
643 views

Can't properly redesign GUI to get better user experience

INTRODUCTION: I am a junior software developer tasked to implement an informational system without assistance. Due to a tight deadline I was unable to design a UI that provides a great user ...
0
votes
1answer
71 views

How to improve UI within a form, where a field can change type, based on data you want to enter

Goal: I want to have a input field that changes its name and value based on what the person wants to enter. Scenario: I have a form that currently goes like this: Some Data input field ...
1
vote
1answer
105 views

Change long “continue without saving” button to say “skip”?

I'm working on a project and I found what I think is an issue. The product is a kind of web editor. After making some changes, I go to change the page and get a confirmation dialog that says: "Page ...
27
votes
12answers
3k views

Will using “X” for both “close” and “remove” cause confusion

I'm working on a shopping cart design. I'm currently using "X" to mean both "close" and "remove" in the interface. As shown in screenshot below. Will this cause unnecessary confusion? For quick ...
1
vote
3answers
180 views

Ideas for mobile, tablet, desktop or web for app that in a first step consists of lots of data entry?

With a friend I am making an app that basically consists of one big calendar in which data can be entered. The app will be a sowing calendar which can be used to enter the months in which you are ...
0
votes
1answer
81 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
108 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
267 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
63 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
200 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
172 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
79 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
74 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
2k 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
148 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
129 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
203 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
132 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
64 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
82 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
405 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
41 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
450 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
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
100 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
78 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
497 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 ...