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

learn more… | top users | synonyms

2
votes
1answer
4k views

How is the HTML5 date input type presented on different Mobile browsers?

I am building a form for Mobile Web that requires users to enter in their DOB. I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy. Is ...
2
votes
1answer
67 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 ...
2
votes
1answer
205 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 ...
2
votes
1answer
103 views

(slightly buggy) mobile website vs. desktop website

I have a website which has a desktop and a mobile version for phones. Now, the mobile version is slightly buggy but does still work. The images are in the wrong places and partly even overlapping. ...
2
votes
2answers
338 views

Can you apply a similar UI design used on a “web” app towards a “native” (iphone, android) app?

I'm in the process of redesigning my website to be responsive, so this will also include a "mobile" web designed version of my website. I'm just wondering, would I be able to use my "mobile" web app ...
2
votes
3answers
659 views

Displaying large category menu on a mobile device?

I've looked into this question, and this one as well; I didn't get an accurate answer. I have a fairly large category menu that I want to display for touch mobile devices with relatively small ...
2
votes
3answers
307 views

Are users really more comfortable with mobile-friendly web-app versions?

I'm trying to better evaluate the added value my users will receive from a web-app and would like to hear from your experiences and researches in the field. Currently, although the application doesn'...
2
votes
0answers
45 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 ...
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 ...
2
votes
3answers
216 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 ...
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 ...
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....
1
vote
4answers
262 views

Is the concept of a mobile site becoming irrelevant?

Mobile sites were originally conceived for very limited devices with extremely throttled download speeds. They are usually* hideous affairs with barely-functional drop-down lists, that leave out any ...
1
vote
1answer
224 views

How important is it to follow the iOS way of design when creating an app?

I'm having an discussion with a customer and their 3rd party design company (let's call them X). X is developing a native app for iOS and Android using Webview to show webpages delivered by me. My "...
1
vote
2answers
73 views

Would I need a mobile website for iPhone as well as iPad?

I'm designing a mobile website for a real estate office, so it's actually a mobile version, separate from the desktop version. The office has a preference for mobile version vs responsive HTML. I've ...
1
vote
2answers
621 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 ...
1
vote
2answers
136 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
720 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 ...
1
vote
3answers
94 views

What's a good way to transfer a user from a mobile site to a desktop site?

Let's say we have a marketing website for a large enterprise app. There's also a link to a demo where you can try the app. The app itself is designed for full-size browser only, but the marketing ...
1
vote
2answers
290 views

What are the pro's and con's for adapting (or failing to adapt) a companies marketing/corporate website to be responsive?

Weighing up the pro's and con's, should a company invest the time, money and staff in adapting an existing site to be responsive (definition below)? I'm after a solid argument for (or against) ...
1
vote
1answer
1k views

Conventions for expanding accordions

It seems like there is a lot of variations and confusions about the control element used to expand and collapse panels or sections of a page. I believe some refer to it as a 'twistie' and others call ...
1
vote
1answer
320 views

Alternative UI to Spreadsheet

I'm working on a an app that has a large spreadsheet of data - individual and office sales stats to be specific. X number of rows and about 13-14 columns of data. User selects the office to view stats ...
1
vote
1answer
105 views

Where to place buttons on a phone application

Where is the best place to put buttons on a phone application where everything is based around a google map which is always displayed, for commonly used functions such as search? ie: top, left, ...
1
vote
2answers
490 views

Pagination on desktop version of website, but not on mobile version?

The New York Times articles are paginated in the desktop view, but on the mobile site there's no pagination at all. (you can try it with this simulator) What could be the reasons behind this decision?...
1
vote
1answer
69 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, ...
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 ...
1
vote
1answer
84 views

Display numerical value associated with each calendar day in month view

What is a good way to show a numerical value associated with a date, and make sure the date and value aren't confusing? For example if a user wants to see how many meetings they have on each day of ...
1
vote
2answers
109 views

How to make a call-to-action element for mobile?

I am building a mobile website (lets say for for boutique hotels). There will be a form, where users will be able to enter the hotel name, email address, wanted dates etc... Since I will also have ...
1
vote
3answers
119 views

How to browse a long list of artists and songs

I have a mobile app that allows you to browse lists of songs: [a][b][c][d][e] Elvis - Song 1 Elvis - Song 2 Elvis - Song 3 Ernie Wood - Song 4 You can jump to the letter to filter based on the ...
1
vote
2answers
139 views

How to display view options buttons in a top toolbar in mobile and desktop?

I have a webapp with a list of items. The items can be viewed in grid view (tiles) or in a vertical list. At the top, I have a toolbar of sorts that have two icons that the user can toggle between ...
1
vote
2answers
202 views

Designing for landscape mobile view

A lot of RWD websites cater for 3 major breakpoints (phone, tablet, desktop) and make the design fluid between that. However, the thing that's hardly ever included is the landscape view. Rotate your ...
1
vote
2answers
357 views

Mobile Site - Content Star Rating

Is there a best practice or good example showing how a 5-star rating interaction would display on a mobile website for rating content? See example below:
1
vote
4answers
3k views

carousel in responsive site - should I keep or remove the navigation arrows?

I'm designing a responsive website and I have a question about the carousel element I have in the site: the carousel has right and left arrows < content_content_content > that reveals previous and ...
1
vote
1answer
2k views

Choosing the right resolution to target for the mobile web

I have problem with choosing the right pixel size to design for when sketching Mobile user interfaces. I'm designing a mobile web that can be opened by different mobile devices (iPhone, Blackberry, ...
1
vote
2answers
920 views

Automatic redirect to mobilesite - Best practice

What if the user really wants to access the website rather than the mobilesite? The solution I'm thinking of is this: Having a special root page on the domain http://example.com. Here I detect when ...
1
vote
1answer
393 views

Can this double picker be achieved by a web app (not a native app)?

Can this double picker be achieved by a web app in HTML (not a native app)?
1
vote
2answers
814 views

Is it better to provide different layout for Landscape and Portrait orientations in iPad Websites? or Same layout is fine

Like BBC and many other websites iPad shrink every element of layout to fit into Portrait mode automatically? Is it ok? Or we should make the change in layout to reduce/remove/replace the items ...
1
vote
1answer
25 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 ...
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 ...
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 ...
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 ...
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
371 views

Pane vs Modal vs ?: Across all screen sizes

Pane vs Modal vs ?: Across all screen sizes I am currently working on a web application that needs to be responsive, accessible, and provide a solid UX across all device screen sizes. We currently ...
1
vote
1answer
136 views

Why aren't ellipses used for web applications?

In many desktop applications, it is common to use the "..." to signify that the user should continue one or more steps to achieve some final outcome, as evidenced by this post (and others like it): ...
1
vote
2answers
111 views

Should mobile navigation maintain state between pages?

I'm creating a typical mobile website, with top navigation revealed by the "hamburger" button. My questions: Should this menu maintain state between pages (you open it, click an item, and a new ...
1
vote
2answers
90 views

Showing/Hiding/Identifitying Unavailable Options

I am working on a simple application. It's class/seminar picker application. The user logs in then selects the seminars they wish to attend. Some of the seminars have pre-requisites (which each user ...
1
vote
1answer
337 views

Alternative for the hamburger icon in webapps

I know the hamburger icon for long now, I used it several times and I personally like it. But as it seems, it isn't state of the art. I am wondering, what would be a good alternative for web apps? ...
1
vote
2answers
334 views

How to make a menu discoverable with the right icon on e-commerce mobile?

i'm designing an mobile site ecommerce. On a meeting i've seen the last wireframes developed (see image) of the topbar detail. The right icon show a lot of different actions (like cart, my account, ...
1
vote
2answers
181 views

What is the best way to select a subset of a string, for both web and mobile?

So I have this design where I have a large list of transactions, which I want to categorize. The transactions have the following information: **Date**: 2014-03-16 **Note**: 1231832 Belfast account **...
1
vote
1answer
223 views

Is it worth to change the style of my webapp's menu?

Is there a difference regarding UX between those both styles of mobile menu display: (one appears one the left side, other on the full width vertically) This one above is the kind of navbar that ...