91 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

Here's why: Microsoft’s design guides talk about weak affordance: Text and graphics links use a hand […] pointer […] because of their weak affordance. While links may have other visual ...
Dipak's user avatar
  • 16.2k
41 votes
Accepted

Why don't <button> HTML elements have a CSS cursor pointer by default?

It's worth considering the historical order in which these things came into being. Buttons existed from very early in the days of GUI computing. They had a shadowing effect to give a skeuomorphic ...
Jon Hanna's user avatar
  • 701
30 votes

Why don't <button> HTML elements have a CSS cursor pointer by default?

According to W3C cursor: pointer The cursor is a pointer that indicates a link. The specification only indicates that links are meant to have the pointer cursor. Buttons are not meant to have the ...
Alvaro's user avatar
  • 16.8k
11 votes

Concept of research debt in UX design

To understand debt in UX research, please take a look to some detailed articles about UX debt. I liked this explanation of UX debt, found on "The 3-Step Guide to Erasing Your UX Debt": If your ...
Madalina Taina's user avatar
11 votes
Accepted

Does it make sense to have differently shaped buttons together?

I suggest you to do like the most websites. Same shape, side by side, different colours. Highlight and put first the main used button. See good examples below. I know that you ask just about the ...
Rafael Perozin's user avatar
10 votes
Accepted

Use bad UI till overall redesign or add good UI in small steps?

As lead designer in the startup I work at I have to handle the same situation quite often. I don't think there's one out-and-out solution. That depends on your situation. However, my experience in ...
Nick Groeneveld's user avatar
7 votes
Accepted

Consistent nav items between pages?

Keep it consistent. According to Nielsen's Top 10 Information Architecture (IA) Mistakes: Inconsistent Navigation Navigation exists to help users, not to be a puzzle in its own right. Users should ...
Bernardo Doré's user avatar
7 votes
Accepted

Is it okay to break button consistency?

Clarity can trump consistency in certain situations. For applications with changing contexts, there's lots of purposeful instances of design system inconsistencies. I've seen examples of wizards where ...
Mike M's user avatar
  • 24.6k
6 votes
Accepted

Design consistency and style guide

Does it make sense to write principles, and maybe some sort of general design style guide which can be applied to all of them, and the future ones? It probably does. Certain design principles and ...
Nate Green's user avatar
  • 2,483
6 votes

Should different apps in a product have a consistent layout?

TL;DR: One complete design will never perfectly fit multiple products. I think you are justified in making modifications to fit the needs of one product. That being said, successful suites of apps ...
Alan's user avatar
  • 3,858
5 votes
Accepted

What title should the page with tabs have?

The title of the page should be Events. The problem with your UI is that the page title is in the wrong place. The page title should be above the tabs not below them. See the below example taken ...
Andre Dickson's user avatar
5 votes
Accepted

Food menu legend consistency

Good Design Meets Users' Expectations 'Gluten Free' and 'Contains Nuts' are the terms that have become the way to refer to these concepts in the US. If you go against this for the sake of consistency,...
dennislees's user avatar
  • 11.6k
5 votes

Reducing unsatisfactory navigation states without losing consistency

You can try a combo of both approaches: remove the content for unavailable data analysis, but place a notification next to where the (disabled) tab is, describing what's possible. You can use ...
Mike M's user avatar
  • 24.6k
5 votes

Button position in equal height containers

According to the Gestalt Law of Proximity, option B is the correct one. The Law of Proximity is the gestalt grouping law that states elements that are close together tend to be perceived as a unified ...
Devin's user avatar
  • 37.9k
4 votes
Accepted

Follow company consistency or OS convention?

In the book "Smashing Android UI: Responsive User Interfaces and Design Patterns for Android Phones and Tablets", by Juhani Lehtimaki, the recommendations are to follow the conventions that ...
Winter's user avatar
  • 256
4 votes

How does the choice of transaction models ACID or BASE affect UX design?

This is an extension to Andrew Martin's answer, and the short comment discussion. I point to Andrew's answer as the short and simple correct answer: Database construction and manipulation should ...
Nicholas Pappas's user avatar
4 votes
Accepted

Breadcrumbs - what should they display?

Yea, I second Rob's recommendation. The breadcrumbs are an ancillary navigation tool and a guidepost for visitors dropping into the site hierarchy from search. So, they should accurately reflect the ...
RobC's user avatar
  • 1,539
4 votes

Can I display heading below its tabs?

You ought to maintain consistency and hierarchy. The heading should always come first otherwise the tabs make little sense. Also, all pages should have a heading (for accessibility reasons). Why not ...
Toni Leigh's user avatar
  • 7,828
4 votes

Differentiating pages/views which contain similar data

Ideas come to my mind: Add label in the top place at page. Assign a color to the appropriate group and then display it in UI details Add a mention in the URL Icons Statement at the top place at page....
Piotr Żak's user avatar
  • 1,466
4 votes

Reducing unsatisfactory navigation states without losing consistency

welcome to UX StackExchange! One of my favorite "decision helpers" in design is the Principle of Least Surprise: try to avoid system behavior that your users don't expect. (Yes, sometimes this is ...
JochenW's user avatar
  • 849
3 votes

How does the choice of transaction models ACID or BASE affect UX design?

Delays are significant for UX. Some solutions and patterns used in UI which work smoothly (feels instantaneous) with BASE to be problematic with ACID due intolerable response delays.
Nick Rassadin's user avatar
3 votes
Accepted

How does the choice of transaction models ACID or BASE affect UX design?

Database design is critical! As are all architectural decisions. This is why a software architect should be a part of the UXD process. The choice of back-end architecture isn't something the UXD can ...
plainclothes's user avatar
  • 21.3k
3 votes

How does the choice of transaction models ACID or BASE affect UX design?

Database construction and manipulation should never affect the UX design. The design of the database should facilitate and optimise whatever processes the server-side operations require. As this ...
Roux Martin's user avatar
  • 14.2k
3 votes

Why is low contrast between active and inactive window title bars considered a good thing?

Microsoft gave some explanation for these changes to Visual Studio in this article: Visual Studio 11 User Interface Updates Coming in RC (May 2012) (emphasis mine) Another area of requested change ...
3 votes

Which way locks? / Which way is locked?

First, I would like to say that I install locks for a living. While I do a lot of locksmith work, I do not call myself a locksmith, because I strictly work on locks for buildings. That is, I don't ...
Aaron's user avatar
  • 31
3 votes
Accepted

Is there an intermediary between developing a custom UI-library and committing to someone else's library?

It sounds to me like your team needs to develop a Style Guide. In the article "Great UI Design Requires Smart Style Guides", they define a style guide as: ...a comprehensive “living document” ...
Alan's user avatar
  • 3,858
3 votes

Differentiating pages/views which contain similar data

I feel like using icons to differentiate between users/groups/items would be a good idea. Considering that this is specifically to tackle the issue on a profile page, a clear, well-defined icon would ...
Shreyas Tripathy's user avatar
3 votes

Button position depending on situation or always in the same position?

Be consistent across all screens. Consistency is a key design principle and you can help the users by not forcing them to learn new things in each task or screen.Try with users, choose the best one ...
Vasco Antunes's user avatar
3 votes

Button position in equal height containers

When you decide a place where to place a series of buttons, you are proposing an interaction zone in the layout of the page, in other words, it is not about buttons, but an area of activity. Taken to ...
Danielillo's user avatar
  • 18.9k
3 votes

Is it okay to launch dark mode partially?

Don't do a split experience, because a mode isn't the same thing as a design theme; a mode is a setting that the user generally expects to persist until they make a choice to exit. Imagine if you ...
Izquierdo's user avatar
  • 12.5k

Only top scored, non community-wiki answers of a minimum length are eligible