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

2
votes
3answers
74 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
846 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
6k 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 ...
1
vote
1answer
41 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 ...
0
votes
3answers
62 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
64 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
55 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
110 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
171 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
40 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
205 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
50 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
201 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
211 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
84 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
735 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 ...
30
votes
4answers
27k 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
3answers
185 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
61 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
325 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
66 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
70 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
62 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
190 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
188 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
358 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
145 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 ...
46
votes
7answers
4k 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
82 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
400 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
722 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 ...
3
votes
7answers
512 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?
11
votes
1answer
239 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
241 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
103 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
282 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
956 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
160 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 ...
8
votes
2answers
349 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
333 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
97 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
44 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
251 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
188 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
606 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 ...
16
votes
11answers
7k 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
282 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
295 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
415 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
199 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 ...