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

learn more… | top users | synonyms

3
votes
3answers
47 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 ...
0
votes
0answers
16 views

Auto Suggest for very slow internet connections [migrated]

I have an auto suggestion mechanism that works fairly nice for desktop version where we have a wireless or a wired internet connection. The worst response time is 320ms. (Without using solr as of now, ...
3
votes
0answers
74 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 ...
46
votes
11answers
7k 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
309 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
216 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? ...
0
votes
2answers
244 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 ...
1
vote
2answers
92 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 ...
1
vote
2answers
169 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 ...
49
votes
7answers
7k 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 ...
0
votes
0answers
55 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
75 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
129 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
34 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
56 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
178 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 ...
40
votes
11answers
5k 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
115 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
346 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
286 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
64 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
154 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
126 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
3k 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
175 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
152 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
118 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 ...
0
votes
2answers
69 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 ...
5
votes
2answers
449 views

Why is it ok that apps don't respond to device orientation but webpages are expected to?

There are plenty of mobile apps that only work in a single orientation. Landscape (Garageband, lots of games), Portrait (Settings, Phone, Remote, App Store, Twitter, Facebook, lots of games) What ...
3
votes
2answers
123 views

iPad - How to emphasize the difference between a browser toolbar and a web app toolbar?

I'm looking for suggestions on how an iPad app that includes web browser controls can distinguish these controls from ones that may be provided by the web content. Here the chrome toolbar on top is ...
2
votes
2answers
243 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...
1
vote
2answers
54 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
86 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) ...
0
votes
1answer
107 views

What is this hover menu on mobile website called? is it custom built or third party tool?

I stumbled upon this great browsing experience on reuters mobile site. It uses hovering menu, when clicked opens up a number of other tools such as search, share, font, etc. I was wondering what it ...
1
vote
1answer
176 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 ...
0
votes
3answers
226 views

Disabling all text selection by default on mobile

From my perspective disabling all text selection by default on mobile is the correct approach. In almost all mobile web applications/frameworks and native mobile applications, by default you will be ...
1
vote
2answers
134 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
1answer
315 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 ...
0
votes
3answers
119 views

Is mobile UX creativity restricted by the ideas of SDK's providers? (Apple, Google, Microsoft)

Apple, Google and Microsoft in general control the roadmap of the operating systems used by over 95% of the users. I wonder if the creativity for UX in mobile applications is being controlled or ...
1
vote
1answer
210 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 ...
17
votes
5answers
8k 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 ...
6
votes
3answers
150 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 ...
1
vote
2answers
67 views

Which editor should be chosen for basic internet user

I am working on a forum design project and I have a question for the input mechanism for that forum, while replying to a post user can Some font properties (can be ignored) Insert multiple Images ...
1
vote
1answer
69 views

Where should i place the helptext on a form designed for tablets?

Im designing a form for tablets. The helptext needs to appear dynamically (i.e. on focus on the field) & cannot be hidden behind help icons etc. I have space to allow the helptext to appear on ...
0
votes
3answers
99 views

Responsive Webdesign: How to reduce headlines, labels etc on smaller devices

I had the special problem, that in a "desktop-first" responsive webdesign project (I know, bad idea.. ), there was a shopping cart-like element in a very narrow column (4 columns in a 12 column total ...
0
votes
1answer
78 views

Supporting Copy/Paste on the web

Do you have a recommendation on how it would be possible to help people to copy and paste data to their clipboard from a website? Would love to allow users to copy a coupon code from the web, but ...
1
vote
4answers
221 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 ...
0
votes
2answers
308 views

What is the best UX pattern for large dropdowns in case of mobile web pages?

I need to create a mobile web page which will prompt the user to select a village name from a huge list of names (around 30000 villages). The desktop site renders properly, and is quick enough. The ...
1
vote
1answer
54 views

What techniques can be used to make promo boxes afford tapping?

On a mobile website, without recourse to hover states. What design techniques can we use to make promo boxes afford tapping? I'm running into UX trouble when doing the mobile translation for a ...
2
votes
3answers
227 views

Is there a standard name for ios-style cross-sliding lists?

I'm looking for a name of iOS-style nested <ul>'s. I'm simply talking about the extremely common navigation where you tap a list item (usually with an arrow next to it) and then the screen ...