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

3
votes
5answers
340 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
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
3answers
139 views

Should a conversion to a responsive layout happen site-wide at once, or is incrementally acceptable?

I have a large website that needs to be updated to be responsive. There are business deadlines that prefer a gradual roll out instead of waiting to be completely finished Should I apply a responsive ...
3
votes
2answers
233 views

Partial-Page Responsiveness, or Responsive Elements in a Non-Responsive App

I am working on a project that will add considerable new functionality to an existing application. We were previously limited by a framework that did not (realistically) facilitate responsiveness, so ...
3
votes
3answers
130 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
762 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
167 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
485 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
4answers
615 views

What are some responsive frameworks that are used, and what are some tradeoffs between them?

We're currently in the midst of "going mobile" here at work, and we'd like to start factoring responsive web design into the design process from the start. We don't, however, know where to start with ...
3
votes
2answers
689 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
685 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
3k views

What is the best treatment of pagination block in mobile view?

I'm working on a Responsive Web Design project. There is this table which can potentially go up to hundreds of records, so we are using a pagination block below it. On first load, user has the choice ...
3
votes
2answers
1k 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
3answers
3k 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
1answer
60 views

Is it enough to just enlarge font sizes for mobile without making the whole layout responsive?

I have a legacy e-commerce site heavily styled from the desktop era and have been making good money. They are based on a very sophisticated e-commerce software and it costs an arm and a leg to make ...
3
votes
1answer
73 views

How many breakpoints for mobile devices in responsive design and mobile native apps? [closed]

In a browser based app with responsive design, how many breakpoints are needed? Have you done any projects as an example, and what are the best industry practices? I normally see only 3 breakpoints; ...
3
votes
2answers
1k views

Responsive design - 3-level navigation

I'm currently working on a site with a quite complex information architecture. The IA has 3 levels and each level can have up to 12 items. Level 1: 4 items Level 2: up to 12 items Level 3: up to 9 ...
3
votes
2answers
147 views

How to turn a GridView into a better more responsive user experience?

I have a GridView that needs more adaptive formatting. Something that works well in a responsive context without losing all the valuable points. What patterns exist in 2015 for presenting tabular ...
3
votes
1answer
81 views

Page-specific responsive breakpoints

I am working on a mobile first project and have run into an issue with the design of one of the screens. The issue is that the content of one screen in particular doesn't work within one of the ...
3
votes
1answer
269 views

What to do if more than 2 hamburger icons in nav bar?

I am building a website for each office within an agency (about 6-8 different offices). I want to make it easy for a visitor to jump to another office website when on an office website. So, each ...
3
votes
2answers
560 views

What is the best way to responsively display large amounts of tabular data?

I'm working on a redesign that needs to translate well from desktop to tablets. There is a table that could potentially hold thousands of entries. Think of this page as a dashboard. From what I gather,...
3
votes
2answers
2k 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
445 views

Responsive solution for quick view on grid items

When showing a grid view of items for desktop and tablet screen sizes, are there any examples or suggestions of how to offer a quick view option for both mouse and touch devices? Often on websites, ...
3
votes
1answer
133 views

Very complex responsive navigation

I'm working on a redesign project that has a complex navigation, especially in the case I have to make it full responsive. There is a navigation bar to go to several section of the site. Each section ...
3
votes
2answers
421 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 ...
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
1answer
54 views

How to find and fix image breakpoints when designing to a HTML template [closed]

When working with a responsive design framework it is easy to specify the breakpoints based on the viewport and resolution that you are designing for. However, in situations where a generic HTML ...
2
votes
2answers
716 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
172 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
632 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
75 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
2
votes
4answers
79 views

How can I display a definition to my users on mobile?

I have a client that has some content with pretty intense scientific language. They realize this, and want to offer contextual definitions, on demand. I can find lots examples of this being done via ...
2
votes
2answers
455 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
2answers
4k views

How to test website for large screens?

I want to test website for large screens such as 1920 x 1080 pixels, 2560 x 1600 pixels, In browserstack i find only 1280 x 1024 pixels is maximum for windows machines, Is there any website to test ...
2
votes
1answer
190 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
2answers
353 views

Revisiting user-scalable=no

Previously, to achieve the effect of resizing for mobile, I have only ever used width=device-width, initial-scale=1 which worked no problem. I recently discovered user-scalable=no as an option for ...
2
votes
4answers
975 views

What is the best way to allow users select items from a very long list in a responsive web app?

Scenario I'm designing a web app where the user adds predefined items from List A to a custom List B. List A is over 100 items sorted alphabetically. List B can be customized according to user needs. ...
2
votes
3answers
1k views

Using a responsive design for an internal-use-only, enterprise application that runs in a browser?

I am building a fairly large scale application that runs in the browser, and only on intranets. It is essentially a website, as in it's still just content viewed in the browser. But it's not a "...
2
votes
1answer
392 views

Best practices for ads on responsive websites

I don't see a lot of responsive websites with banner ads on them (at least when I view them on a cell phone). What would you say are the things to keep in mind when incorporating ads into a responsive ...
2
votes
3answers
268 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
1answer
1k views

How to handle the Drill Down Navigation for Responsive Application on Mobile?

I am working on a Responsive Web App. It provides summary across different verticals. To view details of a vertical user can drill down. So far the drill down goes till level 5. The Navigation for ...
2
votes
2answers
327 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! ...
2
votes
4answers
878 views

Should a multi-step process use breadcrumbs for navigation, or a “TOC” page?

I am designing a mobile (and desktop) web app that allows a user to create shareable forms. The "advanced process" is broken down into five steps at the moment, laid out like this (Numbers will be ...
2
votes
3answers
245 views

Panel arrangement and responsive design

In a user interface it is often appropriate to use to panels arranged in a grid to display content, either as a way of showing content instances to a user or as a way of arranging content instances ...
2
votes
2answers
2k views

What does “form factor” mean when referring to software?

I'm asking about when the term is used in context of software UI. I see Wikipedia articles related to hardware when Googling the term, but not sure what people mean when they refer to it in context ...
2
votes
5answers
561 views

Is responsive design becoming obsolete soon? [closed]

Responsive design focuses on delivering the content based on screen resolution (pixels). As screen resolution sizes of mobiles and tablets increase (tablets are now desktop monitor screen resolution)...
2
votes
4answers
1k views

When designing a website, what screen resolution should I design for?

I have a simple question about the best resolution to consider when developing a website. Usually I consider the max-width: 1920x1080px, but now TVs are smart and some of them allow you to browse the ...
2
votes
3answers
217 views

Does responsive design ruin accessibility?

Hopefully this is not too broad, I am currently developing a website for my university project and part of the criteria is to implement some considerations to accessibility and also responsive design. ...
2
votes
3answers
401 views

I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?

As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...