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

learn more… | top users | synonyms

49
votes
7answers
7k 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 ...
48
votes
11answers
7k 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 ...
40
votes
11answers
5k 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 ...
20
votes
4answers
13k 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 > ...
20
votes
6answers
2k 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
5answers
8k 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 ...
16
votes
4answers
625 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
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 ...
13
votes
8answers
3k 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 ...
12
votes
4answers
3k 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 ...
11
votes
4answers
3k 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 ...
11
votes
3answers
1k 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
3answers
705 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
375 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
2k 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 ...
10
votes
8answers
3k 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
4answers
836 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 ...
9
votes
6answers
318 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
1k 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
775 views

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

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 ...
9
votes
4answers
471 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
3answers
344 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 ...
8
votes
4answers
586 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
1answer
8k 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 ...
8
votes
3answers
8k 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
297 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 ...
8
votes
1answer
456 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 ...
7
votes
2answers
965 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
2answers
289 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
5answers
2k 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 ...
7
votes
4answers
738 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
4answers
626 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 ...
6
votes
3answers
532 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 ...
6
votes
2answers
992 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 ...
6
votes
3answers
150 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 ...
6
votes
3answers
1k 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
2answers
718 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 ...
6
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 ...
6
votes
4answers
2k 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 ...
6
votes
3answers
350 views

Are click-to-edit fields appropriate for mobile UX?

I have used click to edit fields for a html5 application which makes it slick to use on a desktop but I am not sure how the click-to-edit fields would be perceived by mobile users. Would it be ...
6
votes
2answers
564 views

Multilevel navigation menus for mobile devices

We have a 5 level navigation menu that needs to be incorporated in Mobile devices with a good & best usability approach.. which does not cost multi click for the user to view the 5th level menu. ...
6
votes
3answers
737 views

What's the best way to select a suburb from a large list on a mobile device?

I need the user to select the suburb that they live in. It's no good just entering any old text, it has to match one of the suburbs in my database. My current implementation is an auto-complete text ...
6
votes
3answers
537 views

Mobile WebApp - Gradient vs. flat regarding UX

Recently, I've looked at a lot of sites to figure out patterns used in mobile web design. I've noticed that if the app is using lists or buttons, most designs use a gradient background. Is there any ...
6
votes
2answers
223 views

Mobile website text link

When developing a mobile or responsive website (for touch screens) making navigation links and other buttons larger to be easier to tap and avoid 'fat fingers' is a good idea. My question is what ...
5
votes
6answers
4k 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 ...
5
votes
2answers
337 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 ...
5
votes
3answers
304 views

File manager on a mobile device

I've termed the question "File manager" because it most closely relates to what I am looking for. This question is for a mobile web application but as it is a UX/UI design question any native app ...
5
votes
3answers
677 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 ...
5
votes
5answers
1k views

Responsive web design for e-commerce website?

I'm going to build a big e-commerce website and client want that website should be for all user Desktop, Tablets and Smartphones. and budget is not a problem. Site is an e-commerce website lost of ...