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
0
votes
1
answer
203
views
Responsive UI Pattern for selecting from a list of exact values greater than 5?
I'm designing a page where users should be able to sort between exercise videos categorized by "phase." (see image). These phases start with "Pre-Op" then proceed linearly 1, 2, 3, etc. Since these ...
CommunityBot
- 1
1
vote
1
answer
32
views
What is the effect of screen scale (in Windows) on web components?
I have a question regarding the screen scale issue in Windows.
We are dealing with a screen scale issue that affects the visibility of the components in our application. It causes a zoom-in, mainly on ...
CommunityBot
- 1
0
votes
5
answers
657
views
How to display restaurant menu on mobile
I would like to know whats the best way to display a long restaurant menu on a mobile? The menu consists for 7 categories. On tablet/desktop I have used a 2 column layout, one for the list itself and ...
- 9
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 ...
0
votes
0
answers
29
views
What are best practices for creating widget libraries with responsive views?
Is it a good practice to create responsive versions when creating a widget library? So each widget has a mobile, tablet & desktop version?
If a project has responsive elements and I import a ...
- 13
0
votes
2
answers
196
views
Dealing with non-fluid data tables
I have pages consisting of mainly data tables. So far I'm using a fluid design with Bootstrap's rows/cols. Here is an example:
As you can see at the bottom of the page, table 1 has very wide columns ...
- 18.3k
0
votes
1
answer
372
views
PopUp Window Size Guidelines
I am currently working at a project, where I have to specify a pop up window size for a 4k Screen. I am not sure how big I should go with the background of the pop up. Are there any design rules when ...
- 106
3
votes
2
answers
349
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" -...
CommunityBot
- 1
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 ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
0
votes
3
answers
322
views
Hamburger Menu and Nav Links combination [closed]
In tablet sizes, Is it a good practice to have a hamburger menu and a few of the most important nav links stay outside of the hamburger?
Or is it more customary to have just nav links or just ...
- 1,013
0
votes
2
answers
1k
views
Which is best alternative design of a table which having only 2 column to display in UI with one edit button. Please advice me
Please help me to get the best UI layout as I don't want to use the table in my page due to less number of the column.
- 101
7
votes
3
answers
409
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 ...
CommunityBot
- 1
1
vote
1
answer
116
views
Responsive Tables : Adjusting row count to fit the available real estate
I'm designing a screen with tabular data, and trying to explain to the developers what is required. First off, I want to make sure that my design is feasible.
My goal is to...
Have tabular data on ...
CommunityBot
- 1
0
votes
1
answer
150
views
feedback on navigation with multiple level of hierarchy
I am designing a responsive website with 3 levels of hierarchy. I wanted to get some opinions and feedback on the following navigation.
Level 1 contains a list of body systems ex: cardiovascular
...
CommunityBot
- 1
0
votes
1
answer
362
views
Solutions for responsive data tables? [duplicate]
We have a client who is FINALLY convinced to convert their site / web-based application to responsive. Our biggest issue right now is how to handle their extensive data tables. The biggest offender ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
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)...
CommunityBot
- 1
1
vote
2
answers
491
views
Pagination for responsive e-commerce website
I'm working on the pagination topic for a responsive project. I'd like to have some feedbacks from you regarding this solution.
Scenario:
pagination for the search results page;
pagination for ...
- 3,310
0
votes
1
answer
79
views
Responsive Scheduler
I'm designing a simple scheduler in which I don't need any information except days/hours, no calendar information, no titles, no description, just days/hours.
The scheduler consist in a selection of ...
- 26
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 ...
- 146
0
votes
2
answers
146
views
Acceptable length of video for mobile?
We have video content that will supplement written content on our responsive site. All of the videos will be less than a minute.
Are there any guidelines for length/size of video content on mobile ...
- 7,371
1
vote
2
answers
501
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?
- 657
1
vote
6
answers
13k
views
Is it ok to have a bottom tab bar on a website?
I'm currently looking into web responsive navigation patterns. Tab bars on a mobile version of a website is rather uncommon.
A few years ago I know that there was an issue on some browsers with ...
- 6,799
1
vote
3
answers
91
views
Will a user be able to identify the relative "meanings" of separate cards on a timeline if the icons are located opposite from the card's title?
I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
- 574
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 ...
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 ...
CommunityBot
- 1
1
vote
3
answers
233
views
Is it bad practice to direct a user to a mobile friendly side of the site on screen resize
I have an html5 application that consists of two different interfaces. The desktop interface demands a minimum of 900 pixels in width to function properly. The mobile version is built in an entirely ...
CommunityBot
- 1
0
votes
3
answers
403
views
Responsive images for 3 different types of screens : Is this a good design?
Above image is a wireframe layout of my portfolio website. The navbar is at the bottom while the 2 images fill the remaining screen. The left and right picture will be contained in their own DIV (...
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 ...
- 7,818
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 ...
CommunityBot
- 1
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 ...
- 2,776
0
votes
2
answers
742
views
Best practice for responsive vertical side menu
If we have the classical vertical side menu (on the left) for desktop:
then, what is the best practice for displaying it responsively, especially when there's quite a few menu buttons?
To hint you ...
- 372
0
votes
1
answer
532
views
How to use anchor tags in mobile?
In the above image top navigation bar and left sidebar is fixed. When I click on the option 6 it will jump to a section 6. So, the problem I'm facing is how do I translate this view into mobile?
CommunityBot
- 1
0
votes
1
answer
558
views
Comfortably legible base font-size?
I'm trying to figure out a comfortably legible base font-size for all screen sizes, on a platform that supports several languages. Anyone worked on a similar project? If so, what was your outcome and ...
CommunityBot
- 1
0
votes
1
answer
78
views
Site nav bar (hamburger) now unresponsive on smartphones? [closed]
Our previously functional site navigation has become unresponsive on smartphones. (Possibly because of changes made to please Google PageSpeed.) The menu switches over to the 'hamburger' on small ...
- 16
0
votes
1
answer
215
views
How can I make a mobile app responsive for desktop? [closed]
I am trying to make a desktop version of a mobile app. But not sure how to fill those full width cards to a desktop app.
CommunityBot
- 1
6
votes
4
answers
993
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 ...
CommunityBot
- 1
1
vote
2
answers
425
views
UX Themes for thesis [closed]
I'm studying a master degree in User Experience Design and I have to propose a theme for the thesis and I don't have that many experience in the area.
I've read the trending topics of UX for 2017 but ...
- 1,050
1
vote
2
answers
158
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?
1
vote
1
answer
95
views
Best way to show scrolling menu?
My website uses 2 different menus. One is the main one that user uses for navigating on the webpage. But since every subpage can be quite long I created another menu and depending on which item user ...
- 2,986
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 ...
CommunityBot
- 1
2
votes
5
answers
449
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 ...
- 119
3
votes
2
answers
890
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 ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
0
votes
1
answer
288
views
Best way to make a menu responsive
I've got a navigation menu which looks as following and, it's concealed and triggered using a menu button.
View of the page while menu is collapsed
download bmml source – Wireframes created ...
- 412
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 ...
- 37.3k
6
votes
5
answers
270
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 ...
- 19.5k
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 ...
CommunityBot
- 1
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?
