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

learn more… | top users | synonyms

3
votes
4answers
5k views

Touchscreen interface for menu and dropdown menu ease of use

I'm doing webpage design using Twitter Bootstrap's dropdown menu. Problem: Suppose I have a horizontal menu as shown in the Twitter Bootstrap documentation. That menu bar that list pages I want to ...
3
votes
1answer
355 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 ...
3
votes
3answers
335 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 ...
3
votes
3answers
772 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 ...
3
votes
2answers
2k 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 ...
3
votes
2answers
508 views

mobile first design - main navigation placement & considering desktop users too

I'm considering placement of the main navigation for a responsive site in a thin sidebar similar to the navigation on Twitter's iPad app, as seen on the left. However with the icons and links ...
3
votes
3answers
4k views

Redirect non-desktop users to mobile site or just change template and keep the same url?

I want to know what would be the best way to present my site to users when they are not using desktop computers (and they are using mobile phones, smartphones or tablets)? I am currently working on a ...
3
votes
3answers
325 views

Where we should keep primary navigation in a mobile website, especially on the Homepage?

1) Vertically On home page with logo and footer and then at bottom of each page see on iphone http://j.mp/qpbN1A 2) Or horizontally like desktop websites see on iphone http://stackoverflow.com ...
3
votes
3answers
50 views

What does *data* show to be the best way to write hyperlinks in article text?

Here are some possible ways to embed a link in a sentence within an article. (The intended link text is just bolded here, rather than actually linked to something.) "A good first step is to perform a ...
3
votes
2answers
502 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 ...
3
votes
2answers
430 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 ...
3
votes
1answer
141 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
1k 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 ...
3
votes
1answer
185 views

Automatically clear cache from scripts

I received a request to implement browser clear cache automatically when a user starts a session. This is the first time I encounter such a odd request. Is clear browser cache for a web application ...
3
votes
3answers
692 views

Google / Maps for Mobile Web

Does anyone have experience with embedded maps for Mobile Web? (NOT APP) My experience is that it introduces another frame into the page with a separate set of scrolling behavior - not a good thing. ...
3
votes
1answer
615 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
3answers
2k views

Pixel aspect ratio for multiple touch devices- Mobile Web

I'm working on a project involving multiple mobile and tablet web application designing. I'm curious what are the mobile design strategies when it comes to handling pixel aspect ratio for icons and ...
3
votes
2answers
744 views

Need for search button next to a search box on a mobile web site

Do you need a search button next to a search box on a mobile website? On the iPhone for example the Enter button appears next to the standard ios5 ui keyboard.
3
votes
1answer
349 views

Search input on mobile device

I'm designing an mobile-web-app (ie: not a native app) for touchscreen smartphones. When you add a search input, do we need to add the search button (for processing the search) or use the one present ...
3
votes
2answers
344 views

What's the appropriate way using desktop like notifications in a webapp (chrome notification feature)

I'm planning to use Chrome's notifications feature. I want to show important informations on the notifications. My "users" are highly qualified technical persons, so i think it's good idea. But not so ...
3
votes
1answer
101 views

How do I handle transitioning a mobile user to a desktop experience?

My team and I are making iterative changes to a site, slowly converting it to a responsive site. During this transition there may be some instances where a mobile user (who is on a responsive page) ...
3
votes
2answers
235 views

Question on fluid web design

There are 2 ways in which we can implement a fluid design (one that would adjust itself to the screen size on which it is viewed on); Approach 1: We can just use the available browser size (or ...
3
votes
3answers
98 views

Are expanding divs a bad idea for a mobile portfolio?

Brief overview: making a portfolio for game design, have three seperate categories with 4-5 individual projects under each. Home page has general links and links that segues the user into one of these ...
3
votes
1answer
179 views

How should sites be designed, if google-weblight and similar site compression techniques were to become a norm? [closed]

Site compression through something like google-weblight has pros and cons. On one hand it loads pages 4 times faster, on the other it changes the look of the site, thus altering the UX. Also, my ...
3
votes
1answer
131 views

Mobile post page - next post fly out vs. static next post

I am working on a heavy content site. On desktop post page i have sticky sidebar that displays the next posts. On mobile at the bottom of the page when the post is over, the read next stories are ...
2
votes
2answers
700 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 ...
2
votes
3answers
425 views

Why are so many mobile side panels dark grey?

The fact that so many mobile side panels are dark grey (Facebook etc.) - is it based on any research?
2
votes
2answers
162 views

Optimal way to display long radio buttons on mobile

I'm working on designing a responsive form, and I'm wondering if anyone has ideas for dealing with "long" radio button options on mobile. For example, take the following image: I've browsed around ...
2
votes
3answers
208 views

Branding websites aimed for mobile devices

I'm currently working on a website which is also supposed to be mobile optimized. My client has provided me with a layout of how the mobile version of how the website should look like. Making their ...
2
votes
2answers
495 views

UX solution for data points display and other good tips for charts on mobile screens

I created a chart using wijmo5. (Click here to see the actual chart in action) The client wants and I quote, mouse-over / finger-press will show the exact data for that datapoint on the ...
2
votes
3answers
232 views

Should we give a Site-map page in Mobile Websites?

I noticed Mobile website's are not having site-map page? Is there any reason behind it? Should we give a Site-map page in Mobile Websites? Can it be useful? I think user can see the sitemap page ...
2
votes
2answers
283 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 ...
2
votes
2answers
383 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 ...
2
votes
2answers
91 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 ...
2
votes
1answer
170 views

What is a good way to allow a user to enter in many rows of data?

I am working on a request system for overtime. The first 4 fields are required, the Dept, Project and Job field are normally optional, but are there to allow the person to enter values as needed, ...
2
votes
2answers
7k 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 ...
2
votes
2answers
240 views

How to enter a number from a range on a mobile web app?

I'm designing a web app for smartphones that allows the user to enter some numbers within a large range (say 0-511 or 0-1023). The numbers are exact and equally likely to be spread across the whole ...
2
votes
1answer
108 views

How can I display 13 selectable items on a “Mobile First” responsive webpage?

I have a 13 selectable elements list to be displayed in a Mobile First" responsive webpage. The elements are pure text of about only one line. I have been struggling with my mind to find a solution ...
2
votes
1answer
231 views

Second menu on mobile

I have a secondary nav which is related to the content on the current page as opposed to the primary nav which is a global menu. What is the best way to have two menus on mobile. Both have to be ...
2
votes
2answers
243 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 ...
2
votes
2answers
436 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 ...
2
votes
1answer
4k views

How is the HTML5 date input type presented on different Mobile browsers?

I am building a form for Mobile Web that requires users to enter in their DOB. I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy. Is ...
2
votes
1answer
175 views

What are best mobile navigation practices for infinite scrolling pages with a deep hierarchy?

A site is composed of many infinite scroll pages each with several layers of content. What are best navigation architecture practices for infinite scroll sites on mobile devices enabling the highest ...
2
votes
1answer
102 views

(slightly buggy) mobile website vs. desktop website

I have a website which has a desktop and a mobile version for phones. Now, the mobile version is slightly buggy but does still work. The images are in the wrong places and partly even overlapping. ...
2
votes
2answers
313 views

Can you apply a similar UI design used on a “web” app towards a “native” (iphone, android) app?

I'm in the process of redesigning my website to be responsive, so this will also include a "mobile" web designed version of my website. I'm just wondering, would I be able to use my "mobile" web app ...
2
votes
3answers
613 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 ...
2
votes
3answers
305 views

Are users really more comfortable with mobile-friendly web-app versions?

I'm trying to better evaluate the added value my users will receive from a web-app and would like to hear from your experiences and researches in the field. Currently, although the application ...
2
votes
3answers
154 views

Prompting users to save web app to homescreen

I've created a web application and have it set up so that if the user launches the web app from the homescreen it will operate similar to a native app. On the Chrome developer site, they state Do ...
2
votes
1answer
407 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. ...
1
vote
4answers
114 views

Order of login and registration methods: should the social media login and registration be above or below?

In a login page, should the "log in using x social media" precede the local site log in prompt, or the other way around, as shown in the image below? I'd like to ask the same about the ...