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)

17
votes
9answers
5k views

How does user interface design fit in a development process?

In a software development process where does the user interface design fit? If we take an agile approach for a small team (2 juniors, 2 seniors, a Team Leader and a web designer) what normally should ...
16
votes
6answers
1k views

Is flashing red text a good idea for denoting an active alarm?

I'm working on a windows application that is showing the realtime status of a particular piece of equipment. While operating the equipment (via the application), two important values & labels are ...
16
votes
5answers
3k views

What is your UX strategy when your users want opposite things?

Getting clear user feedback is great. But what do you do with the feedback when different people, or groups of people, want different things? I have encountered this situation a few times recently. ...
16
votes
5answers
2k 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 ...
16
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 ...
16
votes
4answers
24k 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 ...
16
votes
3answers
629 views

Tag-like UI element

There is a UI element that I have seen in several places, but in trying to find an implementation for it, I realized I don't know how to correctly refer to it. The element that I am thinking of is a ...
16
votes
6answers
334 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
16
votes
5answers
842 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 ...
15
votes
9answers
2k views

Scrollbar on the left

Is there a deep study that suggests to place a scrollbar on the right? Personally I move it to the left whenever it's possible (firefox allow this, as well as xterm and emacs). I know that placing a ...
15
votes
10answers
3k views

How to detect bad UI design [closed]

I am a software developer who also does UI design. My question is, is it for me possible to detect UI issues during development. The big problem I know from other developers, they don't see bad UI ...
15
votes
2answers
1k views

Good UX for a form

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 ...
15
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 ...
15
votes
4answers
1k views

In GUI/UI design, why is the clock on the right?

I've been trying to design a new User Interface for the Desktop, while at it a friend has told me about his thoughts on UI design and we had a discussion about the placement of the "clock". In ...
15
votes
3answers
2k views

Tracing on a touch screen: achieving fat finger friendliness

What could be done to improve the ability to trace the outline of items on a touch screen, without requiring the user to use a stylus or other additional physical tool? The 'fatness' of fingers ...
15
votes
4answers
2k views

Is there any recommended control for triple options like YES / NO / NONE?

I'm designing a user opinion page where the user has three choices. For instance, if the question is "Is it suitable?" the three options could be "YES", "NO", or "NoIdea". In this case, what control ...
15
votes
3answers
10k 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 ...
15
votes
3answers
637 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 ...
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. ...
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
4answers
644 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?
14
votes
7answers
484 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
450 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
1answer
2k 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 ...
14
votes
6answers
2k views

Should I avoid changing a “clunky” UI?

This seems like a broad question, so I'll outline my specific example. I support an old Windows program. And I mean OLD. It originated as a 1997 rewrite of ever older software. It's a kind of ...
14
votes
7answers
907 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
13answers
6k 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 ...
14
votes
4answers
676 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
999 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
866 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 ...
13
votes
8answers
5k 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
1answer
334 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
9answers
3k views

How do you reduce the number of emails users send you?

We have a website for an amateur sports club www.cugc.org.uk with a lot of content, we have put a lot of effort into providing all the relevant information to new members or those interested in ...
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
6answers
626 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 ...
12
votes
5answers
931 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
5answers
647 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 ...
12
votes
7answers
804 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
1answer
2k views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
12
votes
2answers
3k 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 ...
12
votes
5answers
662 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
2answers
724 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 ...
12
votes
4answers
400 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
427 views

What is the benefit of anthropomorphizing a UI?

Earlier I withdrew some money from the cash machine and at one point the screen read: "Hold on, I'm contacting the server". The designers of the system had chosen to infer through the language ...
12
votes
3answers
863 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
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 ...
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
695 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
1answer
1k 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 ...
11
votes
2answers
718 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 ...