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)

4
votes
2answers
163 views

Can I remove the login name?

I am currently working on an enterprise software program. Our user(client) will have only one account individually, so that they don't need to change their account in most of the cases. And they are ...
4
votes
3answers
163 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 ...
8
votes
2answers
282 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
195 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
3answers
302 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
507 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 ...
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
193 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 ...
6
votes
3answers
283 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 ...
1
vote
1answer
83 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 ...
0
votes
1answer
251 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
62 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 ...
16
votes
4answers
2k views

Good alternatives for replacing multiple nested modal dialogs?

Having a mature and good-selling Windows desktop application, we are focusing on improving the user experience for the next release. One thing that I try is to get rid of multiple nested modal dialog ...
5
votes
3answers
264 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 ...
2
votes
3answers
196 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 ...
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 ...
7
votes
5answers
984 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?
2
votes
3answers
282 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
3answers
267 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" ...
2
votes
4answers
480 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 ...
3
votes
3answers
171 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
456 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
234 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 ...
10
votes
4answers
1k 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 ...
11
votes
2answers
637 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 ...
7
votes
5answers
612 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
318 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
2answers
163 views

Placing buttons on section headers is correct or not?

Is placing buttons on headers to the middle or extreme right side is correct or not? Could you please suggest me the appropriate place? Example:
2
votes
3answers
306 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 ...
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 ...
4
votes
2answers
217 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 ...
0
votes
2answers
629 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 ...
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 ...
19
votes
2answers
2k views

Is there a visual glossary of (Windows) UI controls?

Some days it seems every member of my team calls each control by a different name. Is there a good resource, preferably with images, for what the official name of each control type is? I found a few ...
1
vote
3answers
2k 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
304 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 ...
1
vote
2answers
188 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
448 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
258 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 ...
2
votes
1answer
624 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 ...
6
votes
3answers
415 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 ...
1
vote
1answer
166 views

Currently designing a “Help” page, what would be considered too-much help to see on one page?

The page for "help" within the site is designed well. The site totals about 40 questions, which has been reduced down from 86. My objective is to simplify the user experience for viewing/navigating ...
5
votes
5answers
728 views

What are some reference works for capitalization in UI text?

I'm currently in the process of updating the language files for a large web portal. Over time, a lot of inconsistencies have crept in, and so in different places you might see contrasting: Titles > ...
2
votes
2answers
426 views

Mobile UX prototyping tools in the classroom [closed]

(I know this sounds like a repeat question, but I am asking this specifically for a classroom context and I have some specific needs (other than "free") that I feel sets this question apart. Please ...
4
votes
1answer
176 views

Best UI element type and location for password retrieval on login form

I have currently the login form shown below and I'd like to add a UI element that the user can click in order to retrieve their fogotten password. However I'm not sure what element to use and where ...
1
vote
2answers
192 views

When to use different colors?

I'm designing an IDE. I'm creating an icon to represent a function (which has at least one output parameter) and a procedure (which has no output parameters). I'm undecided about using the same icon ...
2
votes
1answer
142 views

Designing a 2-dimensional navigation with a one way relation

(Couldn't find a better title for this question) The problem is as follows: I have to design a UI for a site presenting statistical data (census). One use-case is to browse predefined tables. To get ...
3
votes
3answers
2k views

Is a drag and drop UI usable for organizing/categorizing items?

I am creating a UI where a user can manage users by creating a group, and then dragging and dropping them to fill the groups as they would like. One problem I am faced with is that the complexity of ...
4
votes
3answers
396 views

What is the usual way to specify a GUI?

What is the typical or most effective way to specify the design decisions and interaction patterns of a specific application's GUI? I began to realize I do not really know what the parts of a precise ...