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

learn more… | top users | synonyms

1
vote
2answers
75 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
132 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
305 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
136 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
141 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
202 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
224 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
160 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
678 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
138 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
242 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
221 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
199 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? ...
2
votes
2answers
81 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
72 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
121 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
557 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
242 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
383 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
59 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
122 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
5answers
204 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 ...
0
votes
2answers
289 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
502 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
302 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
204 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
192 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
299 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
305 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 ...
3
votes
4answers
337 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 ...
3
votes
1answer
549 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 ...
5
votes
3answers
1k 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
497 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
958 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
110 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
288 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
194 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
3k 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
429 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
587 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
666 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
99 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
372 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
191 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 ...
0
votes
1answer
753 views

Responsive Webdesign: Best Practices for Maps Integration?

What is your advice on how to best present the user a list of search results which are location based in a responsive web design manner on a Google/Bing/OpenStreet Map? Since there are some metadata ...
0
votes
1answer
319 views

Should text be bigger on mobile?

Should text be bigger on mobile despite the fact that we're dealing with smaller screen real-estate? Pros: Easier to read while in motion Easier to read under difficult lighting Cons: Requires ...
4
votes
2answers
393 views

Can I use drag'n'drop interaction in a mobile website?

I'm currently designing a mobile website. My intention was to use interaction patterns like drag'n'drop for some interactive features. E.g. I want to ask users to sort 5 items by personal relevance ...
1
vote
1answer
96 views

Where to place buttons on a phone application

Where is the best place to put buttons on a phone application where everything is based around a google map which is always displayed, for commonly used functions such as search? ie: top, left, ...
3
votes
1answer
127 views

The best way to implement threaded web discussions on small screen

Perhaps we have great website with articles, news etc. As we all know, people love to comment things so much, quoting each other, starting dialogs and discussions in comments section. Anyway in the ...
3
votes
1answer
922 views

Usability studies on navigation of mobile websites

I recently experienced serious usability with a website I have done using twitter bootstrap. When accessing the website on a phone, specially older users did not recognize the 3 horizontal lines ...