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
6answers
744 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 ...
1
vote
2answers
64 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
6answers
2k 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 ...
1
vote
4answers
197 views

What is the best way to allow users select items from a very long list in a responsive web app?

Scenario I'm designing a web app where the user adds predefined items from List A to a custom List B. List A is over 100 items sorted alphabetically. List B can be customized according to user needs. ...
1
vote
2answers
132 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 ...
1
vote
3answers
662 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
3answers
1k 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 ...
1
vote
4answers
164 views

Hamburger menu for responsive portfolio

In a portfolio web design which focuses on the mobile version design (because of the scenario in which users will use it) does it make sense to keep a hamburger menu for the desktop version? It's a ...
1
vote
2answers
154 views

What would be a mobile friendly solution for a range slider with input controls?

I have a range slider with two input controls, each with a higher/lower button. The user should be able to make his input by sliding (fast but not accurate), typing into the inputs (average speed, ...
1
vote
2answers
130 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
1answer
836 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 ...
1
vote
1answer
130 views

Would like some clarification on screen resolutions [duplicate]

While working on a website, I asked a friend what his monitor size was. He said his monitor was 32" but added that the size of the screen does not matter in web design, It's the resolution and that ...
1
vote
2answers
120 views

Responsive 3 breakpoint design

I was given a quote for a website that states: "responsive 3 breakpoint design, designs for mobile (portrait, landscape), tablet (portrait, landscape), desktop (optimized to 1200 pixels) plus desktop ...
1
vote
1answer
99 views

Responsive navigation menu: With or without animation?

When it comes to responsive navigation patterns, I often find myself using the "slide down pattern": Source Now there are at least two ways to build something like that: With slide animation ...
1
vote
5answers
230 views

Is responsive web design worth it (in my situation)?

I've both designed and developed multiple websites where I worked on making the site responsive for mobile/tablet. It's easy work, but it's extremely tedious and lengthy. Knowing that I am a single ...
1
vote
1answer
107 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
2answers
155 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 ...
1
vote
2answers
264 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 ...
1
vote
2answers
99 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
4answers
2k 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 ...
1
vote
4answers
252 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 ...
1
vote
3answers
136 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 ...
1
vote
1answer
404 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
140 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 ...
1
vote
2answers
558 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
2answers
186 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 ...
1
vote
1answer
89 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
1answer
391 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 ...
1
vote
2answers
686 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 ...
1
vote
1answer
535 views

Should a responsive design adapt to orientation? [duplicate]

Responsive designs allow websites to adapt to different screen sizes and display types. However, some designers suggest that a responsive design should also adapt to orientation changes. a good ...
1
vote
3answers
134 views

Degrading select/filters when no javascript

I have a small question. How do you gracefully degrade select filters? Example, With ajax you might have a State select and then a City select under it that would show the cities of the selected ...
1
vote
1answer
641 views

Best practice or alternatives to handling sub/side nav in a mobile site

I am looking for what would be the best way to handle a websites sidebar in a mobile website template. I am going to be involved in a redesign for a large web site (approximately 10,000+ pages) that ...
1
vote
1answer
191 views

What UI Should I Use?

Here's the feature: The user is a construction sub-contractor. Each user specializes in something like welding or plumbing or windows, etc... Now, these things they specialize in are formally defined ...
1
vote
1answer
167 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 ...
1
vote
1answer
181 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 ...
1
vote
1answer
132 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 ...
1
vote
1answer
287 views

Displaying Lists on Web and Mobile

I need to show a list of items - some thing like browse all the records on the web and mobile. Basically its a list of startups and information about the same. this is a basic version i have come ...
1
vote
3answers
605 views

Is responsive design a must? [closed]

My question has two parts. Is it right to design a responsive site for the web and display it on a mobile device? Should sites be designed separately for mobile devices?
1
vote
1answer
259 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 ...
1
vote
2answers
395 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 ...
1
vote
1answer
149 views

Best way to handle code wrapping on a narrow viewport [duplicate]

Note that this is not a duplicate of this question. I reviewed it before asking the question and the accepted answer is stated as unacceptable in the "Solutions that won't work" section below. My ...
1
vote
0answers
97 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 ...
1
vote
0answers
33 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 ...
0
votes
4answers
905 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 ...
0
votes
3answers
707 views

How does it affect user experience if the navigation menu is a sidebar?

I am new to web development but always had an interest of doing things to enhance UX. For a new project, instead of having a horizontal header with a navigation menu i thought of having a vertical ...
0
votes
2answers
145 views

Determine correct breakpoints to wireframe to a responsive website!

My problem is about choosing the right breakpoints for a responsive website as it's wireframing (Not determining in the code phase). I am having trouble about this. Because many people say that choose ...
0
votes
2answers
173 views

Difference between navigation overlay and toggle navigation in Web Design

I'm writing about responsive navigation for school. I found on the internet that responsive navigation patterns could be divide as: Toggle or multi-toggle pattern Footer anchor pattern Navigation ...
0
votes
2answers
124 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 ...
0
votes
1answer
128 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 ...
0
votes
1answer
19 views

Selecting country in a mobile/tablet landscape mode vs portrait mode on a responsive APP

For selecting country on an APP when it's being opened for the 1st time, On mobile or tablet portrait a 1 column list view is the best option. However is it better to switch to a 2 column view when ...