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

learn more… | top users | synonyms

1
vote
1answer
60 views

Mobile friendly master detail data entering

I am building a page that has to be mobile friendly. This page will have a lot of master detail data and I was wondering what the best practice is. I found a lot of articles on the web but they give, ...
2
votes
2answers
74 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
5
votes
4answers
193 views

How to show that in Delivery time filters you can select one option

in the mobile site i have delivery filters with a list of options the user can choose from , the options functions as radio button. but once the user select one of the options the selected options ...
1
vote
1answer
23 views

Is using screen unlock pattern feature a good option for login on mobile web

trying to come up with way(s) to reduce the users' drop off rate on mobile login/registration on a mobile web ecommerce site. 1 method i think could work and would like to probably test would be a ...
5
votes
4answers
143 views

Footer links necessary if navbar is fixed on small business website?

I'm developing a website for a friend's startup. It's a really small website with only 4-6 pages. Currently I have designed the website with a fixed navbar (and a fixed menu toggle button on mobile). ...
5
votes
1answer
478 views

Recommend approach to create a form that needs to show unlimited rows

I'm designing a form web page where users need to insert data. Part of the form is the main form information but there is another part that takes unknown number of entered rows. Here is an example. ...
2
votes
0answers
42 views

What patterns could I use for a tree-type menu with up to six levels on mobile devices?

I'm working on the re-design of a web site that displays a large number of highly structured documents that are currently arranged according to a "classification plan" that goes at least six levels ...
6
votes
3answers
3k views

Would it be better to show a calendar picker by default instead of an input field with pop-up date picker?

On a travel site which is for Desktop, iPhone, iPad too, would it be better for UX and Accessibility to show the calendar itself on page by default Like this Or the most popular way, a input box ...
0
votes
2answers
109 views

Is there a name for this loading animation?

I can notice this animation looks like an default pattern, because I've seen it at so many apps and websites. I would like to know what's the name of it but I can't find any results.
2
votes
3answers
215 views

Prompting users to save web app to homescreen

I've created a web application and have it set up so that if the user launches the web app from the homescreen it will operate similar to a native app. On the Chrome developer site, they state Do ...
4
votes
1answer
154 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
2
votes
3answers
157 views

Better UX when comparing large copy on a mobile display

We are looking for a way to improve existing UX optimized for larger screens and not mobile. Use case: There are three offers. Each offer has a hefty copy outlining what's included and what is ...
2
votes
2answers
369 views

Revisiting user-scalable=no

Previously, to achieve the effect of resizing for mobile, I have only ever used width=device-width, initial-scale=1 which worked no problem. I recently discovered user-scalable=no as an option for ...
1
vote
2answers
83 views

Best way to present alternative locations without implying a choice to customer

I work for a company which offers trips to customers. Currently we present the hotels where a customer will stay in the following way: This works well, and the response is great because it's easy ...
6
votes
7answers
426 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 ...
1
vote
0answers
80 views

Interaction to show/hide tags using info icon

Product : Universal file holder for a large enterprise Situation : Navigation side bar with unnecessary file details The files are tagged so they can be filtered. However, we already have those ...
5
votes
1answer
132 views

Mobile: Best practice for number of products in a listing?

Is there a best practice approach on the number of products listed per page on mobile? For example, when a user browses a category is it better to have fewer products listed than one might have on ...
3
votes
3answers
167 views

How to display sub menus on mobile?

I have a nav menu in a mobile site I'm developing. I'm wondering what would be the best way to distinguish parents from the sub menus. The sub menus can go on forever, so I need to distinguish the ...
2
votes
1answer
66 views

Opening up external links on mobile web: same tab vs new tab

On desktop, the most commonly used practice is for external links to open in new tabs. On mobile, tabs are less accessible and I have serious doubts that the average user knows how to use or ...
1
vote
2answers
132 views

Helpers in form

I am inserting about what is the best way to show help in form inputs. This is what I am doing in my site: download bmml source – Wireframes created with Balsamiq Mockups I have a ...
0
votes
1answer
160 views

Samsung Android phone rendering chess unicode as Emoji? [closed]

I'm developing a javascript implementation of Singularity Chess and I'm having a really weird issue with rendering on Samsung phones. Samsung phones render unicode chess characters as what appear to ...
3
votes
3answers
129 views

When is it recommended to give a Continue Anyway link

For the pages that are not mobile optimised (the operations that are done on the page should be only from a desktop. Imagine some kind of a development tool which would be used only from a desktop and ...
6
votes
5answers
110 views

An alternative for toggle on mobile devices

I'm working on a mobile website. In the page which I'm working on the user can choose one package from a range of 3. Each of them has a total price and a description, along with some products included ...
1
vote
0answers
28 views

Searching in maps [closed]

My site has a map (real map, like google maps) page. Logged in users have a list of their favorite locations, as well. How can I make this map easily searchable? People are going to want to search ...
9
votes
2answers
265 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 ...
1
vote
2answers
36 views

How to transition users from a mobile-optimized to non-optimized area of a site with minimum confusion?

My team is working on a fairly large site that will be slowly transitioning (finally) into a mobile-optimized/responsive site. Since it is impossible to convert every page at once, there will be some ...
0
votes
2answers
60 views

Passive selection

Working on a mobile UI for viewers to see available insurance plans. Context: this is a marketplace where the employer is shopping for health insurance for their employees. The marketplace is ...
3
votes
1answer
189 views

How should sites be designed, if google-weblight and similar site compression techniques were to become a norm? [closed]

Site compression through something like google-weblight has pros and cons. On one hand it loads pages 4 times faster, on the other it changes the look of the site, thus altering the UX. Also, my ...
1
vote
4answers
150 views

Order of login and registration methods: should the social media login and registration be above or below?

In a login page, should the "log in using x social media" precede the local site log in prompt, or the other way around, as shown in the image below? I'd like to ask the same about the registration....
5
votes
2answers
230 views

How to present a wide chart on mobile devices?

I have a big chart which, by its nature, needs quite a lot of horizontal space. This is an example: I'm having troubles finding a way to present it on mobile devices. While I could find a way to ...
3
votes
3answers
111 views

Are expanding divs a bad idea for a mobile portfolio?

Brief overview: making a portfolio for game design, have three seperate categories with 4-5 individual projects under each. Home page has general links and links that segues the user into one of these ...
0
votes
3answers
571 views

Alternative to Check Boxes on Mobile

What other options are there for a more usable intuitive multi-select on mobile?
1
vote
1answer
68 views

Classic pagination or infinite scrolling for server log messages

I want to display some server logs in my web application in a way Chrome DevTools shows its console. I want the latest entry to be on the top, older entries going down. While running the application, ...
2
votes
1answer
2k views

Website hierarchical/dropdown menu best practices

I'm trying to understand the best way to communicate to users via website navigation menus and, in particular, multi-level menus. As the world is going more mobile, so goes the web. Websites are ...
0
votes
2answers
42 views

Any good examples of mode-less windows for mobile?

For example, let's say I'm editing an object and I reach a field that needs certain data. But the data is elsewhere in the app. Rather than abandoning my changes, I would prefer for the app to save my ...
9
votes
5answers
9k 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 ...
0
votes
0answers
28 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
1
vote
0answers
29 views

What is the smallest font size that is still legible on mobile phones? [duplicate]

I am working with a designer who wants to cram a lot of content into the mobile version of his website and who has provided a design at 750px physical width rather than at a more average device width. ...
2
votes
1answer
204 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
51 views

Is it necessary to have a mobile friendly design for html sitemap?

We have really long Sitemap for our desktop version, As an adaptive design, we had created a separate sitemap for Mobile site which has very limited links but the client wants everything that's there ...
1
vote
2answers
616 views

Mobile web app, “tab bar”, useable or too obtrusive to bottom native browser controls?

I've never seen a case of someone using a tab bar in a mobile web app, but I think the idea has some merit. I can understand that the actions may be hard to click because they'd be right above the ...
0
votes
0answers
15 views

Mobile first shopping cart on-change input validation delay and notification for targeted demographic

Specification - Application type:mobile first,web based shopping app,angularjs MVW - Target demographic: 25-60 year old m/f - Targeted market: low cost,android Samsung,Other - Input policy: Don't ...
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 ...
5
votes
6answers
311 views

On mobile checkout flow should product details be shown on review order/summary step?

I am working on the checkout flow for the mobile device, and it has 3 steps, Step 1- shipping details, step 2- payment details, step 3- order summary and confirm to buy. The flow starts with cart page ...
1
vote
1answer
53 views

Why do mobile webpages force users to click a link before displaying the full article?

Many mobile webpages, such as shown in this screen shot from Huffington Post, force the user to click on a button before displaying the whole article. The clicking does not seem to improve the ...
3
votes
3answers
50 views

What does *data* show to be the best way to write hyperlinks in article text?

Here are some possible ways to embed a link in a sentence within an article. (The intended link text is just bolded here, rather than actually linked to something.) "A good first step is to perform a ...
0
votes
0answers
13 views

How to achieve the mouse over event in touch environment? [duplicate]

This is sort of a generic questions, but I came across this several times and I haven't a good generic solution yet. I have designed many interfaces where the mouse over is a key factor. Whenever a ...
0
votes
1answer
38 views

Apdex - Mobile users [closed]

I'm using both New Relic and Ruxit. They are using Apdex as measurement on the users load time. The problem I'm having is that the majority of my users are mobile users and I believe that its nearly ...
0
votes
1answer
54 views

Moving process designed for web interface to a mobile interface

I am currently moving a process designed for a web UI to a mobile UI and was wondering how the remaining steps (ie from step 2) could be translated to a mobile UI whilst reducing the number of user ...
11
votes
5answers
2k 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. ...