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

learn more… | top users | synonyms

1
vote
1answer
415 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
128 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
218 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 ...
18
votes
5answers
10k 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
175 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
72 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
70 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
110 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
89 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
231 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
336 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
55 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
236 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
235 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
469 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
245 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
161 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
141 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
265 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
241 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
231 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
1answer
342 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
820 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
698 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
388 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
86 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
263 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
181 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
2k 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
349 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
554 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
642 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
93 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 ...
7
votes
5answers
2k views

On Mobile Web, what's the best way to present Date of Birth form fields?

I am building a form for Mobile Web that requires users to enter in their DOB. What is the best way to present the date input field(s)? Some of the following options were identified in this question ...
0
votes
4answers
358 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
186 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 ...
9
votes
4answers
501 views

How can I split up a really long application form on a mobile website?

If the number of questions this form asks is fixed by legal/business reasons (it's a loan application form for a bank), what is a good way to break it down into bite sized chunks? The two options I ...
0
votes
1answer
618 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
304 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 ...
2
votes
2answers
4k views

Which type of url should I use for a mobile website?

Question 1 Should we give the access to mobile version to all users on desktop. by having a differetn url like http://m.yahoo.com/or it's good to keep mobile version and desktop version access only ...
4
votes
2answers
367 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
90 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
118 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
828 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 ...
10
votes
8answers
3k views

How is mobile information architecture different from desktop?

I have been trying to find examples on web for information architecture techniques specifically for mobile devices. I realize the steps in getting a IA for any tool mobile/desktop are card sorting, ...
6
votes
4answers
648 views

Should a mobile site link to the desktop site where features are unavailable on mobile?

The project I'm currently working on has a phased release. This is a decision the business has made and they intend to launch a mobile site that caters to the majority of mobile use cases, but there ...
5
votes
7answers
965 views

Swipe gestures in mobile news site design

On a mobile news site, should swipe be used to navigate between articles or should traditional buttons be used? E.g. swiping from right to left to go to the next article. The only issue I can see is ...
2
votes
3answers
401 views

Displaying large category menu on a mobile device?

I've looked into this question, and this one as well; I didn't get an accurate answer. I have a fairly large category menu that I want to display for touch mobile devices with relatively small ...
11
votes
4answers
385 views

Best Approach for Responsive Linked Images from Desktop to Mobile?

I am redesigning a website from the early 90's and trying to make it more "responsive". An issue came up that involves two images on the homepage when viewed on mobile devices. These images are linked ...
3
votes
2answers
1k views

“Click-and-drop” alternative to drag-and-drop, for accessibility (and maybe mobile-web)

I have observed some people fumble with a mouse. They seem unable to synchronize clicking the buttons and sliding the mouse consistently, to where they drag things when they only meant to click on ...