Questions tagged [responsive]
A web design approach aimed providing an optimal viewing experience across a wide range of devices, from mobile phones and tablets to desktop computer monitors
99
questions
44
votes
8
answers
10k
views
Should the hamburger menu close only on icon click or on click outside as well?
We are using a hamburger menu on the mobile view of our responsive website, http://edmdesigner.com
There's a debate going on in the team:
a) Should the hamburger menu close if you click/tap outside ...
- 5,010
25
votes
10
answers
22k
views
Multiple vs single field capture for phone number form input
Working on a form dealing with phone numbers, I've seen two methods to capture user input .
In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
- 1,803
20
votes
2
answers
6k
views
Why is the Google Search Results page not responsive? [closed]
As every web developer/designer, I read many articles about why responsive web design is important. We are also often told, that you can learn a lot by observing the UI (and optionally the code itself)...
- 303
15
votes
3
answers
4k
views
What does Responsive Web Design actually mean....? [duplicate]
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 ...
- 151
11
votes
4
answers
13k
views
What is considered to be the best practice regarding making PDF files easily browse-able for mobile users?
What is considered to be the best practice regarding making PDF files easily browse-able for mobile users? Should PDFs be converted to responsive web pages whenever possible?
- 113
11
votes
4
answers
2k
views
Responsive Nav: How to show user login status on mobile phone width?
I building a responsive navigation, and I'm trying to get a nice clean simple mobile portrait menu.
In the enclosed illustration, we have a standard nav. The business requirements state that the ...
- 24.6k
9
votes
3
answers
7k
views
Common responsive design practice for lightbox on web?
I am design a page which populates a lightbox on the page with medium size of information on the lightbox itself. I also have to design this page to be responsive on a mobile device particularly smart ...
- 91
7
votes
6
answers
3k
views
Accessible and Responsive Tables?
I'm looking at creating a large multi-column table within a web app. However we are experiencing a challenge whereby none of the solutions fit the bill 100% and we are wary of just choosing one ...
- 4,201
7
votes
2
answers
2k
views
Can a button be too wide?
I have a form which has been designed as mobile first. Currently (most) of the form field are set at 100% width, including the submit button. Some people are of the opinion that the submit button is ...
- 71
7
votes
2
answers
7k
views
Suggestion required for max width of a form
My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor.
I would like to hear your ideas on ...
- 73
7
votes
4
answers
2k
views
Is hiding the sidebar menu of a responsive site into a "page title accordion" a good idea?
I was looking for some elegant solutions to display a sidebar menu, and I found a few sites that use the same pattern: instead of moving the whole sidebar menu under the main content on smaller ...
- 123
7
votes
3
answers
406
views
How to deal with components in a responsive design being larger at smaller breakpoints?
to note, I'm using screen size heuristics to make estimations on viewport height based on width to simplify the deisgn. This is possible a faulty heuristic and maybe would be better off using a height ...
7
votes
2
answers
1k
views
What is the best way to implement tabs for filtering on a responsive dashboard?
I am developing a web application that tracks Machinery performance in a Factory environment. There is a hierarchical structure to the customer's setup in the form of....
Factory 1
- Production ...
- 71
7
votes
5
answers
1k
views
How should I handle buttons on larger screen mobile devices?
I am designing a responsive site that supports landscape orientation. My question is specific to button sizes.
Usually on portrait mode, buttons stretch across the screen. For bigger smartphones ...
- 71
6
votes
2
answers
2k
views
Pinch/Zoom: evidence for bad UX
My company is redesigning its corporate website. the CEO is not entirely sold on the business/UX case for going mobile (and the added bandwidth that entails). Part of his objection is that he believes ...
- 185
6
votes
4
answers
992
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 ...
- 161
6
votes
1
answer
208
views
RWD - Drag to background
I have the following setup for a responsive website.
download bmml source – Wireframes created with Balsamiq Mockups
The problem I'm running into is that on mobile devices, when the sidebar is ...
- 163
6
votes
5
answers
267
views
An alternative for toggle on mobile devices
I'm working on a mobile website. In the page which I'm working on the user can choose one package from a range of 3. Each of them has a total price and a description, along with some products included ...
- 963
5
votes
2
answers
2k
views
UX/UI Responsive - Long forms with multiple language content
I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported)
The ...
- 363
5
votes
1
answer
1k
views
Mobile navigation - off-canvas or dropdown?
I'm working on a responsive site where the main navigation gets compressed to a "menu" button when at a mobile small-screen size. I feel like there are 2 strong methods for handling the navigation:
...
- 1,209
4
votes
1
answer
14k
views
Browser zoom in/out optimization vs. responsive design
I have a situation where we have a website that is designed to be responsive (tablet, phone). Our business stakeholder discovered an issue when the site was zoomed out to 90%. His argument is that a ...
- 41
4
votes
2
answers
2k
views
How to show dual list in responsive
I am showing a dual list on web application. It has desktop view and mobile responsive view.
As we know that we can't show the dual list 2 columns side by side in mobile view due to less space.
So ...
- 251
3
votes
5
answers
4k
views
Huge data in table in responsive email
I have a system where the tabular data is send via email and looks like the attachment. The table may have more than 50 rows in single email. Are there any solutions for this table view and use any ...
- 131
3
votes
2
answers
3k
views
Should I include a "back" button on a responsive website? [duplicate]
Do you believe there should be a back button on a responsive website or should we rely on the browser's controls?
If you believe there needs to be a button in the design...
Would you have it appear ...
- 677
3
votes
3
answers
165
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 ...
- 33
3
votes
1
answer
423
views
How many breakpoints for mobile devices in responsive design and mobile native apps? [closed]
In a browser based app with responsive design, how many breakpoints are needed? Have you done any projects as an example, and what are the best industry practices?
I normally see only 3 breakpoints; ...
- 31
3
votes
2
answers
348
views
Responsive table with many text inputs
I have a table designed like this:
I need to make it responsive so it looks good on mobile devices.
Some requirements for the table:
There should be tips/hints for each text field. "Tips" -...
- 31
3
votes
1
answer
341
views
How do we convey a web page or app for different age groups?
A children's book is colorful and has large letters. At the same time, when we grow up, letter size is reduced by age, and in old age there is much less color and letters are larger. So, if a page is ...
3
votes
2
answers
887
views
Responsive Date & Time Picker
I am developing a very simple web app where, apart from other functions a user will see date and time in a small widget like so:
A user is also allowed to change the time and date. I looked at lots ...
- 133
3
votes
1
answer
4k
views
Grid system for mobile app mockups?
1) For native mobile apps (iOS7, Android etc.), do you guys do mockups using the grid system too? Like maybe, 4-column grid layout for mobile apps? I heard of the grid system being used for responsive ...
- 233
3
votes
1
answer
364
views
Why is mobile sticky navigation always on top of the browser?
Is there a good explanation why the sticky navigation is always on top of a mobile website and not at the bottom?
I reckon that with bigger and bigger screens, as a user, you'd want the menu button in ...
- 31
3
votes
2
answers
2k
views
Dynamic Progress Indicator
I am currently working on a responsive web app and am having some issues designing a progress indicator that I am happy with.
The app is a workflow based tool which works by displaying cards ...
- 2,154
2
votes
2
answers
937
views
Do websites need to be responsive in 2014?
Visiting websites using a mobile device is still increasing. The first quarter of 2013, more than 10 percent of the visits were done using a tablet and more than 10 percent of the visits were done ...
- 54.9k
2
votes
4
answers
122
views
How can I display a definition to my users on mobile?
I have a client that has some content with pretty intense scientific language. They realize this, and want to offer contextual definitions, on demand.
I can find lots examples of this being done via ...
- 51
2
votes
5
answers
448
views
How should a download button be deprecated for mobile?
Our website gives users the ability to download data but this data can't be downloaded to a mobile device. For the mobile viewport widths of our site I'm considering these options:
1) Remove the ...
- 21
2
votes
1
answer
2k
views
How does Amazon's website adapt to mobile devices?
When you open Amazon's website with developer's tools and try to re-size its viewport size, the site seems to be static. But when you open it in a mobile device it perfectly fits to the screen.
What ...
- 23
2
votes
3
answers
2k
views
Using radio buttons responsively
I am working on a project with form design - giving users a choice of 7 options. With prototyping (in Axure), I have found that users using mobile phones seem to have some difficulty selecting radio ...
2
votes
2
answers
2k
views
Example Lateral, Forward & Reverse Navigation in Desktop Applications
I'm researching Material Design in how it's related to layer based navigation.
Navigational directions Based on your app’s information architecture,
a user can move in one of three navigational ...
- 131
2
votes
2
answers
3k
views
How should multiple buttons wrap on different responsive breakpoints?
We are currently developing a Wordpress site that has a Shortcode button feature that allows the client to alter the text, URL link and colour of a button, also to add new buttons.
The client is ...
- 163
2
votes
2
answers
82
views
Which font to use when text in an image and image is zoomed out of / made smaller
I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
- 21
2
votes
1
answer
1k
views
Responsive secondary and tertiary navigation
I'm working on a responsive Product Customization feature for an e-commerce website that has a hamburger primary nav, but will also need a secondary navigation for selecting the main Customization ...
- 63
2
votes
3
answers
526
views
Subnavigation on iPad or Other Tablet
I have a navigation and subnavigation bar that runs in parallel across the horizontal width of the page. It works fine on desktop computers. As you hover over the main navigation items, its ...
- 121
2
votes
3
answers
2k
views
What's the ideal width and number of products in line (ecommerce website - responsive)
We have an ecommerce site - daily deal website.
I would like to get your opinion on what website width should be. I was thinking about 1000px OR 1200px. But in the case of 1000px we would display 3 ...
- 21
2
votes
3
answers
133
views
Should I use an Adaptive Design for my website?
My idea is to one page, but when you screen size is smaller than 'x', then you will not see the desktop content, only the mobile content.
This will work something like this; http://jsfiddle.net/...
- 61
1
vote
1
answer
1k
views
Print mode, will users always print at 8.5 x 11?
So we are setting up a printable coupon page (using a print media query in css) which gives you a good bit of flexibility but it got me wondering; how often are people printing pages outside of 8.5 x ...
- 19
1
vote
2
answers
496
views
Footer menu same as Menu
The links which are in the menu are replicated in the footer menu. Is placing same menu links in the footer redundant or is it a bad practice in web design or development?
1
vote
2
answers
511
views
Navigating a double top bar
I've ran into a UX problem in a site I'm designing. I feel like there's an obvious solution but I'm having trouble finding it.
I have a site that has a global sticky bar. In the middle of the site, I ...
- 11
1
vote
2
answers
1k
views
Why are websites center aligned instead of stretched to fit?
Trying to figure out the exact reasons why websites or web applications on wider screens
1. have space on either side (aligned center as a container)
2. instead of being left-aligned or
3. stretched ...
- 61
1
vote
1
answer
64
views
Feedback - does designing for 2 layouts (mobile plus desktop above 1200px) seems appropriate?
The lead dev in my company suggested designing for mobile and desktop above 1200px. It's a new way of designing for me so I just wonder does one of you heard about this way before? He suggested that ...
- 963
1
vote
2
answers
157
views
using Iframe and allowing responsiveness [closed]
I have a link that if it goes to it directly, it is responsive, but if I put it in an iframe to "mask" the url, it is not responsive.
Is there a way to force allow it to be responsive?
- 11