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

learn more… | top users | synonyms

3
votes
4answers
1k views

When designing a responsive layout is it right to assume the iPad layout will be the same as the desktop?

When designing responsive layouts I tend to do 2 sets of wireframes. I design for both mobile and desktop and assume that the iPad will adopt the same layout as the desktop due to size. ( this is if ...
3
votes
1answer
1k views

Responsive Pricing Table

I am designing a simple Landing Page which has 2 lines about the product and the Pricing Table. I want to Make a Responsive Layout for Mobile. Not sure which is the best way to display the Pricing ...
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
356 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
340 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
780 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
510 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
328 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
511 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
434 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
142 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
698 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
752 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
350 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
347 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
1answer
44 views

Footer links necessary if navbar is fixed on small business website?

I'm developing a website for a friend's startup. It's a really small website with only 4-6 pages. Currently I have designed the website with a fixed navbar (and a fixed menu toggle button on mobile). ...
3
votes
3answers
101 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
181 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 ...
3
votes
1answer
420 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. ...
2
votes
2answers
710 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
2answers
165 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
427 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
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
517 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
234 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
288 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
389 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
93 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
110 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
235 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
245 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
451 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
182 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
321 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
622 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 ...