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

18
votes
5answers
3k views

How to adapt your website for TV browsers?

Many home electronic brands have presented new television sets with built-in browsers and apps. Even though not many of these have enjoyed widespread adoption, the responsive web design movement talks ...
1
vote
1answer
47 views

Responsive design - 2 levels of navigation

I'm working on a responsive website, the desktop view has 2 levels of navigation. The sitemap roughly looks like this: Cat1 SubCat1 SubCat2 SubCat3 Cat2 SubCat1 SubCat2 SubCat3 SubCat4 Cat3 ...
1
vote
1answer
154 views

How to show two brands of the same business in the navigation in one website?

I need to show two different brands in same website. Each has a different logo and navigation which should be visible by default, but they share a common sign-in/sign-up interface and currency change ...
0
votes
2answers
62 views

Responsive Shopping Cart

Below is the Wireframe for the Shopping Cart which automatically scrolls along the height of the content area in between the header and footer. Now in the smaller screen where the content will ...
2
votes
1answer
230 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. ...
0
votes
1answer
49 views

Responsive Grid View with Hover layer

I have a grid layout which has an hover state which reveals information that are crucial as below. The Content of each Grid Item Dish Name Dish Photo Rating Chef Name Chef Photo Chef Location ...
6
votes
4answers
605 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 ...
1
vote
3answers
107 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 ...
49
votes
7answers
7k views

Responsive Web Design - what should happen when the mobile device is rotated?

Currently, the standard behaviour for viewing web pages on a mobile is that: If viewed in portrait the text is smaller because the width of the device is small and the whole page width needs to fit ...
2
votes
3answers
144 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. ...
1
vote
2answers
429 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: ...
4
votes
3answers
184 views

Do users really want responsive dumbed down versions of websites?

I recently read this article Google: Bad User Experience For Mobile Users May Lead To Ranking Issues where an example of responsive / mobile optimized web site is shown side by side with its desktop ...
0
votes
0answers
13 views

Making 4-column table responsive [duplicate]

I have a 4 column table for displaying event information about our event. I am facing issues with narrow screens when I have 4 columns of data in the view. What would be the most feasible solution ...
0
votes
2answers
96 views

UX Guidelines for Responsive Web Design of Print Button?

Some quick questions are: As a part of responsive web design, website contains print article option, but should there be a print option/button in an Tablet or Mobile version of the Desktop website? ...
8
votes
3answers
2k views

What's the best approach for header/footer in responsive web design?

I'm an IA doing a responsive site, as part of a much larger scale e-commerce site. Our pages are the only responsive parts of the overall site, so 90% of our site will not yet be responsive. Part of ...
2
votes
3answers
125 views

Is Responsive Design good for web based software? [duplicate]

I am developing an email software/service similar to gmail and thunderbird, but I am wondering if it is a good idea to have a responsive design or also have apps for different devices?
0
votes
0answers
19 views

What is the ideal grid size [duplicate]

I'm trying to get back into web design and have been doing research. But I can't seem to find a good resource that talks about grid size vs responsive. The last time I worked with ui design, everyone ...
0
votes
1answer
64 views

Retina images or not? [closed]

Do you use retina double size images or not in your webprojects. It looks good but the pageloading will be heavy. How do you think about this?
3
votes
1answer
135 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 ...
48
votes
10answers
5k views

Should users be forced into a responsive design (without the ability to opt out)?

There is nothing worse than getting automatically redirected to a mobile version of a site, and not having (or not easily finding) a "view normal site" link. It's not just that the mobile site is a ...
2
votes
2answers
58 views

How to show this long input with prepend in Mobile which allows user to choose url name?

I'm working on a responsive website where I need to inform users that information he will fill in input will be used to create url for his campaign he is going to create. That input looks like this. ...
0
votes
1answer
77 views

Designing for multiple devices: What grid/grids should I use? [duplicate]

I'm having a big doubt here regarding grid systems. See, I have to design a medical dashboard application for a lot of devices: These are a 42 inch LCD screen, a regular computer screen (using 1200 ...
1
vote
2answers
112 views

Responsive Design / What is an appropriate web component to choose a distance regarding user's geolocation?

I own a responsive web application. I want to let user filter results (supposing a page listing some data) based on his geolocation and a chosen limit. For instance, Bob wants to see all meetings ...
0
votes
1answer
191 views

Responsive Design / Is it a good UX for a multi-step form?

I've got a responsive web app that displays a multi-step. There are 4 steps: What?, Where?, When?, With?, that are indicated on each step to let user know the progress. For instance, here's what it ...
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 ...
1
vote
6answers
434 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 ...
3
votes
7answers
748 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?
0
votes
1answer
101 views

How to convince my client to go for responsive webdesign?

I've worked with my client in the past and only recently some problems appeared and I started to work again on some things. Meanwhile they have created a mobile version of their website, but ...
0
votes
0answers
60 views

Handling a Site with Zero Responsiveness [duplicate]

I'm handling a website that currently has zero responsiveness and is custom (no front-end framework). The website looks horrible on mobile but looks fine on the desktop(obviously bigger screens ...
1
vote
2answers
46 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 ...
3
votes
4answers
241 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 ...
1
vote
1answer
81 views

How do I design a web page to use, but not abuse parallax scrolling?

There seems to be a lot of hype around parallax scrolling now-a-days. I'd like to know if there is a best way, or at the very least, a good way to design a web page that uses parallax scrolling, or ...
1
vote
1answer
107 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 ...
9
votes
3answers
1k 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
876 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
980 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
363 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
4answers
92 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
99 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
21k 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 ...
40
votes
6answers
40k 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
101 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
82 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
132 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
116 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
279 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
80 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
581 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
200 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 ...