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
2answers
120 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
49 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
549 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
87 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 ...
13
votes
4answers
10k 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
119 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
152 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
169 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
77 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
734 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
31 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
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;} ...
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 ...
0
votes
0answers
44 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
385 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
65 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
147 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 ...
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 ...
-1
votes
2answers
97 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
214 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
144 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
105 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
174 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
126 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
71 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
207 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
190 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
393 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
83 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 ...
0
votes
1answer
86 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
1answer
95 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 ...
2
votes
2answers
235 views

How to make complex settings simple and easy to understand?

I am trying to create a SSD dashboard for our software applications that show all the services listed and their current statuses similar to http://status.aws.amazon.com/ or ...
0
votes
1answer
114 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
78 views

Designing for multiple devices: What grid/grids should I use? [duplicate]

I'm having a big doubt here regarding grid systems. See, I have to design a medical dashboard application for a lot of devices: These are a 42 inch LCD screen, a regular computer screen (using 1200 ...
14
votes
7answers
805 views

Minimalism, Maximalism(?) or whatever?

Tufte & Nielsen believe that screen real estate is one of the most important asset for a (UX) designer. Utilize available screen space - Jakob Nielsen’s Alertbox: May 9, 2011 & The Visual ...
1
vote
2answers
526 views

What encouraged the designers of GNOME Web 3.11.90 to show both (a) the page title and (b) the address/location/URL in the header bar?

Points of reference, please, for documents and/or discussions that supported the design rationale. I'll add one answer, I don't know whether it's ideal. Background A brief, two-screenshot ...
3
votes
2answers
149 views

Best way of making a credits transfer dialog

I am designing a dialog which would allow user to transfer credits from his account to "an object's account". Transfer is only in one direction -- after you confirm transfering credits to an object's ...
0
votes
2answers
152 views

How can I determine the appropriate color,font for a website based on target group? [closed]

I am a web designer and often my clients ask me these kind of questions: What kind of site colors reflect my product? If my target group is of low income, what kind of colors/shapes does my website ...
0
votes
2answers
77 views

What is the best UX to configure a server application? XML (or text) file or GUI?

For a server-based application that is installed and maintained by IT admins, what is the best user experience for providing configuration values? The primary user of this application would be IT ...
0
votes
1answer
44 views

Ticket apps - looking for inspiration [closed]

Looking for apps used for buying tickets and similar where the user will activate the ticket and it will display as active and ready for use for a given time limit. Thanks.
2
votes
1answer
111 views

Intuitive Placement of Buttons In Flow Diagram

I have implemented an interactive, one-to-many flow diagram. The user should be able to build the structure of the flow diagram by adding child nodes to a parent node, as well as be able to change ...