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)

7
votes
3answers
365 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
1k 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
233 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 ...
4
votes
6answers
955 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
333 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 ...
12
votes
2answers
807 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
1k 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
392 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
171 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
451 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
151 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
259 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
1k 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
147 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 ...
6
votes
2answers
500 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
413 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 ...
3
votes
3answers
825 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
280 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
582 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
225 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 ...
3
votes
2answers
488 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
221 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
211 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
189 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 ...
5
votes
3answers
918 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 ...
4
votes
1answer
432 views

Does Metro scale?

This question has bugged me for a while, I thought I might ask it. In software, we say something "scales" if it's able to stay coherent and consistent over a long period of time, but more importantly,...
1
vote
1answer
577 views

UX design document for Web platform Grid control

Is there any User experience(UX) design guideline document available for Web platform grid control? I am developing ASP.NET grid control and wanted to know if there is anything already available. I ...
7
votes
1answer
398 views

Understanding the scroll bar in the Firefox 'List All Tabs' dropdown

I'm trying to understand the rationale behind the vertical scroll bar in the 'List All Tabs' dropdown in Firefox (15.0.1); All the tabs are listed here, so it gives the wrong impression of the list ...
2
votes
1answer
315 views

Tree for database objects and other elements

I am working on a database management application and I store the database objects (Tables, views, triggers, etc...) in a tree and I need some extra insight in re-thinking the features of the tree ...
0
votes
1answer
364 views

How can I best describe to others a sequence of actions from an application?

I want to be able to explain pepole vie email or posts here at UX stack exchage what is my current sequance of action performed in my application .. e.g. creating a division in my application. Is ...
2
votes
1answer
393 views

Where to put your patents/ patent pending info in software? And should you really do it?

My softare company has a few patents/ patent pendings. Does it make sense to showcase this in our products? If so, where should we put it? In our splash screen? In the Help Menu?
0
votes
1answer
353 views

website for ui design inspiration [duplicate]

Possible Duplicate: Where do people get web design patterns/inspiration from? Is there a web site for UI design inspirations? I'm looking for something dedicated to UX and UI...that would show ...
1
vote
1answer
249 views

What's the best way to differentiate Users from Groups of Users using icons? [closed]

Think admin panels. I am using an icon with 2 persons (like ) to indicate the "user management" section of an app I'm developing. However, client has asked me to enable group creation (as in being ...
3
votes
2answers
1k views

select a work week schedule

In my web application I want the user to select his work schedule. For example, someone could select [Sunday (8AM - 5PM), Monday (9AM-1PM , 2PM-6PM) ...etc. So the user has the freedom to select any ...
5
votes
1answer
658 views

What does a folded corner mean to a user?

Lately I've noticed an increasing amount of folded corners as UI and/or decorative elements on several web pages. However, it seems most of the sites seem to differ in what they want to convey with ...
6
votes
2answers
2k views

Lateral Navigation with swipe views and tabs together with mapview

I've recently designed a new Android Application for a theme park. According to Android Design Guidelines: If your app uses action bar tabs, use swipe to navigate between the different views. ...
18
votes
5answers
2k views

How can I allow users to easily pair items from long lists?

I'm trying to create a friendly ui that will allow users with little or no computer experience to make pairs from two huge lists (around 2000 items each). Above each lists there will be a search field ...
1
vote
2answers
488 views

History of file system GUI

I don't know if this is the right place where to ask. I'm doing a project about TreeMap for visually identifying in an intuitive manner large files on the harddisk. For that I'm looking for some ...
1
vote
3answers
325 views

Am I right to sort the the RHS listbox alphabetically in a paired-listbox GUI?

I have a Dual/Slaved/Paired Listbox GUI*, and I'm trying to convince colleagues that it makes the most sense for the RHS listbox to be sorted alphabetically rather than in order of addition, ...
4
votes
2answers
109 views

Should a duplicated record be added to the end or after the selected record?

I'm wondering what the preference (or what makes the most sense) is for duplicating a record in a list. I torn between copying the duplicated item right below the selected one or copying it to the ...
4
votes
6answers
744 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
2
votes
4answers
1k views

Blogs/Websites That Showcase Windows UI Examples? [closed]

I'm looking for a blog or website that showcases nice UI designs. Specifically, one that has examples of Windows user interfaces. I have a few of these bookmarked (like Beautiful Pixels), but they are ...
2
votes
1answer
85 views

Display “Day entities” that contain Stuff, by day and by period

I have something like Things that happened this day that can be either of TypeA or TypeB. I want to display Day items per period and also display inside each Day item some info about its TypeA's and ...
9
votes
3answers
1k views

What do you call embedded dotts/lines which indicate sliding in GUI?

I have attached an image which explains which element I am talking about. I am trying to find out it's proper name. Can anyone help me please?
1
vote
1answer
145 views

Coloring Rows in big spreads

Currently when I open my form, it has a big spread with like 20 or 30 rows that users sees. Like a big empty spreadsheet....well it looks "too white" to me, do you think is it a better UX design if I ...
2
votes
1answer
820 views

System status and availability best practice

What are is considered best practice (layout, age of information, level of detail, etc.) for UX guidelines when creating system status and availability page(s)? Below are links from major companies ...
3
votes
2answers
227 views

What existing materials does a UI designer need for a web design project

I hired a web UI designer for a project. I have professionally-done page wireframes with basic mark-ups ready, and I have clear documentation about the contents and functionalities of every component ...
5
votes
1answer
230 views

Any recommendations on dealing with wizard screens with wildly different amounts of content?

I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...
10
votes
8answers
2k views

Why put the controls in the bottom (or the top) of a music player UI?

Among alot of the music players around the player controls have usually been arrange to the top of the application window, or to the bottom. What is the rationale behind the positioning, the choice ...