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

0
votes
2answers
148 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
84 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
465 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
236 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
602 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 ...
1
vote
1answer
350 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 ...
48
votes
7answers
6k 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
2answers
106 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! ...
6
votes
4answers
455 views

Should I use responsive design for an enterprise application used on a variable number of screens?

I'm designing UI for an enterprise application in which the users view their work environment in a single screen mode and dual screen mode (desktops only!). With this system, the users fill in ...
1
vote
6answers
936 views

How will you explain responsive web design to a potential employer? [duplicate]

I have been working as a UI/ UX engineer for more than three years. Three years aren't enough to have great knowledge but I have good knowledge on giving the user a good visual experience and a good ...
11
votes
1answer
264 views

50% of the site responsive / 50% old vs. the whole site is old

This may sound like a daft question, but here it goes. Faced with a challenge of turning a really old hand-coded website that is left-centered and feels/looks 1990s into a responsive site (using ...
4
votes
1answer
282 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 ...
-2
votes
2answers
136 views

Do you think responsive design is good for an enterprise website? [closed]

I have a few survey questions for developers that work on their company's website and are familiar with Responsive Web Design. I'm targeting developers whose role is more on the front end of the ...
3
votes
4answers
434 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 ...
10
votes
8answers
2k views

Web design workflow without Photoshop

There is more and more talk of web designers moving away from the idea of spending an incredible amount of time wireframing and then designing in Photoshop and I wanted to get everyone's opinion on ...
3
votes
2answers
309 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 ...
9
votes
2answers
550 views

Responsive Secondary Menu

I have a layout similar to the below screenshot. Where the top nav will get collapsed using hte Twitter Bootstrap Nav Collapsed. Also i have a secondary menu below the nav bar on the left hand side ...
2
votes
2answers
443 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 ...
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 ...
-1
votes
1answer
46 views

How to turn generic widgets into responsive widgets [closed]

We offer a widget which is incorporated into random websites by injecting a div into a predetermined location on pages (not as iframe). A good example is 'people who bought this also bought' widgets ...
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 ...
2
votes
2answers
305 views

Responsive Intranet Design - Changing order of elements between views?

I'm currently implementing a responsive design on an intranet, which has the following view in desktop width equal to or greater than 1024 px. The tablet view is anything less than 1024 px width. ...
7
votes
3answers
2k views

Best Practice for Responsive Website Header

While working on converting an outdated website to be more responsive I came across a concern with the website header. The client wants to keep their large graphic (both image and text are 1, not 2 ...
19
votes
11answers
9k views

How should large table columns be handled on a responsive design?

Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
3
votes
2answers
313 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 ...
1
vote
2answers
375 views

Better position to place slide in/out icon for a horizontal slide menu in responsive theme?

As my attached screenshot, I have a primary menu set at the top that scrolls horizontally even in smaller device-width. The items in secondary menu set at the left sidebar will change according to the ...
8
votes
4answers
462 views

Responsive Nav: How to show user login status on mobile phone width?

I building a responsive navigation, and I'm trying to get a nice clean simple mobile portrait menu. In the enclosed illustration, we have a standard nav. The business requirements state that the ...
2
votes
3answers
299 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 ...
0
votes
1answer
460 views

Responsive Webdesign: Best Practices for Maps Integration?

What is your advice on how to best present the user a list of search results which are location based in a responsive web design manner on a Google/Bing/OpenStreet Map? Since there are some metadata ...
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: ...
2
votes
1answer
178 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
394 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 ...
1
vote
2answers
225 views

Best approach for displaying content across a full screen UI design?

While I've become pretty accustomed to designing within responsive grids I wanted to take a stab at creating a full screen interface. One of the more challenging aspects in doing so is dealing with ...
0
votes
0answers
35 views

Are MEDIA QUERIES used in Fluid Layout Design or only in Responsive Web Designing? [duplicate]

Is the Fluid Designing done using media queries as same as Responsive Design (like detecting screen resolution). I want to be clear with the exact difference between these two methods and how these ...
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 ...
2
votes
1answer
261 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
1
vote
2answers
98 views

Do you need to design for responsive?

Basically the question is in the title. Many of my co-workers think that you can design for desktop and then if the client decides to make it responsive later on then so be it. I think this is a ...
1
vote
2answers
705 views

Should I replace radio buttons with buttons on a responsive form?

I'm designing a responsive form and wondering about the use of radio buttons. It would make a lot more sense for me to use buttons on mobile forms e.g. are you married? [YES] [NO] ...instead of making ...
0
votes
0answers
28 views

Is the use of carousels good? Do users actually know how to use a carousel? [duplicate]

The question is pretty much what is on the title. I keep having the feeling that building a multiscreen (responsive/adaptative) environment with carousels is something that the users don't know how to ...
2
votes
2answers
432 views

How to make fluid web site consistent

I am redesigning my fixed width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
19
votes
4answers
11k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
0
votes
4answers
537 views

Should viewport rotation be an option rather than a default on mobile devices?

Rotating a mobile device has unpredictable effects: Depending on OS and app rotating the device can have no effect, or it lays out the content to the new screen orientation, potentially showing a very ...
2
votes
3answers
179 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
3answers
138 views

Adapt site to be responsive [closed]

I need to adapt a web site to be responsive. I used bootstrap 2.3 for the navigation bar, carousel slide, thumbnails gallery, etc. My question is how do I adapt the site shown in the picture to be ok ...
13
votes
3answers
2k views

What does Responsive Web Design actually mean…?

I've gone through with many articles to understand exact difference between Responsive and Fluid web design. But couldn't make my understanding differentiate between these two. Can anyone help me to ...
11
votes
4answers
357 views

Best Approach for Responsive Linked Images from Desktop to Mobile?

I am redesigning a website from the early 90's and trying to make it more "responsive". An issue came up that involves two images on the homepage when viewed on mobile devices. These images are linked ...
-1
votes
2answers
229 views

What is so special about “Twitter Bootstrap”? [closed]

I have seen Twitter bootstrap and Yahoo purecss but I don't understand why they are becoming industry standards. People tend to directly use them for their project without thinking of something unique ...
2
votes
3answers
152 views

How can I display really long content pages on a responsive site?

What are some of the better UX techniques to deal with really long static content pages? We are talking about 4-5 printed pages on a single URL of a site (meaning that if you were to print these ...
2
votes
4answers
509 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 ...
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 ...