Questions tagged [mobile-web]

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

Filter by
Sorted by
Tagged with
50
votes
5answers
50k 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 > ...
50
votes
11answers
12k 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 any ...
21
votes
9answers
5k 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 ...
53
votes
5answers
59k 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)...
67
votes
8answers
17k 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 ...
28
votes
6answers
7k 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 ...
81
votes
14answers
37k 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 ...
8
votes
4answers
2k 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, ...
11
votes
3answers
16k 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 ...
7
votes
3answers
992 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?...
14
votes
1answer
14k 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 ...
6
votes
2answers
2k 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. ...
9
votes
2answers
3k 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
2answers
3k 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-...
15
votes
3answers
9k 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 ...
7
votes
3answers
1k 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 ...
2
votes
2answers
403 views

Ideas on dismissing a popover without a Close element

I have mocks from a designer showing an initial form for searching a location. There are fields for location (business) name and city (pre-filled) and a Next button (disabled at first). When the user ...
2
votes
2answers
1k views

UX solution for data points display and other good tips for charts on mobile screens

I created a chart using wijmo5. (Click here to see the actual chart in action) The client wants and I quote, mouse-over / finger-press will show the exact data for that datapoint on the mobile ...
5
votes
3answers
495 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 ...
3
votes
2answers
506 views

Which share icon is the right one? Or should it adapt? [closed]

this is not a question regarding a particular problem, it's rather asking for your opinion. Let's say we have a website. It is not visited significantly more often by users of any of the fractions, so ...
2
votes
1answer
516 views

What are best mobile navigation practices for infinite scrolling pages with a deep hierarchy?

A site is composed of many infinite scroll pages each with several layers of content. What are best navigation architecture practices for infinite scroll sites on mobile devices enabling the highest ...
1
vote
1answer
989 views

How many photos should be in a slideshow for mobile on page load?

We have a slideshow which displays one photo at a time. The user can click or swipe through back and forth. Right now we're loading in 10 to start, but there is no actual research behind the decision. ...
4
votes
2answers
214 views

How to request a third-party login within a seperate mobile application

I'm designing a mobile app that requires the user to log-in with their LinkedIn account. I feel I might have cluttered too much info into it, but everything seems to be important. I want the user to ...
4
votes
5answers
1k views

Do users recognize “slideable” areas with dots as indicators for multiple images?

Are more explicit visual cues, like the arrow buttons in "Variant 2", necessary to convey that there are more images available and the user can reach those by swiping left or right? Or are users ...
4
votes
3answers
517 views

Forum - Threaded Messaging on Mobile

I need to display a threaded forum on Mobile. It's a fully fledged threaded forum where users can reply on any "reply". Currently I am displaying the forum in threaded order, but as it is a small ...
3
votes
1answer
966 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
3answers
542 views

If all pages are linked in a menu, should a back button be provided?

If full navigation is provided for every page of a simple site, should there be a back button among its options? Example Scenario: A mobile website has 4 child pages, all accessible via navigation on ...
2
votes
2answers
390 views

How should I display two user inputs that depend on each other?

I'm writing a web application with HTML5/JS. On one page there are two numeric inputs (A and B) where input B must always be equal or higher than input A. So if the user enters 500 in A, B must be 500 ...
1
vote
2answers
1k views

Breadcrumbs for Mobile

We are designing a responsive site and I was wondering if we need to use breadcrumbs for mobile version. I did some research and most of big brands don't use breadcrumbs on their mobile site but I ...
0
votes
1answer
342 views

Innovative methods for form input on mobile [closed]

Looking to have a form on mobile for scheduling an appointment (similar to registration form info), run in a webapp. Are there any better, innovative, more interesting methods to do a form on mobile? ...
0
votes
2answers
93 views

Changing between privacy type of profile attributes

The privacy settings page will list all the user profile attributes like Name, Age, School, Work, Hobbies, Contact Info etc. sans their values. The user can then choose which of the attributes to make ...