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)

6
votes
2answers
168 views

Best usability: visual presets or simple action?

I'm working on a webapp that lets designers generate CSS through an intuitive interface. Right now I'm working on the Shadows panel and I can't decided which option has the most versatile usability. ...
7
votes
4answers
533 views

Better way of merging two tree views into a single

I am working on a UI design which has two tree view components to show data hierarchy. Each tree shows same data but has two different functionalities. I felt showing them in such a way will confuse ...
10
votes
2answers
453 views

Whats the best way to present a time duration to user?

We're trying to implement the most effective method of displaying duration it takes for user to complete a puzzle. Looking for simplicity and accuracy. I've added two examples that we've been working ...
4
votes
3answers
165 views

One click 'select' and 'continue'

During a subscription process; the user has to select a product, out of a possible four, and then advance to the next stage where they enter their payment details. Is there a preference over having ...
4
votes
5answers
338 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
8
votes
2answers
288 views

Has user testing ever revealed that you have to change your app's UI colour?

Dark-themed UI colours have been popular for a while on certain desktop applications (Adobe Lightroom as an example), and seem to be popping up on mobile applications as well. I'm referring to the ...
6
votes
1answer
207 views

best way to add multiple child records at once?

I have a system in which Procedures can be defined. Each Procedure has a series of steps (each step having some attributes) It is reasonable to assume that the user will add all of the steps while ...
5
votes
1answer
151 views

Should user be notified about technically unavailable features?

I'm going to implement a non-essential feature on a website. This feature will not be available for all browsers and, therefore, all users. Should I just hide the button that activates it? Or should ...
11
votes
3answers
280 views

Can placing dark and light elements or blocks next to each other in a UI lead to problems in visual perception?

A designer on my project has proposed something that uses both light and dark backgrounds within the same context (basic mockups below). A short background for the app: It is a platform on which ...
5
votes
3answers
325 views

Refresh button on a website

Is it useful/sensible to display a 'Refresh' button on a website's page (simple page, not dialog!), like the picture below? First I thought it's a good idea, but know I start to think it's not so ...
5
votes
2answers
515 views

Can a mobile application be made using a totally flat design?

In a current attempt at designing a mobile app using a "flat" design à la Windows Modern UI, I noticed that some aspects of the application feel weird to the average user. The main aspects here being ...
26
votes
3answers
1k views

What to do when a page's content doesn't fill up enough of a fixed area?

An application has a fixed size, i.e 800x600 px. However, a problem I often run in to is that the page's content isn't enough. It's simply too little content on a big area. Consider the mockup below, ...
4
votes
1answer
113 views

What is the term for making one UI component better but is not in sync with whole of UI?

Individual UI component owners (developer/GD) tries to make their component more useable/shining in the process losing the focus in the overall picture. I have somewhere read this to be something like ...
7
votes
3answers
197 views

How are GUI and User Experience issues, approached by open software developers?

In my opinion, among open software developers there is not much attention given to the GUI or how it is used. With very notable exceptions of course, Blender, Ubuntu, VLC, and maybe others I've not ...
1
vote
1answer
84 views

integrating a social-network application into existing app from a UX point of view

We had a web app that acts as a travel portal for consumers - tours, hotels, attractions and so forth. It has recently been decided that a facebook-type platform be integrated as well. I am ...
6
votes
3answers
297 views

displaying cascading comboboxes

I have a text editor with several tools on a page. and I want to add cascading dropdowns to the tool list. For example, I have two comboboxes: 1st is filter with values: All -selected by default ...
0
votes
1answer
271 views

Designing a marker pin for google map

A marker that is placed on a googlemap as a overlay needs to be designed so that the pin point lies exactly on the point that you specify to place it during coding. Check the example below, the ...
0
votes
2answers
64 views

Alternatives for a “speed dial” to recall recent/historical data?

Any solid conventions/alternatives for a "speed dial" to recall recent/historical data? Some context: the primary task of this web app revolves around running a search using a combination of ...
5
votes
3answers
272 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...
9
votes
3answers
307 views

Identify different types of clickable shapes?

We're building an application that is like an interactive flow chart. When users are viewing the flow chart, they can interact with certain shapes: Link to another flow chart. Link to an external ...
5
votes
4answers
726 views

rectangles Vs rounded corners of text fields on mobile

Do you think there is a difference in perceiving text fields which have round\rectangle corners ? My goal is to establish a convention that round corners are fields which the user can enter input and ...
2
votes
3answers
199 views

iPhone - Hiding/showing a common Carousel view

I have a Carousel view (horizontally aligned images, can be swiped left/right to switch images) above a Table view that displays some information. Assuming I'd like to give the user the option to ...
2
votes
2answers
128 views

Use of mobile Actions icon on Desktop?

Looking for help in designing a navigation method (visual affordance) for space constrained Desktop app. Below, I have a tree grid which is the primary navigation for the detail pane below the ...
0
votes
3answers
140 views

placement of interaction elements on screen?

What is the best place for interaction elements? Here's the situation: In our software there is an object (in this case a list with several items) that a user wants to work on. A user could perform ...
0
votes
2answers
1k views

Looking for enterprise web application design inspiration [closed]

I've checked many websites to be inspired about what the look and feel of a serious enterprise web-application should look like. But the whole I saw were designed for being used by single users and ...
2
votes
3answers
298 views

What are the job titles of people who design how software should look and feel?

In the construction industry, there's an architect: An architect is a person trained to plan and design buildings, and oversee their construction and an interior designer: Interior design ...
2
votes
1answer
57 views

Is there research into how the UI of content input (email, tweets etc) affects the actual content created and how can you improve it?

On the project I'm working on (Q&A platform), we're trying to get users to spend more time on their answers. We want to encourage longer form helpful replies, rather then spur of the moment short ...
7
votes
5answers
1k views

What are the advantages and disadvantages of “minimal” design?

E.g. Google has minimal web design (just a search box). How do you define minimal design? How does this relate to minimalism in general? Is Facebook also minimalism at least from the beginning?
7
votes
3answers
268 views

How should I indicate that an element responds to user click?

I have a list of people that the user wants to contact. They can "Mark as done" when they have made the contact (then it goes to their follow up list 3 days later). Displaying the "Mark as done" ...
3
votes
3answers
172 views

What's a good modification/alternative to differentiating categories by colour when the number of categories grows large?

We have an application in which users carry out similar tasks on different types of reports. As such, the user's first interaction with the app is to select a Report Type. To make it easy to tell at a ...
2
votes
6answers
491 views

Displaying multiple options on product page

I am working on a design for the product page of a commerce website. I have the requirement to show multiple options (SKUs) on each product page. In the examples below, the product comes in four ...
2
votes
1answer
241 views

How to display large data over a full screen image slider?

On my website www.goo.gl/uompd I have a full screen image slider which works just fine (the images are from screenshots of other websites I have done). On the slider I want to put 4 text boxes, a ...
2
votes
4answers
525 views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
7
votes
5answers
639 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
1
vote
5answers
323 views

What is the name of this UI message element/dialog?

I'm trying to figure out what the name of this type of element is. If the user couldn't do anything else on the screen without dealing with the element, it would be a "modal". Some might call this a ...
2
votes
3answers
330 views

Alternatives to display radio buttons vertically?

My preference is to display radio buttons vertically per common recommendations, per some research on completion speed, and to take advantage of Fitt's Law. However, I often get push back with regard ...
10
votes
4answers
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
2answers
129 views

UI to let user pick some movies (3 - 6) from all movies released till now (>1 M)

I am working on a web app where users tell their favourite movies. Since there are too many movies to pick from I am not able to provide a select box. The jquery autocomplete works nicely but I wanted ...
11
votes
2answers
651 views

Where to put the “new button” in a metro style app

I am creating a Windows 8 style app, and I am confused where to put the new button. I have many options I can choose from. First above the search list: Second under the search list: Third with ...
4
votes
2answers
218 views

Essential input elements of a gui toolkit

I am in a process of designing a new toolkit for mobile devices (as a part of my Master's thesis). I would like to know if there is some theoretical backgroud (researches, books, tutorials, etc...) to ...
1
vote
3answers
3k views

Difference between UI , GUI and HMI

I wanted to get these three terms viz UI, GUI and HMI clearly identified from each other. My current understanding : UI : Any general interface by which a human being or machine interacts with a ...
4
votes
2answers
320 views

How to best enter long digits on a small touch device without using keyboard input

my current task is to create an user interface for a mobile strategy game. stuff can be transported from point a to point b. the user can select an amount of stuff between 1 and 1.000.000. it is ...
0
votes
2answers
694 views

UI design for multiple attribute based filtering

I have a movie dataset. The dataset contains movie's attributes like title, actors, directors, imdb rating etc. I am working on a web app which enables user to apply filters on the dataset. For eg the ...
2
votes
1answer
126 views

What is a good way to auto-generate an attribute value?

We are building an application that includes a lot of automation. Part of the initialization of this task is to specify the rules for generating specific attribute values. But it is difficult to find ...
2
votes
1answer
253 views

How should I divide my site between B2B and B2C?

I've spent about 3 years trying to answer this question myself, so I thought I'd give you guys a go. Here's the situation: My company provides training services. You can either (i) book a course ...
1
vote
2answers
207 views

How can I handle long text displayed inside a bar in a bar-chart?

I'm working on a project where one of the reports I'm displaying on screen is a type of Gantt Chart. The customer wants some information about the activity the bar represents displayed inside of the ...
2
votes
3answers
480 views

UI: name of multiple column interface?

Is there a "proper" name for the UI wherein it has multiple columns, and as you interact with the first column, the second column gets populated with with appropriate data? These columns act as a ...
3
votes
2answers
260 views

When can UX best practices be ignored?

I suppose you could rephrase this question as "When can design supersede User Experience?" I've just designed a Nav bar that goes against everything I stand for as a UX Professional, yet I feel I can ...
6
votes
3answers
433 views

How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?

Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
2
votes
1answer
698 views

What UI design pattern for choice between 2 actions comes to your mind?

My goal: find optimal UX/UI pattern. Pattern's goal: give a user choice between two actions. Simple example: http://dribbble.com/shots/599154-Choose-Your-Option Here is UX/UI pattern I implemented ...