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

learn more… | top users | synonyms

1
vote
2answers
101 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 ...
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 ...
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
28 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 ...
0
votes
2answers
133 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
101 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 ...
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 ...
0
votes
5answers
120 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. ...
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
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
83 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
151 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
1answer
108 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: ...
1
vote
2answers
110 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
172 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
106 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
177 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 ...
6
votes
3answers
109 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 ...
0
votes
1answer
138 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? ...
1
vote
2answers
64 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
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 ...
5
votes
2answers
372 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 ...
1
vote
4answers
206 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
224 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 ...
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
2answers
128 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
414 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
128 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
116 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
226 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 ...
0
votes
1answer
107 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 ...
2
votes
4answers
156 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 ...
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
352 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 ...
6
votes
3answers
269 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
2answers
230 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 ...
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 ...
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
894 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 ...
3
votes
6answers
194 views

Enforce or assume an orientation for the layout of a mobile web application

When designing a mobile layout in a web application, is it fine to assume a given orientation (horizontal or vertical) or to ask to the user to adopt a specific orientation? I have seen several ...
2
votes
2answers
427 views

Do websites need to be responsive in 2014?

Visiting websites using a mobile device is still increasing. The first quarter of 2013, more than 10 percent of the visits were done using a tablet and more than 10 percent of the visits were done ...
16
votes
4answers
589 views

Which UI options are suitable for a mobile search result page?

In our information dense digital world, search is crucial. So is the search result where there are a lot of help for users. But on mobile devices, the screen is very limited, which makes the use of ...
0
votes
2answers
78 views

Tab model on a mobile device

I am in the process of exploring options to organize information in a page viewed on a mobile device. I am curios to know if there are any potential problems in using a tab model to organize ...
0
votes
4answers
320 views

Difficult UI in e-commerce product page

I am designing a B2B e-commerce website where the users would be able to buy different quantities of items for each size. I am trying to keep the experience as close as possible to a B2C website ...
3
votes
4answers
164 views

Best practice for choosing an amount for donation on a mobile form

What would be (from a UX perspective) better solution: Use radiobuttons to choose an amount (eg: 2,5/5/7,5/10) and use a large submit button or Use 4 buttons with the amounts on it (eg donate ...