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

6
votes
4answers
682 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
5answers
880 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 ...
6
votes
3answers
641 views

Using a Timeline in a Responsive Design?

I might already know the answer to this but would like some feedback / opinions on this. I am currently putting together a responsive design that will use a linear horizontal timeline. This works ...
6
votes
2answers
253 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 ...
6
votes
1answer
542 views

Responsive Web Primary Menu - Show as expanded or contracted by default?

For a responsive website where - at a set break-point - the primary navigation contracts to as single menu item that opens and closes the navigation menu (See the Starbucks.com site for an example) is ...
5
votes
6answers
1k views

How do I design a user friendly survey with more than 150 questions?

I am designing UI/UX for a survey webapp which has more than 150 questions. Right now they are using 5 radio buttons for each question. Similar to the image below: So the question is, how to make ...
5
votes
3answers
1k 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 ...
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 ...
5
votes
2answers
1k views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
5
votes
3answers
850 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 ...
5
votes
5answers
1k views

Responsive web design for e-commerce website?

I'm going to build a big e-commerce website and client want that website should be for all user Desktop, Tablets and Smartphones. and budget is not a problem. Site is an e-commerce website lost of ...
5
votes
1answer
112 views

How to use breadcrumbs in a responsive layout?

I would like to use breadcrumbs on my responsive site. Breadcrumbs become less recognisable if the links wrap as the layout is then less recognisable. This creates an issue for my site as the width ...
5
votes
5answers
621 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 ...
5
votes
1answer
308 views

Mobile Site Footer Location

I am developing a full on RWD with a very small footer. Footer contains only couple links which are orphan pages (FAQs, etc). Our main target users will be accessing the site using iPhones (mostly), ...
5
votes
2answers
332 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 ...
4
votes
7answers
2k 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?
4
votes
3answers
299 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 ...
4
votes
4answers
343 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 ...
4
votes
4answers
681 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 ...
4
votes
2answers
390 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 ...
4
votes
3answers
280 views

Visual language for fixed and fluid widths

Is there a common visual language (symbols) to highlight what parts of a web page that should be fixed or flexible when you're doing wireframes? For example - a web page consists of two columns. One ...
4
votes
1answer
453 views

How do you know if something was designed mobile first?

Now I read lot of articles about mobile first design, and I understood that it's the way of design for the mobile first. My question is, how do we know a website is designed with a mobile first ...
4
votes
4answers
342 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 ...
4
votes
2answers
504 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 ...
4
votes
2answers
3k 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
1answer
64 views

Good names for turning site responsive-ness on and off?

I'm doing work on a website that has been 1900px wide long time, and most of the users aren't extremely tech-savvy and usually +40 years old. To give you an idea of the content of the website, all the ...
4
votes
3answers
191 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 ...
4
votes
1answer
179 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 ...
4
votes
2answers
303 views

Are there devices narrower than 320px (and data on their usage for web browsing)?

Most organisations I know of when testing responsive designs (and responders to the question What is the smallest screen size you design for) use 320px as the narrowest device width they test for, ...
4
votes
2answers
131 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 ...
4
votes
1answer
491 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 ...
4
votes
1answer
257 views

How is the best approach to display responsive combobox?

I would like to implement comobobox with a search filter for phones, larger screens and tablets. The examples below show how I think it should behave for phones and larger screens. I'm still fomenting ...
4
votes
1answer
339 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. ...
4
votes
1answer
375 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 ...
4
votes
1answer
1k views

Chrome Mobile - Request Desktop Site and Media Queries

I'm wondering what people's best practices for handling the Chrome option on Android of "Request Desktop Site" when a site is developed using media queries. When the site is viewed the media queries ...
3
votes
4answers
713 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 ...
3
votes
5answers
304 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 ...
3
votes
6answers
4k 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 ...
3
votes
4answers
922 views

When designing a responsive layout is it right to assume the iPad layout will be the same as the desktop?

When designing responsive layouts I tend to do 2 sets of wireframes. I design for both mobile and desktop and assume that the iPad will adopt the same layout as the desktop due to size. ( this is if ...
3
votes
3answers
108 views

Prepare Community for a Redesign

I am working on a new layout and visual design of an automotive platform. This platform heavily depends on an active community that contributes information such as write-ups, pictures and discussions ...
3
votes
1answer
877 views

Responsive Pricing Table

I am designing a simple Landing Page which has 2 lines about the product and the Pricing Table. I want to Make a Responsive Layout for Mobile. Not sure which is the best way to display the Pricing ...
3
votes
4answers
263 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 ...
3
votes
3answers
84 views

Should a conversion to a responsive layout happen site-wide at once, or is incrementally acceptable?

I have a large website that needs to be updated to be responsive. There are business deadlines that prefer a gradual roll out instead of waiting to be completely finished Should I apply a responsive ...
3
votes
3answers
115 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 ...
3
votes
1answer
520 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 ...
3
votes
2answers
154 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 ...
3
votes
2answers
372 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 ...
3
votes
4answers
525 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 ...
3
votes
2answers
73 views

Information architecture for supermarket website

I'm working on a website (responsive) for a supermarket. I'm thinking about the best way to provide a structured navigation both on mobile and desktop. How would you organize the navigation? I've ...
3
votes
2answers
355 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...