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)

23
votes
6answers
4k views

Are custom scroll bars easier to use or do they just look “nice”?

I've noticed that a lot of webapps have started using custom scroll bars. A few examples include Facebook, Trello, Google Docs, and Twitter. I'm sure you can think of some more: How do these types ...
23
votes
4answers
48k 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 ...
22
votes
5answers
3k 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 ...
22
votes
2answers
2k views

Should a save button save information that is not on screen?

My app is used to edit email templates. As you probably know, emails can have a text AND html version. Below is the UI I came up with. My initial thought was 'only save what you can see', so when you ...
22
votes
3answers
1k views

Is it a bad idea to have two progress bars in one dialog?

Discussing with my team-mates this morning but we're not sure which one is the best way. Scenario: When users select a single document to process, they will see a progress bar and text displaying its ...
22
votes
5answers
20k 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 ...
22
votes
1answer
2k views

What is the information that's always present in a toolbar called in UX lingo?

I remember reading about this type of information displayed in a toolbar before, but I can't recall or find it on the web. Ideas?
22
votes
3answers
4k views

Is there a visual glossary of (Windows) UI controls?

Some days it seems every member of my team calls each control by a different name. Is there a good resource, preferably with images, for what the official name of each control type is? I found a few ...
21
votes
2answers
5k views

Most intuitive multi-select component for the web

My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible. For instance I try to avoid drop down menus and use big ...
20
votes
5answers
2k views

Does tablet size affect which orientation users use?

Recently I was told by a developer that most 7 inch tablet users will, if given the choice (i.e the app supports both orientations), use the tablet in a portrait orientation and that a user with a 10 ...
19
votes
8answers
2k views

Where can I find problems to challenge my UI design skills?

I'm still in the beginnings of my career as a programmer, and have always thought I was more interested in low-level back-end type stuff. However, having done a few projects lately on my own, I've ...
19
votes
9answers
2k views

Marquee or Ellipsis for song name in music player?

I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...
19
votes
5answers
5k views

Good alternatives for replacing multiple nested modal dialogs?

Having a mature and good-selling Windows desktop application, we are focusing on improving the user experience for the next release. One thing that I try is to get rid of multiple nested modal dialog ...
19
votes
7answers
1k views

Solving the “accidental confirm” problem with dialog boxes

The scenario is all too common: An application brings up a dialog box while you are typing, and you hit the space key before you even realize what's happening. The dialog is gone and you have no clue ...
18
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. ...
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 ...
17
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 ...
17
votes
11answers
2k views

What's a good scroll bar equivalent for a spiral script?

One of my friends is writing a fictional story about a people who use a script that is read in a spiral from the inside out. They write on long coils of flexible material, and longer texts are fed ...
17
votes
4answers
1k 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 ...
17
votes
4answers
1k views

Multiple choice forms with radio: Should the choices be arranged horizontally, vertically, or in a square?

My work involves designing the interface for quizzes taken by college students. When designing for quizzes, what would be the easiest arrangement to read for my users: horizontal, "square", or ...
17
votes
9answers
7k 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 ...
17
votes
3answers
1k 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
2answers
2k 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 ...
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
4answers
864 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?
16
votes
3answers
3k views

Why must a website footer always span the entire width of the page?

I am currently completing an online design course, and while watching one of the set course videos, the instructor advised: The [website] footer must always span the entire width of the screen. ...
16
votes
6answers
344 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
16
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. ...
16
votes
5answers
946 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
3k 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
4k 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
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
2answers
7k 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 ...
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
4answers
767 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 ...
14
votes
4answers
2k 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
504 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
5answers
1k views

Is it better to start app UI design for iPhone 5 or 6?

This question drives me crazy, as well as my dev colleagues. For which iPhone screen resolution I should begin designing so during development it easier adapts on other devices? Usually, I start ...
14
votes
2answers
514 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 visible....
14
votes
2answers
4k 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 actions....
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
4answers
936 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 ...
14
votes
7answers
1k 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
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
13answers
7k 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
1answer
428 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 ...
13
votes
4answers
1k 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
2answers
3k 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 ...