for questions about web sites designed to be viewed on mobile devices.

learn more… | top users | synonyms

62
votes
14answers
13k views

Make people understand they can click on a button in a flat design

I'm creating a flat-ish responsive website, which basically is an online résumé. I'm displaying skills (but it could be whatever) in a grid system. Each skill is clickable, to display some ...
58
votes
7answers
11k views

Responsive Web Design - what should happen when the mobile device is rotated?

Currently, the standard behaviour for viewing web pages on a mobile is that: If viewed in portrait the text is smaller because the width of the device is small and the whole page width needs to fit ...
47
votes
11answers
10k views

Has user testing found that the “three horizontal bars” for main menu on mobile is commonly understood?

"Three horizontal lines" aka "hamburger icon" seems to be becoming a convention for the "main menu" button, especially on mobile sites: Has anyone done any user testing of this convention, or got ...
34
votes
5answers
26k views

Breadcrumbs: OK to use on mobile site?

Wondering if anyone has thoughts on using breadcrumbs as a method of navigation on a mobile website (for a content site). The breadcrumbs would show the heirarchy of the site as such: Site > ...
29
votes
4answers
25k views

What are the best practices for tooltips on mobile websites?

What are the best practices for tooltips on mobile websites? I'm designing the mobile version of a website for customers' accounts (where they can see their latest bill and settings for their accounts)...
22
votes
6answers
4k views

Do people use `jump to top of page` links?

I'm talking about links or buttons at the bottom of the page or screen simply linking to the top of the website. Is there any data on that? Are they used more frequently on long pages? What about ...
17
votes
4answers
728 views

Which UI options are suitable for a mobile search result page?

In our information dense digital world, search is crucial. So is the search result where there are a lot of help for users. But on mobile devices, the screen is very limited, which makes the use of ...
14
votes
4answers
5k views

Stop user opening links in a new tab

On a secure site, is it OK to stop users from opening a link in a new tab by signing them out? I have a mobile games web-app and my users can only play one at a time. To avoid issues of them trying ...
14
votes
8answers
4k views

Responsive web design Vs Separate website for Mobile

Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices. There are also some website which convert the desktop websites into Mobile website ...
14
votes
5answers
1k views

The Great Mobile UX Debate: Scroll or Click

Here's the stage: We have an inspection app on windows mobile. We are considering a html version. There are numerous inspections and there is an internal debate as to whether all questions should ...
12
votes
4answers
6k views

What does “mobile-first” mean?

So I've been trying to find a legitimate answer to this question for a couple days. I read an interview in Awwwards recent publication Trends Web and Mobile 2013 with the following answer in regards ...
12
votes
3answers
49k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: http://alistapart.com/...
12
votes
1answer
11k views

What is a good alternative to drop-down menus for site navigation on touch-screen/mobile devices?

We're in the process of redesigning our website, and one of the design goals is to make the site more mobile/tablet friendly. Our current site is very large, and the navigation is somewhat ...
12
votes
3answers
2k 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
5answers
1k views

How do you nudge users to download your native app?

I was reading an ACM research paper recently that considered users' revisitation patterns. The authors found that users tend to revisit native apps far more often than they revisit pages in browsers. ...
11
votes
4answers
428 views

Best Approach for Responsive Linked Images from Desktop to Mobile?

I am redesigning a website from the early 90's and trying to make it more "responsive". An issue came up that involves two images on the homepage when viewed on mobile devices. These images are linked ...
11
votes
3answers
5k views

Should we include a “Back to top” button for mobile websites?

When building a mobile web site that needs to be accessible — do you consider it to be best practice to include a "Back to top" anchor link in a footer menu for long pages? I'm thinking about those ...
11
votes
6answers
1k views

What's the best way to implement product comparison on a mobile web site? [closed]

I have found only one example of this so far (Best Buy) and it is not very well executed. I'm wondering if there are any good examples of mobile sites that allow product comparisons, or if perhaps ...
10
votes
3answers
407 views

Is it ok for a mobile site to be a limited subset of the full site?

I'm working on yet another time-tracking web application. This application has, next to the normal site, a mobile version. Now I wonder, is it ok for the mobile version to be a limited subset of the ...
10
votes
8answers
4k views

How is mobile information architecture different from desktop?

I have been trying to find examples on web for information architecture techniques specifically for mobile devices. I realize the steps in getting a IA for any tool mobile/desktop are card sorting, ...
10
votes
6answers
770 views

Is culture or language a stronger influence on UI design differences?

I read the article by Dan Grover on Chinese Mobile app UI trends and the differences compared to English or western mobile apps. The main list is provided below: Input is Hard Indeterminate Badges ...
10
votes
4answers
995 views

How can I display forum paging on a mobile UI in a more pleasant way?

I am having a problem trying to find out how to display the page numbers on a forum in a pleasant way. Please look at the picture below: As the picture shows, the page numbers appear to the right ...
10
votes
1answer
535 views

Why do mobile users give up on the mobile site and switch back to the full site instead?

Luke Wroblewski, in his book "Mobile First" second chapter "Constraints", talks about how users look for the mobile site to do everything that the desktop version does. It reminds me of my colleague ...
9
votes
4answers
933 views

Should a mobile site link to the desktop site where features are unavailable on mobile?

The project I'm currently working on has a phased release. This is a decision the business has made and they intend to launch a mobile site that caters to the majority of mobile use cases, but there ...
9
votes
6answers
411 views

Is speed the most important factor in mobile applications?

I've been noticing a trend when using my phone for music at work. Sites like Bandcamp have an excellent mobile site that is simple and intuitive. However, once I find a cool group on Bandcamp I end up ...
9
votes
2answers
2k views

Responsive text or truncated text in Mobile devices?

I was reading this very interesting article on the use of responsive text to show only critical content on mobile devices by the use of responsive text to show one version for the web and one version ...
9
votes
5answers
8k views

On Mobile Web, what's the best way to present Date of Birth form fields?

I am building a form for Mobile Web that requires users to enter in their DOB. What is the best way to present the date input field(s)? Some of the following options were identified in this question ...
9
votes
2answers
258 views

Why haven't more sites used the nav bar vs. the hamburger menu? [closed]

A lot has been said about the drawbacks of hamburger menus, and we've been seeing a lot of mobile apps moving away from this navigation model in favor of a nav bar (recent example). In general, I'm ...
9
votes
4answers
749 views

How can I split up a really long application form on a mobile website?

If the number of questions this form asks is fixed by legal/business reasons (it's a loan application form for a bank), what is a good way to break it down into bite sized chunks? The two options I ...
8
votes
4answers
636 views

Designing for mobile web browsers

What is the best approach for designing a web site to run across most all modern mobile web browsers? Is targeting WebKit based browsers enough?
8
votes
4answers
1k views

Best way to indicate that a image gallery can be swiped left-right on mobile/tablet

I'm in the process of adding responsive design to our website and one of the main features that users interact with is our image gallery (we are an editorial-based website). At normal viewport sizes, ...
8
votes
3answers
11k views

iPhone & Mobile Web: Pagination vs. Load more vs. Scrolling

We're working on a iPhone app and mobile website with search results loaded from the web. Several sorting options are available, every result has a photo. There are potentially hundreds of results. I ...
8
votes
3answers
348 views

Where should I put my 'desktop site' link?

I'm designing a mobile interface for a website. Somewhere on it, I want to put a link to the full desktop site, as some users may prefer this (I know my Nexus 7 usually gets sent mobile sites, but I ...
7
votes
3answers
1k views

What to display in mobile app web view when the URL won't load

I'm creating an app whose UI is simply a web browser that loads a URL. Let's not argue about why I'm implementing it this way (I already tried that with the higher-ups). It can still do the background ...
7
votes
6answers
6k views

Should we always make every Link/Button atleast 44X44 size in Mobile site, According to iOS Human Interface Guidelines?

According to iOS Human Interface Guidelines The comfortable minimum size of tappable UI elements is 44 x 44 points. Should we follow this rule for Every link on Mobile Website for better ...
7
votes
3answers
382 views

How do I indicate that a subset of icons aren't clickable?

I have a row of icons with labels. The first three are clickable and are in fact nav elements for the content area. The last icon isn't clickable... how do I make the lack of clicking affordance clear?...
7
votes
2answers
1k views

What should be the maximum length of a page on Mobile Website?

What should be the maximum length of a page on Mobile Website? I'm making a website in which some pages are long because of lengthy articles. Should I divide long pages into multiple pages? Should I ...
7
votes
2answers
337 views

Is it good or bad for user to give a feel and look of native apps to Website for mobile?

Is it good or bad for user to give a feel and look of native apps to Website for mobile? Transition effects on page change Fixed floating footer or header Hide address bar Native app like UI or ...
7
votes
1answer
2k views

Hover state on mobile: Does this sync interaction design on the web and mobile?

I read this news article a while back about apple patenting a touch screen technology that would allow for a hover state. Ever since I have been thinking a lot about how that might effect the mobile ...
7
votes
2answers
1k views

Redirecting to mobile site: ask or just redirect?

I'm building a script that redirects visitors with mobile devices to mobile version of the website. I was wondering, what is the best practice regarding whether to ask if the user wants to be ...
7
votes
4answers
869 views

Is it good to hide url bar from Mobile websites?

Is it good to hide url bar from Mobile websites? By default it shows. but there are some JavaScript tricks which can hide the bar on page load. but user can get back by dragging from top. For a ...
6
votes
7answers
400 views

User experience of PDF menus on restaurant websites

Most of us would be familiar with ordering food online from takeaway or fastfood places where the menu is integrated into the ordering form or app. When I recently visited a few restaurant websites ...
6
votes
3answers
3k views

Having the “Hamburger Menu” to the right, shouldn't menu items be right-aligned as well?

It's clear that the Hamburger Menu should be to the right of a native app and web application. At least our community concluded (through voting) on the question Hamburger menu icons - should they be ...
6
votes
2answers
2k views

How to help users navigate a very long list on mobile

I recently came across SXSW's native apps on iPhone and Android. Both apps revolve around the conference's schedule. On the home-screen of both apps, you get the day's schedule, which is actually a v-...
6
votes
3answers
2k views

How does “upload an image” behave in a Responsive Design environment?

i.e. "Upload CTA" usually launches an OS based file selection interface on desktop devices. How would this work within a responsive design environment if the user is on a mobile browser. Would it / ...
6
votes
3answers
1k views

Subtle way to tell the user there is more content below? (Mobile)

What is a subtle way to tell the user there is more content below? I have a transparent arrow pointing down with a label: "More Content" The arrow will disappear when the user swipes or when the ...
6
votes
2answers
470 views

How do I link people back to the mobile site from the full site?

I have a full site and the mobile site is set to launch pretty soon. I am autodetecting if the user is on a mobile and redirecting them to the mobile site automatically. I will have a link in the ...
6
votes
1answer
1k views

What is the standard practice for while waiting for an AJAX request [duplicate]

I guess most people agree that displaying a "loading" image or text is nice. But do you display it beside the button, or somewhere else such as the top of the page (like gmail used to do) Aside from ...
6
votes
3answers
3k views

Why are alert/confirm dialogs bad for mobile web?

I'm currently working on a mobile web app with external designers, but we (the developers) are allowed some input. They keep wanting to add alert and confirmation dialogs for things like form ...
6
votes
4answers
4k views

Automatically redirecting to mobile app from home page?

We have an iPhone app that is our main focus. We have an informational website (3 pages). And we just created a mobile web version of the iPhone app for Android and other smartphone users. Our debate ...