Tagged Questions

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
1answer
380 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 ...
3
votes
2answers
272 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 ...
2
votes
2answers
389 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 ...
-1
votes
4answers
319 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
3answers
17k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: ...
2
votes
1answer
90 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) ...
1
vote
3answers
122 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
479 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 ...
1
vote
1answer
126 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
530 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 ...
5
votes
1answer
265 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), ...
22
votes
7answers
20k views

Responsive Breakpoints?

Twitter Bootstrap uses these break points for responsive design: Large Display: 1200px Default: 980px Tablet: 768px Mobile: 480px A client said they are using 1280px for their Large Display ...
6
votes
3answers
584 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 ...
11
votes
4answers
368 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 ...
2
votes
1answer
154 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 ...
2
votes
3answers
243 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
145 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
126 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 ...
5
votes
3answers
774 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 ...
1
vote
1answer
174 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 ...
73
votes
4answers
12k 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
3answers
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 ...
3
votes
4answers
748 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 ...
-1
votes
2answers
122 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 ...
5
votes
2answers
884 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 ...
4
votes
2answers
128 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
157 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
21k 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 ...
4
votes
1answer
383 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 ...
8
votes
8answers
797 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
441 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
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 ...
7
votes
2answers
799 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
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 ...
6
votes
4answers
333 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?
3
votes
2answers
152 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 ...
11
votes
4answers
3k 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 ...
21
votes
4answers
12k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
1
vote
0answers
29 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 ...
6
votes
2answers
215 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 ...
2
votes
1answer
444 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 ...
3
votes
2answers
322 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 ...
-1
votes
1answer
102 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 ...
1
vote
1answer
133 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 ...
0
votes
4answers
620 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 ...
6
votes
6answers
248 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 ...
7
votes
2answers
2k 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
193 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 ...