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

70
votes
4answers
8k views

Should users be able to zoom in a responsive webdesign?

When it comes to a responsive design: should users still be able to zoom in or out? We are currently working on a responsive design and one of our testers found it awkward that he wasn't able to zoom ...
8
votes
2answers
1k 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 ...
5
votes
5answers
436 views

Is it reasonable to partially implement responsive design?

Has anyone ever heard of someone making only some pages on their web site responsive? What do you think about this idea, is it good or bad? I'm not really sure how I feel about the idea. Please ...
-1
votes
2answers
107 views

High fidelity / graphic prototypes delivery? [closed]

Disclaimer I am a ruby on rails developer that never actually dealt with graphical design. Situation We are currently about to release a product. And the application looks alright but not ...
4
votes
2answers
118 views

How to better display metadata about a card?

A Card has the following metadata: Information: Status (ready or not), Stage (one of nine) Actions: Edit, View Statistics, Edit, Delete, Archive I need to display both sides of the card on this ...
1
vote
1answer
139 views

Do dynamic height changes jar users on web page load?

When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
9
votes
4answers
10k views

What is the generally accepted resolution for mobile design?

So, I am a week and a half into a new project, and I've been designing for a resolution of 320px * 480px. I am new to the game and I've just found out that that resolution is too small considering the ...
12
votes
4answers
2k views

What's the reason behind fixed (position) navbars?

It's becoming almost customary for responsive designs to have fixed-position navbars, where the navbar is fixed to the top (usually, or even bottom sometimes) of the viewport of the browser. Don't ...
4
votes
1answer
382 views

responsive design vs inter usability of websites across multiple devices

I'm reasonably new to responsive design as we are considering how to pitch it to our web development clients (mostly not-for-profits and gov orgs who will need to see a solid ROI on extra design money ...
1
vote
4answers
1k views

carousel in responsive site - should I keep or remove the navigation arrows?

I'm designing a responsive website and I have a question about the carousel element I have in the site: the carousel has right and left arrows < content_content_content > that reveals previous and ...
7
votes
2answers
530 views

When is appropriate to include buttons and or swipe command in a Responsive Design off-canvas layout.

When is appropriate to include buttons and or swipe command in a Responsive Design off-canvas layout? While doing some Responsive Web Design research for sites using the off canvas navigation ...
1
vote
0answers
92 views

Testing cross-platform touch performance [closed]

I am at a phase of a project where I need to establish a proper testing method where I can measure how well the touch performance on different smart devices (tablets and smartphones). My primary test ...
3
votes
2answers
137 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 ...
10
votes
4answers
2k views

What does “mobile-first” mean?

So I've been trying to find a legitimate answer to this question for a couple days. I read an interview in Awwwards recent publication Trends Web and Mobile 2013 with the following answer in regards ...
1
vote
0answers
28 views

What is the best way to record a user lab that includes multiple devices? [duplicate]

I have always used porgrammes such as Morae or Silverback to record user labs, but I'd like to test different breakpoints on a responsive site using actual devices. How do I record tests on tablets ...
2
votes
1answer
353 views

Responsive web vertical scrolling design and elements [closed]

I have been trying to implement a vertical scrolling site that is also responsive. For that purpose, I have not used a responsive grid, only media queries. But I do have some blanks to be filled and I ...
6
votes
2answers
154 views

Mobile website text link

When developing a mobile or responsive website (for touch screens) making navigation links and other buttons larger to be easier to tap and avoid 'fat fingers' is a good idea. My question is what ...
4
votes
2answers
1k views

Responsive Design, how to display two large navigation menus?

we are currently looking at redesigning one of our sites so it is responsive. The problem is the site generally has two large menu systems per page. One at the top as the main navigation and then a ...
4
votes
4answers
325 views

Should I place my menu on top of my mobile version of this showtimes website?

I'm trying to design a simple website that will show movie showtimes in a few cities. It's going to be a french website but I translated the important content in the screenshots and the website to let ...
-1
votes
1answer
90 views

Would a responsive design work for a yelp-like site/service?

I'm in the process of developing a review/rating site similar in functionality to Yelp (but on a smaller scale) and I'm going with a Mobile-First approach, and was wondering if I should just make the ...
2
votes
0answers
33 views

Forms in fancybox or full size page - which is good for conversions? [duplicate]

I have a responsive website, with a Sign Up form & a Contact form. I'm not able to decide whether should I open these forms in fancybox / prettyphoto or redirect user to a full sized page with ...
6
votes
6answers
222 views

What are the strengths and weaknesses of dynamic responsive typography?

By dynamic responsive typography, I mean a system where the type changes in real time based on an external attribute of the environment or the user, without the user explicitly setting it. Here is an ...
1
vote
1answer
103 views

“Responsively” select an item from a large closed collection?

I'm building a responsive web application. One of the main focus of this application is to efficiently collect information. In some fields, I need the user to select one value from a large collection ...
2
votes
5answers
893 views

Responsive Websites on tablets: portraits or landscape first?

I'm designing a responsive website for my master degree thesis. It's my first experience in this field, so I'm wondering, when I'm designing for tablets I have to consider the portrait or the ...
6
votes
2answers
1k views

Contact form on mobile vs. mailto: link?

I have decided to put a contact form in the footer for my portfolio site and opening the question up to include any site where the decision was to add a contact form on the desktop version... Would ...
2
votes
2answers
184 views

Responsive vs Full Mobile Solution… with a twist.

Most people see the pros of responsive design being one codebase with a variable visual layer via CSS media queries, and the pros of an adaptive, mobile specific site being able to use a mobile ...
13
votes
8answers
3k views

Responsive web design Vs Separate website for Mobile

Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices. There are also some website which convert the desktop websites into Mobile website ...
-2
votes
2answers
734 views

How well does Google Maps work in a responsive environment?

When a Google map is embedded within a responsive design page, how does it render the map when the page is being viewed as a mobile layout. In other words, when shrunken down to a mobile layout, does ...
4
votes
1answer
168 views

Is it appropriate to detect the user address details from mobile service provider for banking site on mobile/tablet

I am in phase of researching different approaches for designing saving bank account opening from phone/tablet. It will be a combination of responsive and adaptive layouts. The challenge we have is ...
5
votes
2answers
354 views

Layout question regarding “Select existing record or create new one” pattern

I want to create a wizard for creating new data. In one of the steps the user is supposed to select an existing record or create a new one. There are of course different ways to solve this. I am ...
5
votes
3answers
434 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 ...
6
votes
3answers
796 views

How does “upload an image” behave in a Responsive Design environment?

i.e. "Upload CTA" usually launches an OS based file selection interface on desktop devices. How would this work within a responsive design environment if the user is on a mobile browser. Would it / ...
1
vote
3answers
604 views

Hover over web images for additional details best practices

I know that a discussion was already made on various places whether it is good to use hover on images on the web or in mobile apps. With the rise in mobile use where touch is prevalent do you think ...
6
votes
5answers
766 views

Is this an instance where I should apply responsive design?

I'm not a great graphic designer or UI designer. I'm developing a plugin that has a popup window on click of a link on webpages. The effect is similar to this one: http://fancybox.net/ But instead ...
1
vote
1answer
128 views

How shall I display my application version and contact details to the end user

The traditional approach for displaying application information to user is through Menu. User select Help > About and we display a popup displaying the details. Is there a better approach doing ...
5
votes
2answers
265 views

A modern image gallery: fluid or elastic?

I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries. Ok, in wide screen i ...
6
votes
1answer
247 views

How to achieve this layout in a responsive design?

I am currently, working on the below layout and I am finding it difficult to maintain alignment and layout. Below is the layout I want, in blue border.
7
votes
4answers
508 views

Responsive design on desktop

I am creating a responsive UI application for desktop, tablet and smartphone. And it looks and works fine. Most of the site has a responsive design like microsoft or nokia global. It also changes ...
4
votes
4answers
628 views

Should a responsive or adaptive web design be done with only two layouts?

I am working on a small Drupal site that needs to be mobile and desktop optimized. Tablets are not a large part of the anticipated usage. The process has not been ideal. We are planning on taking a ...
2
votes
5answers
445 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 ...
6
votes
4answers
203 views

Hide controls on a touch enabled device and only show them if someone uses a mouse?

We're building a responsive web site and we're having a discussion about how to display controls on a map. The theory is that people with touch-enabled devices do not need to see zoom sliders because ...
4
votes
2answers
3k views

What are the ideal widths a website should be designed for on a phone/tablet/computer?

What are the ideal/typical widths that an adaptive/responsive website should be designed for in order to accomodate the most devices possible?
2
votes
3answers
206 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
10
votes
3answers
971 views

Usability testing and responsive web design

What are your take on usability testing and responsive web sites? The flow of page objects, hiding and showing different types of menus or the resizing of objects could have a big impact on ...
3
votes
2answers
330 views

How to display a rotator / carousel in a responsive website when shown on a mobile

I'm working on a responsive wireframe and the desktop version has a feature area rotator. On the desktop site, it just has arrows and I worry that that will make navigating the rotator difficult on ...
1
vote
4answers
231 views

Starting responsive web design from desktop planning? (project time crunch)

Backstory: Our product team has begun finalizing details for a user accounts project, which will be worked on in a fluid framework. But, responsive web design had just been brought up to the product ...
25
votes
4answers
2k views

Responsive design: Should I go bigger than 1024px?

I have 6 responsive variations for a web app, from 916px to 320px wide. While running some internal tests, 2 out of 6 people mentioned that they would prefer if the app responded to bigger screens ...
3
votes
2answers
730 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 ...
2
votes
4answers
392 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 ...
8
votes
4answers
798 views

Best way to indicate that a image gallery can be swiped left-right on mobile/tablet

I'm in the process of adding responsive design to our website and one of the main features that users interact with is our image gallery (we are an editorial-based website). At normal viewport sizes, ...