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

learn more… | top users | synonyms

0
votes
0answers
31 views

Hero banner for mobile eCommerce VS surfacing actual products

Is there any evidence that displaying a hero banner for mobile eCommerce results in more conversion / engagement that surfacing actual products in place of said banner? I have a hunch the latter will ...
2
votes
2answers
172 views

Optimal way to display long radio buttons on mobile

I'm working on designing a responsive form, and I'm wondering if anyone has ideas for dealing with "long" radio button options on mobile. For example, take the following image: I've browsed around ...
4
votes
1answer
359 views

Substitute for modal popup in a mobile site

In a website i have informations being shown in a modal popup. In the mobile version of the same ( suppose it is a responsive site ) , what can be a good replacement for popup window? I tried making ...
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 ...
0
votes
0answers
130 views

Modern way of viewing / selecting dynamically loaded hierarchal data

I need to allow a user to classify a support incident. The data structure is hierarchical in nature and typically goes like Product --> Function --> Common Issue(s) --> Solution(s). The hierarchy ...
1
vote
2answers
133 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 ...
0
votes
3answers
97 views

Mobile apps and websites

I have wondered this for a long time now,but it came up again when my mother asked me: "Why does facebook open sometimes in the browser if i downloaded the app ?" So i thought is this a technical ...
3
votes
2answers
524 views

Gauge user preference given four options

I am looking to design an effective yet slick user control that will allow a user to provide their input to a question where they can pick how much they like the provided answers as options. The user ...
6
votes
4answers
2k views

Best table pagination pattern for a mobile browser experience

The dominant UI pattern for pagination involves a list of numbers. << First < Prev 1... 4 5 6 7 8 9 10 ...27 Next > Last >> sometimes including a "+10" link, and/or a "jump to" ...
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 ...
1
vote
1answer
83 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 ...
5
votes
4answers
228 views

How to suggest sliding interaction on mobile app?

I'm helping a friend revamp a voting application. During vote creation we would like to let the user remove a proposition by sliding it to the left (rows 3 to 5 in the preview below). Update I ...
4
votes
3answers
278 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 ...
6
votes
2answers
449 views

Redacting and combining ID cards (college ID, passport, license, 4 H club)

I need a UI that will encourage privacy, and allow a user to selectively disclose information on a need-to-know basis, in real life and online. This can be ANY information, from a catalog of sorts ...
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 > ...
0
votes
2answers
186 views

Image slider in Mobile Web Page

I am developing a responsive web page for a Fashion Brand and in my mock up I put a image slider to go through images of the products. Should I keep it in the mobile version or switch to a different ...
1
vote
2answers
680 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
votes
2answers
320 views

Is Font Boosting Good UX? [closed]

I begin with a quote from developer John Mellor, which explains the mobile Chrome feature I'm talking about better than I can, and comes from the perspective of someone close to the feature. When ...
1
vote
2answers
105 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 ...
0
votes
1answer
197 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
4answers
193 views

Why the material controls are displayed on top?

I'm working on a new web application specifically designed for android devices and consequently it needs to be based on the Material principles though this question is about IA in general not only the ...
1
vote
1answer
134 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): ...
0
votes
3answers
285 views

Where is the best place to put a feedback button on mobile site? [closed]

We're placing a feedback button on our mobile site (currently it's in beta). The button should be easily noticeable, easily accessible, and yet not be too distracting or cover up too much of the ...
-1
votes
1answer
765 views

Alternative way to use as a Popup window on mobile website?

What would be the most alternative way to display information one clicks on an action and display information on mobile device without opening on different page?
1
vote
2answers
109 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
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 ...
0
votes
1answer
646 views

Why minimum resolution for mobile web design vs. mobile app design is different? [closed]

After a lot of experience with mobile-first responsive design, I recently got a weird question from a visual designer colleague: "Why do we have to design mobile websites at minimum resolution of ...
5
votes
4answers
880 views

Is it bad practice to scroll to a form validation error message on a mobile device?

On phones you can't always see required field error messages. So if you tap the submit button it will look like it's just sitting there because the error message is off screen. What is the best way to ...
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 ...
0
votes
2answers
284 views

What is the recommended default viewport for fixed-width websites?

Let's say I have a website (This is the actual one). It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1 for setting up the website to be nicely ...
6
votes
1answer
1k views

Submit button of form in material design

There is no description for submit buttons in material design. The most closest by meaning are floating action buttons. The buttons are located in top part of screen, but I don't see any sense in this ...
1
vote
2answers
88 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 ...
2
votes
2answers
534 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 ...
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 ...
0
votes
2answers
379 views

Mobile - product listings page - add to basket button or not?

So on our site we currently have something like: DURACELL BATTERY - ONLY £1.99 - QUANTITY - ADD TO BASKET ENERGIZER BATTERY - ONLY £1.99 - QUANTITY - ADD TO BASKET Obviously in designing our ...
2
votes
1answer
111 views

How can I display 13 selectable items on a “Mobile First” responsive webpage?

I have a 13 selectable elements list to be displayed in a Mobile First" responsive webpage. The elements are pure text of about only one line. I have been struggling with my mind to find a solution ...
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. ...
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/...
0
votes
2answers
184 views

Pagination at bottom of pages only

I'm considering having the pagination menu shown only at the bottom of pages on my website Also to save screen real estate on mobile devices The pagination looks like this PAGE 1/3 >> or ...
0
votes
1answer
514 views

What are the best methods to show a data table in mobile / tablet view? [duplicate]

I'm in the process of redesigning my website to be responsive, and some of my account pages I show some detailed product information in a data table view. What are some of the best methods to show ...
2
votes
1answer
247 views

Second menu on mobile

I have a secondary nav which is related to the content on the current page as opposed to the primary nav which is a global menu. What is the best way to have two menus on mobile. Both have to be ...
0
votes
3answers
347 views

Disabling text selection on mobile

From my perspective disabling text selection by default on mobile is a good approach. In almost all mobile web applications/frameworks and native mobile applications, by default you will be not able ...
2
votes
2answers
328 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 ...
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 ...
4
votes
1answer
587 views

How is the best approach to display responsive combobox?

I would like to implement comobobox with a search filter for phones, larger screens and tablets. The examples below show how I think it should behave for phones and larger screens. I'm still fomenting ...
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 ...
3
votes
3answers
809 views

Edit button or tap to edit

What is the best way to indicate edit-in-place functionality on a list view in a responsive web application? This is an in-browser application designed for mobile (not a native mobile app), so cross-...
1
vote
1answer
335 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
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 **...
0
votes
2answers
997 views

Should I force the user to interact in landscape mode?

I am designing a seat selector for a cinema website, and I am tempted to force the user to switch to landscape mode to maximise the width of the interface. There are a couple of reasons for this: ...