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)

13
votes
5answers
885 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 ...
13
votes
4answers
755 views

Intuitive vs. Efficient: Which is more important?

When faced with a design decision in which one option is more intuitive, and the other is more efficient, what guideline should be used to prioritize one desideratum over the other?
13
votes
11answers
6k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
13
votes
4answers
416 views

What, as a rule of thumb, is the maximum tolerable time the UI thread is blocked for?

The title basically says it all. The question is not too easy to google: What is the maximum time I can block the UI thread without creating a noticeable 'lag' in the UI from the user's perspective?
13
votes
1answer
1k views

How do I improve my visual design skills?

I am a novice UX designer and I am fairly comfortable with information architecture, interaction design, and creating mockups (low, med., and high). But when it comes to creating the actual UI, I have ...
13
votes
8answers
4k views

UX design case studies [closed]

I am looking for well-written and in-depth case study articles of real life UX designs. I'd like to read how other designers tackle design challenges, and how their designs solve those challenges. ...
13
votes
12answers
4k 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 ...
12
votes
5answers
866 views

Is it recommended to play a sound for warning and error messages?

When you quit an application and it shows you a dialog box asking if you want to save or when you open a file and an error is encountered, some applications play a sound. By sounds I mean short, but ...
12
votes
7answers
584 views

How to make it obvious the contents of one table are based on the selected row of another?

Given a dialog with two grid-style tables, what's the best approach to visually showing that the selected row of the left table is what populates the right table? The best I can think of is an arrow ...
12
votes
4answers
15k views

Best UI for filtered search with many filtering options as opposed to single text field

What UI provides the best user experience when searching using many filters as opposed to a single text input. For example: I have 15 filters (all optional) that users can filter results by. The ...
12
votes
4answers
370 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
12
votes
3answers
236 views

Why do scrollbars revert to original scroll distance when mouse is dragged sideways too far?

When dragging the scrollbar using the mouse, the contents of the scrollpane move up and down as the bar moves with the mouse. But if you keep the mouse button held down, and move the pointer sideways ...
12
votes
1answer
213 views

“back” for RTL, mandarin and other languages

As you might have seen it a lot of times in web apps, one step back in history often is aligned by an arrow to the left. How does this work for people using RTL languages? Do they need an arrow ...
12
votes
6answers
589 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 ...
12
votes
3answers
683 views

A better way to display a forum thread

I want to figure out a better ways to make a forum thread easy to read. Common solutions to this: A flat thread where every post is sorted by time. This is easy to understand and easy to display ...
11
votes
2answers
900 views

Good UX for a page

I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX. Attached image is the UI I created for one page. I tried alter it nearly 10 ways, still my customer says it looks ...
11
votes
8answers
999 views

Any actual reason for complicated UIs? [closed]

We all know there are very good interfaces out there, some of which we use everyday:               And now and then some make our ...
11
votes
6answers
417 views

How can I provide more detail for a UI element when “mouse over” functionality is unavailable?

I have a game for the iPad and there's no "mouse entered" or "mouse hover" functionality on that platform. Within my game I have a hotbar or skill bar like below. Typically a game that uses such ...
11
votes
6answers
589 views

Do users know the difference between a web application and a desktop application?

As cloud applications become more prevalent and the line between what is a desktop app and what is a web app becomes very blurry, different patterns for design, security, privacy and user experience ...
11
votes
3answers
3k views

What are the real differences between UI/UX and front-end development?

front-end developer here. I'm working in a tiny startup: one back-end developer and me as the front-end developer. My boss is calling me UX boy since I've worked there, even if I don't specially ...
11
votes
2answers
2k views

Fixing UI Antipattern “multiple menu levels”

My brain seems to be pre-programmed to make administrative UI's look like the mockups below. In the mockups I have 3 levels of navigation, with on the form another set of buttons for the form ...
11
votes
5answers
521 views

Is it okay to use breadcrumb navigation on some pages and not on others?

Breadcrumbs would be redundant for some of my pages and quite pointless, but effective on others which are a bit deeper. Is it bad practice to only implement breadcrumbs on some of the pages?
11
votes
4answers
449 views

Is it a problem if a word describing a software action has additional controversial meanings in the real world?

Is it a problem if a word describing a software concept has additional potentially controversial meanings in the real world? To name some examples: icon - in software it is a small image which ...
11
votes
2answers
618 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 ...
11
votes
1answer
1k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
11
votes
3answers
1k views

UI / UX Review Site? [closed]

I stumbled upon a UI/UX review site some time ago, but cannot seem to put my finger on it again. Could someone please advise if you are aware of what this site may be? I have a few designs I'd like ...
11
votes
2answers
538 views

Has a proper usability study been published on the Microsoft Fluent UI?

I have been trying to gather objective feedback/response on the design of the Fluent UI ('Ribbon') interface. Apart from one study by Forrester which was commissioned by Microsoft anyway, and various ...
11
votes
3answers
269 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 ...
10
votes
4answers
347 views

Another phrasing for the term “Directions” in this case?

Below is a short browser based linux simulator for training purposes. It basically starts off with a blank screen, and gives directions for the user to enter a linux command to do a given task. If the ...
10
votes
5answers
1k views

When creating a GUI wizard, should all pages/tabs be of the same size?

I understand that some libraries would force me to, but my question is general. If I have a set of buttons at the bottom: Back, Next, Cancel?, (other?), then should their location ever change? If the ...
10
votes
5answers
1k views

Should i use country flags in language selection fields?

My users can create content in different languages, and i need to provide an option to choose the language when they enter new content. Right now there are only 5 languages (en, fr, de, pt, es), and ...
10
votes
5answers
520 views

What is the correct meaning of “slider”?

I'm confused by the word "slider". It seems to be used interchangeably for two quite different types of UI control. An input allowing selecting of a point on a numeric scale, as in the jQuery UI ...
10
votes
8answers
470 views

How to design a screen in which users must choose a value from a list of options for each row in a 500 row table?

I'm designing an application that's supposed to help ease a very tedious and difficult task. Prior to this app - each user would be given a spreadsheet with about 5-8 columns, and 300-500 rows. (Each ...
10
votes
3answers
301 views

On an unlabelled slider, why does right mean higher, and left mean lesser?

Horizontal volume sliders, for instance, are often unlabelled. Other than the VLC player volume slider, I've never seen a label saying that the right means things get louder. How did that convention ...
10
votes
5answers
804 views

What symbols should be used for YES and NO when the user can't read?

This is a non trivial problem, as demonstrated by this blog entry. There are problems with all the obvious options: Check and X : we're already using that as "correct" and "incorrect" Thumbs ...
10
votes
1answer
829 views

What are the “Big Three” Gestures in Mobile Development?

last week, our project manager mentioned that we needed to incorporate more of the "big 3" gestures in our mobile software. unfortunately, she's off on vacation now and none of us know what exactly ...
10
votes
2answers
357 views

What is the best practice for checking a series of checkboxes?

I have a large table (some 100 rows) for setting user permissions. Each set of permissions has a set of 4 possible items, which in many cases will all be checked but not by default. For efficiency we ...
10
votes
4answers
607 views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that currently has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team noticed that users missed the tabs and only noticed them ...
10
votes
3answers
310 views

Does a developer need a book resource for UX design or just get information from articles, websites?

I'm a java developer and in the last few years I've been doing more and more gui coding and design with Ajax toolkits. I've seen a real need to improve my skills with CSS and javascript in wanting to ...
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 ...
10
votes
3answers
1k views

Is it good to leave Select dropdown with default style for better UX and Accessibility?

When I design websites. many time I try make the select drop-down more attractive. example By default select drop-down looks slightly different in almost each Desktop and Mobile browser but ...
9
votes
8answers
1k 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 ...
9
votes
6answers
2k views

Difference between 'modify' and 'edit' buttons

Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
9
votes
2answers
992 views

What is the expected paging behavior of a tree?

I'm working with a tree data structure, which should be visualised (like in a file manager). The server can calculate the whole tree and the client will display it. The possible size of a tree can ...
9
votes
6answers
647 views

Do iOS application icons need to be updated for iOS 7?

as a graphic designer, would an application icon need to be updated to match the simplicity and flat UI of iOS 7? Do you think this would contribute to the UX overall?
9
votes
6answers
541 views

Are multiple entry points good or bad?

My example is a web-based application, but I guess this could go for anything: Multiple entry points for the same action, good or bad? My example: Adding a product against a supplier (vendor). This ...
9
votes
7answers
812 views

What's wrong with this picture?

Context I'm a developer (not a designer) working on a drawing app, and I'm a little clueless about ui / ux design. The functionality is there, but something is really wrong with the look of the menu ...
9
votes
3answers
655 views

How to explain to a client that User Experience and web/graphic design is different?

My client is absolutely sure that there is no difference between these topics. How do you explain that making a UX adjustment plan is not the same as a web design task? You have to write a contract ...
9
votes
2answers
599 views

Skeuomorphism or OS-consistency?

Skeuomorphic UIs should give the user something that looks like a familiar object, presumably making it easier for them to understand what it should do and how it should be used. Even if the UI isn't ...
9
votes
6answers
867 views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...