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)

15
votes
6answers
1k views

The use of tabs

I am working on redoing a clients application, which needs to be done for other reason, but one of the changes is to remove tabs. The application is, in essence, fronting data records, very basic. ...
15
votes
5answers
733 views

Emerging UI trend: comments in the margin - pros and cons?

Context: Irrespective of threaded-vs-unthreaded comments, I've noticed that a few sites have started to experiment with comments in the margin (as compared to comments above or below content in a ...
14
votes
6answers
2k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
14
votes
5answers
1k views

Should the “home” button in my app stay there even when the user is on the home page?

I'm developing a web app to be used on mobile devices. I use a home button in our status bar to return to our "home" page. When on this page however, the button will have no function. My question ...
14
votes
4answers
1k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
14
votes
7answers
458 views

Nagging the user with double message box for something that is important.

When our software is installed, it installs some networking components. It may run fine immediately after the install, but chances are that some applications won't be able to talk to the network until ...
14
votes
2answers
379 views

Are downvotes/dislikes useful if not highlighted?

I was watching a video on youtube and noticed their like/dislike bar. They have had this new design for quite some time now. In the earlier youtube, the dislike bar would be red and distinctly ...
14
votes
7answers
762 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 ...
14
votes
4answers
559 views

What are the pros and cons of skeuomorphic design in payment transactions?

The check out or payment process in an application is critical and has to perform smoothly to make the inexperienced users feel that they fill in forms correct. I’ve seen numerous of examples where ...
13
votes
4answers
859 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
4answers
483 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
5k 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 ...
13
votes
1answer
252 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
5answers
2k 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 ...
12
votes
5answers
894 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
667 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
3answers
5k 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 ...
12
votes
5answers
593 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?
12
votes
4answers
383 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
744 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
975 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
1k 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
498 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
5answers
574 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 ...
11
votes
6answers
627 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
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
4answers
479 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
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 ...
11
votes
3answers
862 views

Looking for independent usability study of 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
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 ...
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
3answers
279 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
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 ...
10
votes
4answers
361 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
2k 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
8answers
577 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
2answers
1k 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 ...
10
votes
3answers
307 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
6k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
10
votes
5answers
890 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
904 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
418 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
2answers
656 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 ...
10
votes
4answers
731 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
5k views

Which color scheme to choose for applications that require long work hours?

I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
10
votes
3answers
324 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
2answers
450 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 ...