A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.

learn more… | top users | synonyms

5
votes
2answers
2k views

Responsive design Pattern for secondary navigation - is there a way not to swamp the user?

I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this: (This one is taken from ...
5
votes
2answers
812 views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
5
votes
2answers
4k views

What are the ideal widths a website should be designed for on a phone/tablet/computer?

What are the ideal/typical widths that an adaptive/responsive website should be designed for in order to accomodate the most devices possible?
5
votes
3answers
756 views

Should we still provide social sharing options in a responsive design?

Since the majority of the browsers on small devices (and Safari on desktop as well) already provide a function where the user can share the content on — for example — Twitter, should we ...
5
votes
5answers
995 views

Responsive web design for e-commerce website?

I'm going to build a big e-commerce website and client want that website should be for all user Desktop, Tablets and Smartphones. and budget is not a problem. Site is an e-commerce website lost of ...
5
votes
5answers
493 views

Is it reasonable to partially implement responsive design?

Has anyone ever heard of someone making only some pages on their web site responsive? What do you think about this idea, is it good or bad? I'm not really sure how I feel about the idea. Please ...
5
votes
2answers
427 views

Layout question regarding “Select existing record or create new one” pattern

I want to create a wizard for creating new data. In one of the steps the user is supposed to select an existing record or create a new one. There are of course different ways to solve this. I am ...
5
votes
3answers
517 views

Responsive mobile testing - Is resizing the desktop browser adequate?

Other than touch events, is there any appreciable difference between testing a responsive design by resizing a desktop browser and testing it on a mobile device? There are a plethora of mobile devices ...
5
votes
1answer
504 views

Responsive Web Primary Menu - Show as expanded or contracted by default?

For a responsive website where - at a set break-point - the primary navigation contracts to as single menu item that opens and closes the navigation menu (See the Starbucks.com site for an example) is ...
5
votes
1answer
248 views

Mobile Site Footer Location

I am developing a full on RWD with a very small footer. Footer contains only couple links which are orphan pages (FAQs, etc). Our main target users will be accessing the site using iPhones (mostly), ...
5
votes
2answers
294 views

A modern image gallery: fluid or elastic?

I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries. Ok, in wide screen i ...
4
votes
3answers
230 views

How should a responsive website use so much extra space on large screens?

In older websites, the standard is usually 960 pixels, because it has a lot of factors that it can be divided into, and most monitors were 1024 pixels wide. Recently, a large portion of laptops are ...
4
votes
4answers
333 views

Should I place my menu on top of my mobile version of this showtimes website?

I'm trying to design a simple website that will show movie showtimes in a few cities. It's going to be a french website but I translated the important content in the screenshots and the website to let ...
4
votes
4answers
646 views

Should a responsive or adaptive web design be done with only two layouts?

I am working on a small Drupal site that needs to be mobile and desktop optimized. Tablets are not a large part of the anticipated usage. The process has not been ideal. We are planning on taking a ...
4
votes
4answers
410 views

What is the smallest screen size you design for

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
4
votes
3answers
272 views

Visual language for fixed and fluid widths

Is there a common visual language (symbols) to highlight what parts of a web page that should be fixed or flexible when you're doing wireframes? For example - a web page consists of two columns. One ...
4
votes
1answer
350 views

How do you know if something was designed mobile first?

Now I read lot of articles about mobile first design, and I understood that it's the way of design for the mobile first. My question is, how do we know a website is designed with a mobile first ...
4
votes
2answers
273 views

How wide should a webpage get?

So when creating a responsive design, how big should the maximum width of the container be? Should the maximum width of a webpage be fixed (width: 100%; max-width: 1200px)? Should it grow slower ...
4
votes
2answers
2k views

Responsive Design, how to display two large navigation menus?

we are currently looking at redesigning one of our sites so it is responsive. The problem is the site generally has two large menu systems per page. One at the top as the main navigation and then a ...
4
votes
3answers
164 views

Small tables on big screens

I have a little problem, responsive design and tables with only 3-4 columns, so the tables can't be 100% of the width, because that would result in way too much white space between the columns and ...
4
votes
1answer
171 views

Is it appropriate to detect the user address details from mobile service provider for banking site on mobile/tablet

I am in phase of researching different approaches for designing saving bank account opening from phone/tablet. It will be a combination of responsive and adaptive layouts. The challenge we have is ...
4
votes
2answers
125 views

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
4
votes
1answer
429 views

responsive design vs inter usability of websites across multiple devices

I'm reasonably new to responsive design as we are considering how to pitch it to our web development clients (mostly not-for-profits and gov orgs who will need to see a solid ROI on extra design money ...
4
votes
1answer
280 views

Which implementation for a dynamic hierarchy tree will show as much info as possible while still allow seeing the changes made in the background?

I'm in the middle of building a search engine website for a specific corpus. We've already implemented most of the menus and the structure of the website. recently we got some feedback that forced us ...
4
votes
1answer
917 views

Chrome Mobile - Request Desktop Site and Media Queries

I'm wondering what people's best practices for handling the Chrome option on Android of "Request Desktop Site" when a site is developed using media queries. When the site is viewed the media queries ...
3
votes
7answers
637 views

What is the meaning of responsive design?

I have heard of many websites using "responsive design". What is this and why should somebody use it?
3
votes
4answers
422 views

Should I have “read more” links in a responsive design?

I'm currently in the middle of a re-design for a mid-market newspaper's website, and for each article there's a "Continue reading story >>" link after the lede paragraph on topic pages and the home ...
3
votes
5answers
278 views

Displaying data with responsive design

I'm displaying details of a product. My current responsive design works well for desktop, tablet and mobile. I'm happy with the clean look on the mobile version but I'm feeling the desktop version is ...
3
votes
4answers
706 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
6answers
2k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
3
votes
2answers
357 views

How to display a rotator / carousel in a responsive website when shown on a mobile

I'm working on a responsive wireframe and the desktop version has a feature area rotator. On the desktop site, it just has arrows and I worry that that will make navigating the rotator difficult on ...
3
votes
1answer
721 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
205 views

Determine which features not to show in responsive designs non-full site view?

All of us know that mobile first approach is the way to go developing new applications. But there are few cases where this is possible. Often the customer already have a web application online, which ...
3
votes
3answers
14k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: ...
3
votes
3answers
99 views

Is there any more to responsive design that a dynamic gird

In many cases when I hear customers who want to make their website\ web application responsive to mobile devices (tablets and smartphones). It always ends with a base gird being "squeezed" to one ...
3
votes
1answer
389 views

Responsive design pattern: Navigation at the bottom + jump link

I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
3
votes
2answers
145 views

How do you prioritise certain user journeys in a responsive website?

Working on a responsive website where we have decided to make all content available on mobile but prioritise journeys we have identified as being key. What ways can I prioritise these journeys is it ...
3
votes
2answers
312 views

Vertical scroll down navigation for Facebook app?

I am designing a web app that must live both as a Facebook app and on a external website. The website is designed as vertical scroll-down website with 3 sections. How do I translate this kind of ...
3
votes
2answers
297 views

Should I show or hide social media feed widgets for mobile devices on a responsive website?

I have a one-page site in which the users are scrolling down the site reading more info as they go. The first section is a kind of introduction section with a nice big background and a big title. Then ...
3
votes
3answers
2k views

Responsive web design technique in desktop application?

What do you think about using responsive web design techniques in a desktop application? We need more space for large data and since all monitors today are widescreen, it could be good practice I ...
3
votes
2answers
147 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...
3
votes
2answers
485 views

Is an off-canvas slideout menu usable when placed on the bottom-right instead of the top-left?

As I'm going into CSS frameworks(Toast, Yaml ,Bootstrap, Foundation, etc) I've hooked into the usability of navigation menus when viewed in smaller screens, some frameworks convert it into a ...
3
votes
2answers
913 views

Does the Foundation framework comply with Section 508 and other accessibility standards?

I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
3
votes
2answers
252 views

Slide-out navigation and landscape vs. portrait iPad

I'm currently using a slide-out navigation on a website for handheld devices and tablets. Some of the stakeholders on the project are concerned that using the slide-out for landscape orientation is ...
2
votes
2answers
441 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
441 views

Increase font-size for larger displays with responsive design?

If im making a fully responsive site then how should I alter my font-size for the different size displays (breakpoints)? Phones and tablets are held closer to the user so it would make sense for the ...
2
votes
2answers
215 views

responsive menu logo

often times a menu bar on a responsive website turns into this three line logo: ☰ i'm curious as to why this symbol has been thoroughly adopted. why aren't words such as "Menu" or "Navigation" ...
2
votes
1answer
151 views

Mobile Menu with 150+ links

I'm building a website that has over 150 menu items. Normally, for small sites, I would use a responsive mobile menu for use on mobiles. However, as you can imagine, 150 or more menu items loaded onto ...
2
votes
3answers
234 views

Responsive website or not given this statistics?

Background I am about to redevelop a health-related website which has the following user statistics: 80% users from hospitals and counties (90% of these use IE8 on Desktop PCs) 20% public users such ...
2
votes
2answers
105 views

Responsive Design with Lengthy Links

Related to question How to resolve lengthy hyperlinks? with responsive webdesign in mind... In past practices on desktop, links would span 2 lines where on mobile they would span almost 10 lines! ...