A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.
6
votes
2answers
196 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 ...
0
votes
0answers
270 views
responsive wireframes in omnigraffle - what size should stencils be? [closed]
i need to wireframe a concept for a responsive website. wireframe should demonstrate how the homepage's grid is going to look like on Mobile, Tablet and Desktop. i use Omnigraffle and have downloaded ...
2
votes
2answers
163 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 ...
12
votes
8answers
2k views
Responsive web design Vs Separate website for Mobile
Responsive Web design is buzzword these days. which means to create a same website and optimized for all devices.
There are also some website which convert the desktop websites into Mobile website
...
-2
votes
2answers
311 views
How well does Google Maps work in a responsive environment?
When a Google map is embedded within a responsive design page, how does it render the map when the page is being viewed as a mobile layout. In other words, when shrunken down to a mobile layout, does ...
4
votes
1answer
148 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 ...
5
votes
2answers
130 views
Layout question regarding “Select existing record or create new one” pattern
I want to create a wizard for creating new data.
In one of the steps the user is supposed to select an existing record or create a new one.
There are of course different ways to solve this.
I am ...
5
votes
3answers
244 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
3answers
180 views
How does “upload an image” behave in a Responsive Design environment?
i.e. "Upload CTA" usually launches an OS based file selection interface on desktop devices. How would this work within a responsive design environment if the user is on a mobile browser. Would it / ...
1
vote
3answers
191 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 ...
6
votes
5answers
631 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 ...
1
vote
1answer
114 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 ...
6
votes
4answers
279 views
Should I use responsive design for an enterprise application used on a variable number of screens?
I'm designing UI for an enterprise application in which the users view their work environment in a single screen mode and dual screen mode (desktops only!).
With this system, the users fill in ...
5
votes
2answers
214 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 ...
6
votes
1answer
195 views
How to achieve this layout in a responsive design?
I am currently, working on the below layout and I am finding it difficult to maintain alignment and layout.
Below is the layout I want, in blue border.
42
votes
7answers
2k views
Responsive Web Design - what should happen when the mobile device is rotated?
Currently, the standard behaviour for viewing web pages on a mobile is that:
If viewed in portrait the text is smaller because the width of the device is small and the whole page width needs to fit ...
7
votes
4answers
335 views
Responsive design on desktop
I am creating a responsive UI application for desktop, tablet and smartphone. And it looks and works fine.
Most of the site has a responsive design like microsoft or nokia global. It also changes ...
4
votes
4answers
564 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 ...
2
votes
5answers
350 views
Is responsive design becoming obsolete soon? [closed]
Responsive design focuses on delivering the content based on screen resolution (pixels).
As screen resolution sizes of mobiles and tablets increase (tablets are now desktop monitor screen ...
6
votes
4answers
170 views
Hide controls on a touch enabled device and only show them if someone uses a mouse?
We're building a responsive web site and we're having a discussion about how to display controls on a map. The theory is that people with touch-enabled devices do not need to see zoom sliders because ...
3
votes
2answers
357 views
What are the ideal widths a website should be designed for on a phone/tablet/computer?
What are the ideal/typical widths that an adaptive/responsive website should be designed for in order to accomodate the most devices possible?
2
votes
3answers
164 views
Navigation for a Web Comic - Icons, or Thumbnails?
The typical webcomic navigation is usually:
First | Previous | Next | Last
Which is about how my comic's current navigation looks, give or take some wingding icons for good measure:
There's ...
9
votes
3answers
515 views
Usability testing and responsive web design
What are your take on usability testing and responsive web sites? The flow of page objects, hiding and showing different types of menus or the resizing of objects could have a big impact on ...
3
votes
2answers
257 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 ...
1
vote
4answers
193 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 ...
24
votes
4answers
1k views
Responsive design: Should I go bigger than 1024px?
I have 6 responsive variations for a web app, from 916px to 320px wide. While running some internal tests, 2 out of 6 people mentioned that they would prefer if the app responded to bigger screens ...
3
votes
2answers
210 views
Does the Foundation framework comply with Section 508 and other accessibility standards?
I'm considering using the Foundation framework for a responsive design for two of my current projects, but I would like to know this: is Foundation designed to adhere to accessibility standards? If ...
2
votes
4answers
250 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 ...
8
votes
4answers
469 views
Best way to indicate that a image gallery can be swiped left-right on mobile/tablet
I'm in the process of adding responsive design to our website and one of the main features that users interact with is our image gallery (we are an editorial-based website). At normal viewport sizes, ...
4
votes
1answer
589 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 ...
8
votes
2answers
1k views
Is switching to a selectbox navigation for mobile devices a good solution for complex menus?
An example of this functionality can be found in this site (shrink the browser viewport to see the selectbox navigation take over.)
Is this a good practice? Wondering if anyone has any experience to ...
13
votes
4answers
7k views
What is the exact difference between fluid and responsive design?
What is the exact difference between fluid and responsive design?
I am bit confused about fluid and responsive design. Fluid is the one where we give width in percentages so that design will look ...
1
vote
3answers
564 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?
4
votes
3answers
230 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 ...
1
vote
1answer
133 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 ...
20
votes
9answers
4k views
What techniques can I use to wireframe sites with responsive/fluid layouts?
How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
0
votes
1answer
269 views
Best practices for Responsive images from mobile to Desktop [closed]
I have Fullscreen image. This creates problems for mobile browsing for the images are large and hi-res.
Next problem is with things like retina display how does a design/programmer prepare to deal ...
17
votes
4answers
2k views
How to adapt your website for TV browsers?
Many home electronic brands have presented new television sets with built-in browsers and apps. Even though not many of these have enjoyed widespread adoption, the responsive web design movement talks ...
3
votes
1answer
437 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 ...
5
votes
5answers
846 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 ...
7
votes
1answer
3k views
What is a good alternative to drop-down menus for site navigation on touch-screen/mobile devices?
We're in the process of redesigning our website, and one of the design goals is to make the site more mobile/tablet friendly.
Our current site is very large, and the navigation is somewhat ...
14
votes
3answers
465 views
Is breaking established web conventions in order to be consistent across multiple devices an unexpected (and therefore harmful) user experience?
As a good working example: The standard convention is for mega menus to appear on hover (see sites such as play.com and next.co.uk).
This fits with Jakob's Law of the Web User Experience which ...
5
votes
1answer
390 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 ...
7
votes
6answers
591 views
What's the best “show navigation” icon for limited screen space
I read through the article and comments on "We need a standard show navigation icon for responsive web design" by Andy Clarke and it got me thinking about the subject and I'd like to hear your ...
9
votes
2answers
604 views
Responsive text or truncated text in Mobile devices?
I was reading this very interesting article on the use of responsive text to show only critical content on mobile devices by the use of responsive text to show one version for the web and one version ...
2
votes
2answers
222 views
Responsive Layouts: Can they respond to *on-screen* keyboards? (i.e. Tablet / Mobile keyboards)
This question is fairly simple, though I'm not sure the technology exists yet. I'm building a responsive version of a website to be optimized for use with a tablet device. This is one challenge ...
1
vote
3answers
603 views
Using a responsive design for an internal-use-only, enterprise application that runs in a browser?
I am building a fairly large scale application that runs in the browser, and only on intranets.
It is essentially a website, as in it's still just content viewed in the browser. But it's not a ...
6
votes
3answers
935 views
Responsive website - navigation usability advice
I am developing a site which is to respond to different screen sizes. The site is fairly large and has up to 4 levels deep in terms of page/menu hierarchy. What I am wrestling with now is how to adapt ...
0
votes
1answer
169 views
Is there a scaling behavior guide for designing sites & system interfaces?
In my work I was asked to define the scaling behavior of the system interface (or website), and I was wondering whether there are any guidelines or best practices about how to characterize and design ...
12
votes
9answers
4k views
How should large table columns be handled on a responsive design?
Related to This Question, I'm interested in what I should do with a responsive design theme where the users have control over the columns which are displayed in a tabular, data rich page. Users are ...
