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)

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
324 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 ...
20
votes
4answers
44k 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
266 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
2k 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
177 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
219 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
92 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
981 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
7k 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 ...
2
votes
2answers
176 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;} ...
41
votes
11answers
6k 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
2answers
503 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
103 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
198 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 ...
39
votes
3answers
4k 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 ...
-4
votes
2answers
171 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 ...
7
votes
3answers
3k 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
257 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
380 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
215 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
6answers
509 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 ...
2
votes
3answers
165 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
145 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
511 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
253 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 ...
3
votes
7answers
437 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
158 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
1answer
201 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
104 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
467 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
224 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
242 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
1k 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
608 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
186 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
158 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
132 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
77 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
148 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 ...
3
votes
4answers
385 views

Comparing and merging user interface revisions from multiple people

How can I compare, merge, and prevent conflicts between UI changes made by different members of a multi-person UI development team? Context for this Question: Visual diff and merge tools like Meld ...
0
votes
2answers
199 views

Task list due date format

What is the most user-friendly way to display a due date (in the context of a task list). For example (time until due): Do the dishes - One hour until due Wash the car - 3 days until due Buy ...
0
votes
0answers
156 views

Using “fat” rows to show data

I am designing a component for a desktop application showing information from a list of entities. Each entry has several attributes and to show it in a compact and expressive manner I decided to show ...
1
vote
1answer
70 views

Choosing a Feedback Mechanism For Delayed Commands

On a typical application when a user submits a form, it's good practice to provide a success message that the information has been submitted and saved. This makes sense for an application that ...
2
votes
1answer
81 views

Criteria selection : use empty for ALL?

We have the following criteria screen. Based on these criteria data are fetched. Empty From/To Date field means that no date criteria will be used, but for the type criteria we have two options : ...
0
votes
1answer
303 views

Mixing AND and OR filters — how to make it more clear and less confusing? [duplicate]

I am working on the Hotel Search App (33hotels.com), where I let the user filter Hotels by facilities. Most filters are "AND-filters" but some have to be "OR". For instance, someone may want "wifi" ...
0
votes
1answer
96 views

How many screen resolutions are available for Windows 8 mobile app? [duplicate]

I am a UX/UI designer and I have designed many mobile apps for iPhone and Android. Now I have to design a mobile app for Windows 8 but I don't know how many screen resolutions are available. i.e. for ...
0
votes
1answer
319 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
2
votes
1answer
198 views

Best type of thumbnail?

Let's say I have an app that accepts images, and the user takes the above image. Now I want to upload it, and display a thumbnail of the image on my website. There are two ways I can have a ...