2022 Developer Survey is open! Take survey.
67 votes

Mobile friendly way for explanation why button is disabled

Add the same text as a small label near the disabled button. This won't rely on any on any additional user action in order to show this additional information, which is good, because users tend only ...
user avatar
  • 19.2k
48 votes

What is the smallest screen size you design for

What is the smallest screen size you design for 320px But, as others have answered it, for best results you actually need to measure your audience and consider how much resources you want to pour ...
user avatar
30 votes

What is the smallest screen size you design for

First of all, since it's your site, don't guess; know! It's very simple. If you haven't already, add Google Analytics to your site (it's FREE). From there, you can actually see what Mobile Device, ...
user avatar
17 votes

How do I design a user friendly survey with more than 150 questions?

Had to deal w/a similar issue last year. Our task, which we couldn't change, was to convert an 11-section, 120-question "learning style" survey PDF into an interactive quiz. The original PDF is a ...
user avatar
  • 1,435
17 votes
Accepted

Are there devices narrower than 320px (and data on their usage for web browsing)?

I have used the following listing to justify a minimum of 320 wide: https://viewportsizes.mattstow.com/ While it's not completely exhaustive, it's expansive enough to make the point that there are ...
user avatar
  • 40.3k
16 votes

How to deal with an excess of white-space in a CRM UI?

Visualize hierarchy You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest. The nice thing about ...
user avatar
  • 21.1k
16 votes

Mobile friendly way for explanation why button is disabled

Do not disable buttons. Disabled buttons predate modern touch screen usage and don't work in this environment. Solution 1 For the 'I agree' or 'I have read' required checkboxes, when there is only one:...
user avatar
  • 2,050
15 votes

Is 320px wide designs still relevant? (responsive web)

I believe 320 points wide is not an unreasonable width in 2019 because: iPad apps in split view (including Safari) can be 320 points wide. iPhone SE^ (which was sold new within the last year) has a ...
user avatar
  • 554
14 votes
Accepted

Why is the Google Search Results page not responsive?

Responsive design is best practice, except for the most high-end websites Responsive, mobile-first design gets you the most “bang for the buck” for most web sites or applications. Effectively you can ...
user avatar
  • 3,851
13 votes
Accepted

How to test website for large screens?

Well you can easily do it in Mozilla Firefox. Try pressing Ctrl+Shift+M Then you can choose from varieties of resolutions, also for your custom resolutions. You can drag the sides to increase and ...
user avatar
  • 611
12 votes

What is the smallest screen size you design for

There are practical limits on either end of the spectrum IRT max and min screen dimensions. What those are may vary from project to project. However, on the low end, 320px is pretty much common ...
user avatar
  • 41.6k
12 votes

Revisiting user-scalable=no

Stop using "user-scalable=no". Period. In the last 6 years, I cannot count the times that I've had to put away the iPhone and go to a desktop computer to examine something on a website because it ...
user avatar
  • 121
11 votes
Accepted

Should I reduce the number of menu items when showing on smaller devices, or use a 'hamburger' responsive menu?

Paddi MacDonnell wrote an interesting article on the hamburger menu and related mobile-first approaches to design a few days ago: It outlines some of the problems of hamburger menus, and concludes ...
user avatar
11 votes
Accepted

Why Browsers load Websites gradually?

Technically this is caused by the fact that images and other assets are generally hosted separately, and the browser only knows to go fetch them when the document uses them. It would be technically ...
user avatar
  • 14.9k
11 votes
Accepted

How to avoid the use of scroll bars in dashboard UI?

There's a couple of things going on here: The scroll bars are too close to each other on the right hand side - there needs to be some separation between them so that the ones associated with tables ...
user avatar
11 votes

How to deal with an excess of white-space in a CRM UI?

I don't see an issue with the white space. Card-type interfaces are prone to having white space. Maybe you can condense the details into the global components, like the header, and dedicate the body ...
user avatar
  • 4,988
10 votes

Why do very few e-commerce websites use full-width and fluid layouts?

Check your assumptions There are a few assumptions in your question that require validation (and I assure you that the ecomm giants are testing). Most people have big monitors now: Maybe. But what ...
user avatar
  • 21.1k
9 votes
Accepted

How to use breadcrumbs in a responsive layout?

You have a few options. I like the responsive "where am i?" breadcrumbs as demonstrated here. This option has the full breadcrumb trail in large windows and shrinks to only show custom text (such as "...
user avatar
9 votes
Accepted

How to present a wide chart on mobile devices?

Your best bet in this case is to make the left column fixed and allow scroll on the remaining columns. You can see an example (and script to do it) at DataTables Fixed Columns. On top of this, since ...
user avatar
  • 32.2k
9 votes

Font-sizes smaller on mobile, yes or no?

Sounds like your coworker is using Material Design guidelines; they recommend not going smaller than 12sp (scalable pixels) for mobile. Whether this is a good practise to follow depends on two factors:...
user avatar
8 votes
Accepted

How should a responsive website use so much extra space on large screens?

In my personal opinion, it is not a good idea to populate the whole big screen with more content as it would strain the user's eyes and neck having to see from one corner of the screen to the other. ...
user avatar
8 votes
Accepted

How do I design a user friendly survey with more than 150 questions?

Shorter survey will equal more completions. Since shortening the length is out of your influence, the following considerations will make it more likely to be completed. they are predicated on BJ Fogg'...
user avatar
  • 4,734
8 votes

Revisiting user-scalable=no

Do not prevent the user from zooming using user-scalable=no or maximum-width=1, minimum-width=1, unless your entire page is an interactive app with its own zoom mechanic overriding default pinch-zoom ...
user avatar
8 votes

Should iOS native app be distinctly different than the responsive website's mobile version?

The Android could throw the Apple out the Windows When you provide an Apple-like look and feel on a website, would people visiting the site who use Android phones, Samsung tablets, Windows phones, ...
user avatar
  • 6,366
8 votes
Accepted

Should a UX Designer design in Pixels, Ems, or another unit of measurement?

I hope this answer this question, but this is my personal process: I use the font sizes in my PSD mockups for reference purposes only, almost as a 'relative' size. Then after Design is approved, along ...
user avatar
7 votes

Axure's worth in responsive design

If you are going to be building a responsive site then the chances are that you are going to use Twitter Bootstrap or some other framework for the job. Therefore, you can block out all of your ...
user avatar
  • 181
7 votes
Accepted

Best practices for how search icon functionality should work

Every example you gave would work. One might work better within your design than the other. Your users won't really care about the way the search input pops up. The best search fields are bug free ...
user avatar
7 votes

Revisiting user-scalable=no

Why zoom can be important My parents are in their 70s and are sophisticated users for their age (mom plays video games!). They have large mobile phones (mom has an iPhone 6 plus and dad has a Galaxy ...
user avatar
  • 40.3k

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