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

learn more… | top users | synonyms

1
vote
1answer
23 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
votes
1answer
45 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 ...
1
vote
0answers
15 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 ...
1
vote
4answers
74 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 ...
2
votes
0answers
71 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 ...
0
votes
1answer
41 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?
4
votes
4answers
205 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 ...
2
votes
2answers
156 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
4answers
813 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
83 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 ...
4
votes
1answer
157 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
68 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
121 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 ...
9
votes
6answers
909 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
271 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
73 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
81 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. ...
6
votes
3answers
26k 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: ...
0
votes
2answers
71 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
80 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
109 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
262 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
126 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
462 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
252 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
93 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 ...
4
votes
3answers
164 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 ...
51
votes
11answers
8k 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 ...
2
votes
3answers
396 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 ...
1
vote
1answer
266 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
170 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 ...
52
votes
7answers
8k 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 ...
1
vote
0answers
66 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. ...
0
votes
2answers
242 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: ...
1
vote
2answers
193 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, ...
0
votes
2answers
46 views

Mobile web app, site name required in navbar?

Everywhere I've read that on a web site, you must have your site's name in the upper left-hand corner. But for mobile web apps, is this truly necessary, especially when there are so much more useful ...
1
vote
1answer
119 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
5answers
186 views

Having a hard time placing the refresh button

I am developing a carpool app, and on the search results screen, I need to provide the user with 3 primary actionable opportunitie when this dude talks to the driver, the driver will confirm. and ...
41
votes
11answers
7k 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 ...
4
votes
1answer
131 views

Collecting user's preference for low- or high-bandwidth version of a web site

In a web application, I wish to present a rich user experience to viewers where available, yet I also wish to respect viewers' reluctance to pay overage fees to their Internet service provider. ...
3
votes
2answers
373 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 ...
0
votes
2answers
335 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 ...
0
votes
3answers
74 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
185 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 ...
0
votes
5answers
128 views

Best way to show Feeds on mobile with 5 fields of data

I need to show 5 data fields on mobile, which is notification feed. Currently I am showing following 4 fields with distribution as 1. title - first line ( can extend to second if title is long ) 2. ...
12
votes
4answers
4k 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 ...
0
votes
1answer
188 views

slide menu locations and icon

what is the best location on the side slide menu? and lets say the app is localized to many different languages and its web app responsive to mobile , is it better to shift is place in each language? ...
0
votes
1answer
197 views

Force full screen for mobile websites?

Is it ok to force full screen for mobile websites to make them seem more like native mobile apps? jQuery: http://sindresorhus.com/screenfull.js/ iOS 7.1 minimal-ui: ...
3
votes
2answers
123 views

Mobile Site Usability

What are some of the tools to use for testing the mobile site UI and UX? My company has a desktop site and now we have decided to build a mobile website. We have tested our desktop site with services ...
2
votes
2answers
124 views

Best way to show a collection of images/media on a mobile site?

I am currently working on a mobile version of my website (separate from the desktop one) and I need to display a collection of images on a particular page. On the Desktop version, I had used a ...