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
152 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
509 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
164 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
597 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
220 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
324 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
304 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
253 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
296 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 ...
2
votes
1answer
89 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
824 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
121 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
453 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
328 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
118 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 ...
0
votes
1answer
501 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 ...
6
votes
3answers
2k 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
248 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
542 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 ...
45
votes
9answers
4k views

Should users be forced into a responsive design (without the ability to opt out)?

There is nothing worse than getting automatically redirected to a mobile version of a site, and not having (or not easily finding) a "view normal site" link. It's not just that the mobile site is a ...
3
votes
4answers
709 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
234 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
151 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
752 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
360 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
142 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
121 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
3k 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
154 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 ...
72
votes
4answers
11k 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
2k 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
496 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
113 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
126 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
148 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 ...
10
votes
4answers
17k 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
3k 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
430 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
739 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
95 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
147 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
419 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
199 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
2k 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
336 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
97 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 ...