Questions tagged [responsive-design]
A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.
455
questions
5
votes
1
answer
879
views
Which implementation for a dynamic hierarchy tree will show as much info as possible while still allow seeing the changes made in the background?
I'm in the middle of building a search engine website for a specific corpus.
We've already implemented most of the menus and the structure of the website. recently we got some feedback that forced us ...
- 153
5
votes
1
answer
619
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), ...
- 345
5
votes
2
answers
601
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 ...
- 349
4
votes
3
answers
754
views
How should a responsive website use so much extra space on large screens?
In older websites, the standard is usually 960 pixels, because it has a lot of factors that it can be divided into, and most monitors were 1024 pixels wide. Recently, a large portion of laptops are ...
- 893
4
votes
4
answers
3k
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,370
4
votes
4
answers
3k
views
Should I have "read more" links in a responsive design?
I'm currently in the middle of a re-design for a mid-market newspaper's website, and for each article there's a "Continue reading story >>" link after the lede paragraph on topic pages and the home ...
- 303
4
votes
4
answers
827
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 ...
- 973
4
votes
4
answers
332
views
Determine which features not to show in responsive designs non-full site view?
All of us know that mobile first approach is the way to go developing new applications. But there are few cases where this is possible. Often the customer already have a web application online, which ...
- 54.9k
4
votes
2
answers
719
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,204
4
votes
3
answers
311
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 ...
- 7,294
4
votes
1
answer
806
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 -...
- 1,232
4
votes
1
answer
4k
views
Pagination Vs. Infinite Scroll in Datagrids
Pavination Vs. Infinite Scroll in Datagrids
Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
- 486
4
votes
1
answer
617
views
Is it better to display all products or use a carousel on a responsive website?
I have two versions for displaying products in an e-commerce website (responsive):
Long version (all shown):
Short version (with carousel):
I am having a dilemma which to use. On one hand the long ...
- 4,238
4
votes
2
answers
2k
views
How to show range sliders on mobile
This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail...
I'm designing a responsive order form, which has a range slider for quickly picking ...
- 306
4
votes
3
answers
532
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 ...
- 222
4
votes
3
answers
3k
views
Recommended maximum amount of columns in a table? [closed]
When designing tables I am always wondering how many columns are too much.
I commonly have tables that act as an overview of all the items, which can then be opened to show all the details. On one ...
- 148
4
votes
3
answers
492
views
Information architecture for supermarket website
I'm working on a website (responsive) for a supermarket. I'm thinking about the best way to provide a structured navigation both on mobile and desktop.
How would you organize the navigation? I've ...
- 963
4
votes
1
answer
113
views
Good names for turning site responsive-ness on and off?
I'm doing work on a website that has been 1900px wide long time, and most of the users aren't extremely tech-savvy and usually +40 years old. To give you an idea of the content of the website, all the ...
- 243
4
votes
2
answers
2k
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 ...
- 1,308
4
votes
1
answer
206
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 ...
- 1,198
4
votes
2
answers
441
views
Should a responsive sticky side menu stay sticky at high resolution?
We have a website/app that has a side menu that sticks to the left side of the screen (see mockup below)
It is a responsive site, so when accessed on higher resolution screens (or if the user zooms ...
- 407
4
votes
2
answers
3k
views
Truncation vs. Wrapping text when designing for responsive page for multiple devices - which is better?
For a ready only form that is also designed to be responsive, some fields are long and some short. Currently, the default behavior is truncating long fields based on the space constraint. And on hover,...
- 41
4
votes
2
answers
562
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 ...
- 473
4
votes
1
answer
650
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 ...
- 41
4
votes
2
answers
201
views
Can we have tab bars in mobile browsers(Swipable)
I have a website which has tab bars in the desktop version.
So when i make it responsive should i retain tabs or should i replace it with som other elements.
Mobile users tend to swipe to change bars ...
- 1,731
4
votes
1
answer
1k
views
How is the best approach to display responsive combobox?
I would like to implement comobobox with a search filter for phones, larger screens and tablets.
The examples below show how I think it should behave for phones and larger screens. I'm still fomenting ...
- 141
4
votes
1
answer
730
views
Best practice for navigating a detailed image like a map on mobile
We have done a piece of offline activity that is basically a large folded, printed map with some featured elements and content around it relating to the map.
I am working on putting this map online. ...
- 141
3
votes
2
answers
859
views
Optimal way to display long radio buttons on mobile
I'm working on designing a responsive form, and I'm wondering if anyone has ideas for dealing with "long" radio button options on mobile. For example, take the following image:
I've browsed around ...
- 143
3
votes
2
answers
116
views
Best way to represent long sequences in responsive views?
I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
- 37.3k
3
votes
5
answers
538
views
Displaying data with responsive design
I'm displaying details of a product. My current responsive design works well for desktop, tablet and mobile. I'm happy with the clean look on the mobile version but I'm feeling the desktop version is ...
- 153
3
votes
5
answers
8k
views
Manage long tab list menu in responsive
I'm actually working on an interface with a long tabs list menu (seven tabs. It's not so long in english, but in German version it begans to be complicated.
It works perfectly in HD desktop but in ...
3
votes
3
answers
3k
views
UX Guidelines for Responsive Web Design of Print Button?
Some quick questions are:
As a part of responsive web design, website contains print article option, but should there be a print option/button in an Tablet or Mobile version of the Desktop website?
...
- 576
3
votes
1
answer
2k
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 ...
- 517
3
votes
4
answers
132
views
Should users be prompted to determine bandwidth intensity of a site?
Serving up web content based on user agents alone seems exclusionary to me; mobile devices aren’t always constrained to low bandwidth.
From a UX perspective, would it be a bad strategy to present ...
- 133
3
votes
1
answer
189
views
What's the point of responsive/adaptive design in doing UI?
I apologize if this is such a bad question but I have zero clue about web or UI design. I'm a graphic designer but I was tasked to just design a website using Photoshop cause that's what I'm familiar ...
- 131
3
votes
3
answers
474
views
Best wireframing breakpoints to work with new frontend developer
I've searched tons on this topic, e.g.:
https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
https://graphicdesign.stackexchange.com/questions/39433/what-are-best-...
- 105
3
votes
2
answers
312
views
How to manage long horizontal form
I am redesigning a bad design (IMO) dashboard which shows a list of form fields related to each "Team", such as
Title,
First Name,
Last Name
and list goes on. It has total of 18 fields which ...
- 307
3
votes
1
answer
3k
views
How to handle the Drill Down Navigation for Responsive Application on Mobile?
I am working on a Responsive Web App. It provides summary across different verticals.
To view details of a vertical user can drill down. So far the drill down goes till level 5. The Navigation for ...
- 391
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
2
answers
323
views
Partial-Page Responsiveness, or Responsive Elements in a Non-Responsive App
I am working on a project that will add considerable new functionality to an existing application. We were previously limited by a framework that did not (realistically) facilitate responsiveness, so ...
- 453
3
votes
1
answer
3k
views
Search Filter Text fields vs Sliders
I am doing an eCommerce site for selling clothing and it is going to be responsive as well. I want to know what the best approach is for setting budgets.
Will a text field with a budget range will ...
- 115
3
votes
3
answers
143
views
Is there any more to responsive design that a dynamic gird
In many cases when I hear customers who want to make their website\ web application responsive to mobile devices (tablets and smartphones).
It always ends with a base gird being "squeezed" to one ...
- 793
3
votes
1
answer
1k
views
Responsive design pattern: Navigation at the bottom + jump link
I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
- 743
3
votes
2
answers
195
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 ...
- 1,370
3
votes
2
answers
954
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 ...
- 610
3
votes
4
answers
679
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 ...
- 343
3
votes
1
answer
904
views
Standard numbers for responsive layout
What are the (standard) numbers to work with, when making css responsive layout?
@media screen and (min-width: px) {
/* Mobile */
}
@media screen and (min-width: px) {
/* Tablet */
}
@media ...
- 881
3
votes
1
answer
821
views
Improve line graphs on responsive mobile view
I have tried to looking for best practices on charts, especially line graphs viewed on mobile devices and seems like there isn't much information about it.
This is my first project involving charts ...
- 31
3
votes
1
answer
346
views
Design for an autosave feature
I'm developing a web app that has several text fields that can be edited. I implemented an autosave feature that saves each time there is change in the title field.
I need to let the user know that ...
- 145
3
votes
2
answers
940
views
Should I show or hide social media feed widgets for mobile devices on a responsive website?
I have a one-page site in which the users are scrolling down the site reading more info as they go. The first section is a kind of introduction section with a nice big background and a big title. Then ...
- 131