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

1
vote
1answer
47 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 ...
1
vote
2answers
27 views

Is the Cross-channel experience part of Responsive Web Design, or is it the other way around?

I've heard collagues refer to their responsive web projects, but then I've also heard people say that they are working on their cross-channel web projects. Is there a difference in these two terms? or ...
1
vote
1answer
53 views

Designing a mobile interface for 3 or more sortable lists

We currently have a web app that has the following interface: download bmml source – Wireframes created with Balsamiq Mockups List items can be reordered within a list and can also be ...
8
votes
3answers
828 views

Should I reduce the number of menu items when showing on smaller devices, or use a 'hamburger' responsive menu?

So I was thinking about how I could make a responsive menu a better experience rather than just firing it into a drop down on mobile that has a hamburger as an icon. Would it perhaps be a better user ...
22
votes
5answers
842 views

Why is that the most popular sites don't use responsive design (and choose to use a mobile version instead)?

I think I don't have post screenshots. Most popular sites don't have responsive design (in fact I haven't seen any single one that does): Facebook, YouTube, Quora, Twitter, and the list goes on. With ...
5
votes
3answers
860 views

Best practices for how search icon functionality should work

I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website. I have three scenarios, please view them on a smaller ...
1
vote
1answer
256 views

How to Design a better Timeline Navigation for Responsive Pages?

I was trying to design a Timeline Navigation component for a responsive page. So i started with mobile view(320x480) and made a wireframe. Please check the wire frame below Why i designed like ...
1
vote
2answers
245 views

Is there a name for this semi-responsive technique?

I've noticed some websites are frequently using a very specific semi-responsive technique but I'm not sure what to call it. Here are 2 examples: Example 1: http://www.firestonetire.com Example 2: ...
1
vote
0answers
91 views

Best practice for navigating a detailed image like a map on mobile

We have done a piece of offline activity that is basically a large folded, printed map with some featured elements and content around it relating to the map. I am working on putting this map online. ...
1
vote
4answers
73 views

Responsive design - setting a single breakpoint?

As our UXD group does more responsive projects, we're running into an extremely high QA cost due to the complexity of our site compounded by testing multiple device and multiple breakpoints. To combat ...
0
votes
2answers
60 views

UX gains by embedding a responsive website into apps?

Having a responsive website that has all features available for differently sized devices often isn't enough for clients. They additionally request Apps for iOS and Android (and if you're lucky also ...
22
votes
7answers
16k views

Responsive Breakpoints?

Twitter Bootstrap uses these break points for responsive design: Large Display: 1200px Default: 980px Tablet: 768px Mobile: 480px A client said they are using 1280px for their Large Display ...
36
votes
6answers
33k views

What is the exact difference between fluid and responsive design?

What is the exact difference between fluid and responsive design? I am bit confused about fluid and responsive design. Fluid is the one where we give width in percentages so that design will look ...
0
votes
2answers
63 views

responsive, paginated tiles

We're displaying a paginated collection of tiles (fixed width and height) within a variable width container. We have an upper limit of showing only 15 tiles per page due to the server resources ...
0
votes
0answers
13 views

Mobile Responsive Web - Should text & image size change based on orientation? [duplicate]

Based on legibility, is it a better practice to keep the copy the same size or increase it? My gut says leave it alone. Are there any best practices out there?
1
vote
2answers
61 views

What are the pro's and con's for adapting (or failing to adapt) a companies marketing/corporate website to be responsive?

Weighing up the pro's and con's, should a company invest the time, money and staff in adapting an existing site to be responsive (definition below)? I'm after a solid argument for (or against) ...
1
vote
2answers
108 views

Designing for landscape mobile view

A lot of RWD websites cater for 3 major breakpoints (phone, tablet, desktop) and make the design fluid between that. However, the thing that's hardly ever included is the landscape view. Rotate your ...
0
votes
1answer
68 views

Opening a modal popup on top of another [duplicate]

I understood that opening a modal popup on top of another is not a good practice and a good ux, but my project has the same requirement. I have a modal popup which contains the list of stores with a ...
2
votes
2answers
207 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" ...
1
vote
1answer
72 views

How important is the portrait-only mode for long ipad form?

We are launching a long ipad form (quote-and-buy journey). it is designed primarily for landscape. How important is it to be optimised for portrait? Currently, the thinking is - launch landscape ...
1
vote
2answers
265 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
73 views

Are there any stats on browser widths as opposed to monitor size?

Our analytics across several sites are all showing a marked increase in 1440px+ monitor size, but has anyone seen any stats about what browser size people with large screen tend to use? Do people ...
3
votes
2answers
132 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 ...
1
vote
5answers
206 views

Axure's worth in responsive design

I'm just wondering on the wider audience views on how worthy using prototype tool Axure is when designing a responsive site. I have project where the deliverable is a responsive site. However, I'm ...
0
votes
0answers
28 views

Using many links in bottom [duplicate]

I have read an article now and in that they stated using many links will help in SEO. And in latest websites I am seeing many menus in footer. Is it good to use many menus on footer?. Will it ...
0
votes
0answers
10 views

What is the best way to design a responsive comparison chart? [duplicate]

I am trying to design comparison charts but as in the image below, the charts make sense when they have enough room on large screens to be shown side-by-side, but on smaller screens how should I show ...
4
votes
3answers
221 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 ...
3
votes
5answers
1k 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 ...
15
votes
4answers
8k views

How should modal popups and tool tips be handled in responsive websites?

I am reviewing some website wireframes from a client and have decided to make the new site responsive. I've had pretty good luck so far with responsive theming and design from a few past projects and ...
0
votes
3answers
74 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 ...
2
votes
2answers
138 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 ...
0
votes
1answer
85 views

Responsive design for image gallery and widows

I want to create an image gallery where there are multiple series of images, and each series usually consists of 4, 6 or 8 images. Normally, the images are 200px wide with margin included plus there's ...
1
vote
1answer
187 views

Should I use multiple dropdown menus in mobile design?

I am developing a documentation website for a JavaScript framework I've developed. On Desktops The main navigation only has three links: When you navigate to "API Documentation", there is then a ...
3
votes
2answers
387 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 ...
-1
votes
1answer
41 views

How we can relatively increase size of all elements [closed]

Am new to this forum. Actually I can horizontally increase all elements width by putting their width in percentage(%). So that in a normal wide screen the pages are rich with label and its associated ...
4
votes
2answers
261 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 ...
2
votes
2answers
80 views

Good touch-based equivalent to the hover tools pattern?

When you have a long lists of items and you want to let the user interact with one of the items contextually - a common solution is to use the hover-tools pattern in a desktop browser environment. The ...
-2
votes
4answers
218 views

Why do we waste so much Screen-Real-Estate? [closed]

Border around the screen this basically boils down to why dont make the whole front of device a screen and why have borders around everything on the screen too. Why not replace the material around ...
4
votes
4answers
313 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 ...
0
votes
1answer
142 views

Usability issue when resizing browser window on responsive website

As I was discussing about the benefits of using responsive web design (RWD) nowadays, my manager said that one of his biggest gripe is the fact that horizontally resizing the browser window often ...
5
votes
3answers
747 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 ...
0
votes
3answers
226 views

What's the best flow for selecting the right product?

I'm redesigning a standalone page within an e-commerce framework that allows users to download a file for free. The files are only available for certain make/model/year combinations, and then there ...
0
votes
1answer
102 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 ...
8
votes
3answers
382 views

Using aspect ratios for responsive design breakpoints

I am trying to figure out what the best way to make my site responsive would be. It seems a lot of people base responsive design off screen pixel dimensions, but I feel breakpoints in aspect ratio ...
0
votes
1answer
91 views

How to display design on a 3D iphone in adobe illustrator [closed]

I want to display my responsive design using the following aproaches :- http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/07/Mobile-App-UX-Design.jpg and ...
0
votes
2answers
126 views

Responsive list views - shrink layout or reorganise?

Going through a site redesign at the moment and considering my options for a list view. This list view contains a thumbnail, title, sub-title, description and some meta. This is displayed with the ...
0
votes
1answer
75 views

Responsive lightboxes - what size lightboxes do i tell the developer?

Im designing a site for desktop and optimised for tablet. We are using lightboxes for one of the interactions on the journey. The developer has asked me to specify the precise sizes of the lightboxes ...
2
votes
1answer
385 views

Search Filter Text fields vs Sliders

I am doing an eCommerce site for selling clothing and it is going to be responsive as well. I want to know what the best approach is for setting budgets. Will a text field with a budget range will ...
2
votes
3answers
232 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 ...
0
votes
3answers
561 views

Responsive Menu Issue Bootstrap3

I have a Navigation Bar which has numerous content and we are using Bootstrap 3 to build a collapsible menu but that only works in the smallest screen. Any pointers on how can this be solved. When ...