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
1answer
422 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
703 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
351 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 ...
5
votes
2answers
3k 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
429 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
107 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 ...
2
votes
2answers
1k 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
31 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
680 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) ...
0
votes
4answers
1k 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
242 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
179 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 ...
15
votes
3answers
4k 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
427 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
298 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
293 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
851 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
224 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 ...
0
votes
3answers
841 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 ...
-1
votes
1answer
458 views

Tool - site that shows grid overlay? [closed]

Quick question - Does anyone know of a site where you can type in a url of someone else's site, and the site will show a grid overlay, or somehow show the grid system that that url uses? I could have ...
1
vote
1answer
779 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 ...
2
votes
2answers
1k views

What does “form factor” mean when referring to software?

I'm asking about when the term is used in context of software UI. I see Wikipedia articles related to hardware when Googling the term, but not sure what people mean when they refer to it in context ...
3
votes
2answers
410 views

Slide-out navigation and landscape vs. portrait iPad

I'm currently using a slide-out navigation on a website for handheld devices and tablets. Some of the stakeholders on the project are concerned that using the slide-out for landscape orientation is ...
-1
votes
4answers
426 views

Is a grid layout for a music/video player bad ux?

I'm working on this app for a music festival @ http://www.acl.fm - we don't have much traffic so I can't test my assumptions, but the bounce rate is high. I'm curious if this type of layout is a bad ...
3
votes
1answer
101 views

How do I handle transitioning a mobile user to a desktop experience?

My team and I are making iterative changes to a site, slowly converting it to a responsive site. During this transition there may be some instances where a mobile user (who is on a responsive page) ...
5
votes
2answers
2k 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 ...
1
vote
3answers
151 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 ...
2
votes
3answers
621 views

Increase font-size for larger displays with responsive design?

If im making a fully responsive site then how should I alter my font-size for the different size displays (breakpoints)? Phones and tablets are held closer to the user so it would make sense for the ...
6
votes
4answers
340 views

Is making all your desktop content available the same as making all the functionally available?

I was wondering if the argument for providing all the content from your desktop site on your mobile site includes making all the functionality and features also available?
1
vote
1answer
205 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
1answer
749 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 ...
7
votes
3answers
3k views

Design patterns for Search

I know this may sound very generic question, but I am forced to post this to understand different patterns of search. I am working on a content oriented site which contains various types ...
5
votes
1answer
453 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), ...
6
votes
3answers
823 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 ...
3
votes
4answers
1k 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 ...
2
votes
3answers
390 views

I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?

As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
2
votes
1answer
187 views

Mobile Menu with 150+ links

I'm building a website that has over 150 menu items. Normally, for small sites, I would use a responsive mobile menu for use on mobiles. However, as you can imagine, 150 or more menu items loaded onto ...
8
votes
8answers
1k views

Icons vs. Dropdown for primary mobile navigation

I am working on a responsive design in which there are 5 selections in the primary navigation. I'm thinking because there are only 5 I could use icons instead of a dropdown for the primary navigation. ...
4
votes
1answer
566 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 ...
-2
votes
1answer
178 views

How to inform a designer to use a grid for responsive CSS? [closed]

How do you share information on a grid with a designer / design process, such that it helps in further coding of CSS of a responsive interface? Do you use any tools in a mock? Do you show blueprints ...
1
vote
1answer
139 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 ...
11
votes
6answers
5k views

Responsive Menu that has a LOT of menu items

We have a responsive menu that on mobile just shows the top level menu items (x8), but on desktop also shows hover drop drop downs with service areas within the parent menu item. The problem is we ...
1
vote
1answer
213 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 ...
84
votes
4answers
24k 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 ...
5
votes
5answers
798 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
146 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
144 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
183 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 ...
13
votes
4answers
72k 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 ...
16
votes
4answers
4k 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 ...