Tagged Questions

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)

3
votes
3answers
182 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
531 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
250 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
580 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
687 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
329 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
362 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 ...
11
votes
5answers
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
667 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
222 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
336 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
765 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 ...
3
votes
1answer
286 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
220 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
515 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
264 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
449 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
748 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 ...
5
votes
5answers
1k 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 > ...
1
vote
0answers
342 views

Suggestion for Desktop Application Design [closed]

I am working on wireframes for desktop application, its collaboration system for paramedical staff like chatting and communication stuff. Now i need to create GUI, Can anyone suggest me that if i ...
3
votes
1answer
215 views

Filter wildget in a dashboard: where best placed?

I have one web page (single web-app) which shows a powerful dashboard. The design of the dashboard is nice and neat and it contains all of the information required by its functionality. To give you ...
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:
4
votes
1answer
181 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
197 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 ...
3
votes
2answers
447 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 ...
2
votes
1answer
154 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 ...
4
votes
3answers
464 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 ...
0
votes
2answers
212 views

Disappearing input field placeholder aesthetics for web apps

Background Users may provide various categorized input entries (e.g., danger, warning, avoid, and relax), such as those in the following image (e.g., "Relax #1", "Avoid #1", etc.): Problem When ...
4
votes
1answer
407 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 ...
7
votes
1answer
309 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 ...
1
vote
1answer
184 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 ...
0
votes
1answer
188 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 ...
4
votes
3answers
549 views

Managing CRUD operations in a tree

I'm using a tree view in my web application to present the administrator a way of managing entities in the system. So far I had to deal with simple entities that require only a name that is way i ...
0
votes
1answer
312 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 ...
1
vote
1answer
182 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 ...
4
votes
1answer
367 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 ...
2
votes
1answer
317 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?
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. ...
3
votes
2answers
99 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 ...
1
vote
3answers
232 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, ...
15
votes
5answers
1k 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 ...
5
votes
3answers
299 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
125 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 ...
4
votes
3answers
453 views

Address list following a postcode search, should a drop down list or radio buttons be used?

I'm working on a project at the moment using an OOTB solution. We have an address search facility where a user will neter there postcode, click 'search' and is then presented with a list of addresses. ...
2
votes
1answer
431 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
187 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 ...
3
votes
2answers
819 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 ...