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

learn more… | top users | synonyms

1
vote
2answers
97 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
117 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. ...
13
votes
4answers
2k 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
137 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
107 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: ...
0
votes
2answers
201 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 ...
3
votes
2answers
111 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
27 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 ...
35
votes
10answers
4k 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 ...
5
votes
2answers
371 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 ...
0
votes
2answers
128 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 ...
0
votes
2answers
80 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 ...
3
votes
2answers
100 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
175 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
37 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
62 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
82 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
147 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
196 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
109 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
170 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
105 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
176 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 ...
16
votes
5answers
6k 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
108 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
63 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
66 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
75 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
53 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
205 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
221 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
47 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
205 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 ...
0
votes
2answers
125 views

(mobile) What are some good examples of space utilizations for order steps?

I read in another question how important order steps are to give your users a context of where they are in the order process.. I'm currently only showing the current step like (3.delivery address) at ...
4
votes
1answer
413 views

When to use cancel, done and back text buttons?

All the buttons mentioned in the title above have similar actions. They move the user back to the previous screen in mobile apps. What option is best to use consistently?
2
votes
1answer
126 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 ...
1
vote
2answers
115 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:
2
votes
2answers
71 views

How Should Mobile Validation be Designed?

While designing the front-end for a responsive website project I came upon an issue dealing with displaying validation on mobile. In past un-responsive practices, if an input was required a little ...
3
votes
1answer
225 views

Golden ratio between words and pictures

In life , its about striking a balance between Y and X to achieve the best outcome. The Golden ratio has been applied to the web design and several questions on this site has also covered the ...
2
votes
4answers
155 views

User has the option to view desktop version when in mobile view, what about vice versa?

Most sites in mobile view offer option in the footer to switch to full site view or desktop view because in mobile view some features or functions are hidden and some users might want to see the full ...
0
votes
1answer
105 views

Device based responsive design instead of browser based

I am creating a website, my real worry is to maintain the layout applicable for both mobile and desktop users. Responsive design is very popular and there are tons of template available on internet ...
1
vote
1answer
152 views

What is the standard practice for while waiting for an AJAX request [duplicate]

I guess most people agree that displaying a "loading" image or text is nice. But do you display it beside the button, or somewhere else such as the top of the page (like gmail used to do) Aside from ...
4
votes
3answers
350 views

Why are alert/confirm dialogs bad for mobile web?

I'm currently working on a mobile web app with external designers, but we (the developers) are allowed some input. They keep wanting to add alert and confirmation dialogs for things like form ...
1
vote
2answers
227 views

Suggestions of mobile alternatives to a horizontal multiple dropdown filter system

I am currently working on mobile/responsive facelift to an old static website. The original site uses a number of drop down menus arranged in a horizontal bar to allow the selection of multiple ...
6
votes
3answers
268 views

Are click-to-edit fields appropriate for mobile UX?

I have used click to edit fields for a html5 application which makes it slick to use on a desktop but I am not sure how the click-to-edit fields would be perceived by mobile users. Would it be ...
1
vote
1answer
64 views

What links should social share copy contain?

When users share my content on public share platforms including Facebook, Twitter, Tumblr, etc., what is the best experience for users on mobile devices? Click shared link --> mobile website that ...
48
votes
7answers
5k 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
1answer
219 views

How can I make this step by step booking process more seamless?

How would I make this step by step taxi booking process more seamless? A few concerns I have: Is using swipe left/right good practice when using a wizard step by step UX element? The final page ...
1
vote
1answer
160 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 ...
4
votes
3answers
883 views

Having the “Hamburger Menu” to the right, shouldn't menu items be right-aligned as well?

It's clear that the Hamburger Menu should be to the right of a native app and web application. At least our community concluded (through voting) on the question Hamburger menu icons - should they be ...