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.

Filter by
Sorted by
Tagged with
0
votes
1answer
39 views

Minimal height for a responsive design without scrolling

Many posts (e.g. this) are dedicated to the minimal width for the responsive design and the consensus is that 320px is the reasonable minimal width. I understand that minimal height is not discussed, ...
0
votes
0answers
31 views

RWD: is RWD part of everyday life in your design practice? [closed]

Do you think that RWD is the basics knowledge, that every Designer should have?
1
vote
1answer
69 views

Responsive design for mobile phones looking like mobile app design

What do you think about the use of a bottom menu in a responsive design ecommerce site for mobile devices, resembling a mobile app?
2
votes
1answer
115 views

What is the best way to reduce clicks and improve the product list page UX on mobile devices?

I'll be glad if you share your opinions and experience about one interesting case. I have to reduce the clicks and to improve the UX of a product list page. Responsive website, the product list page ...
0
votes
0answers
23 views

Is defining max width on the child elements inside of a fluid grid a sensible strategy when you don't have the time for bespoke layouts?

I'm building a design system for a much needed rebuild of our enterprise application which is using a fluid layout grid at its base to support mobile up to large wall screens. Absolutely bog standard ...
1
vote
1answer
151 views

Preventing users from accessing a site on mobile

We have a situation where we develop a very complex data platform and we don't support mobile version of the web app for a reason. Nevertheless, we have a native mobile app that supports most of our ...
0
votes
1answer
164 views

Question about Grids and Layouts in UI Design

grids and layouts are something that i've struggled with since starting my design career two years back. I've read books like grid systems and watched several videos and courses but as a UI designer, ...
1
vote
1answer
68 views

Where to put the table of contents on mobile

I am looking to add a table of contents to my blog's articles, so that users may conveniently skip sections they are not interested in. I feel like a design where the ToC is a sticky element on the ...
0
votes
2answers
49 views

In responsive design, where to show related content?

I have a question that I would like your help with. I am creating a responsive website with readable content that has an 'In this page' section and 'Related content' section. Is there a best practice ...
0
votes
2answers
104 views

Why is screen HEIGHT not taken into consideration while designing responsive layouts for mobile apps?

While creating responsive layouts for mobile apps, we take into account WIDTH of screen, and create layouts for different WIDTHS, but why don't we consider HEIGHT? If 2 devices have a lot of ...
0
votes
0answers
36 views

How to show a taken picture preview?

In my app I have a form where the user has to fullfill, the most important data is the picture to take in a landscape / tablet view i've just set a view like: CameraPreview | TakenPicturePreview Where ...
3
votes
1answer
55 views

Best practice for button layout in responsive survey?

Hi everyone, I'm designing a survey experience for a healthcare platform in which the user (often on the older side) fills out multiple surveys within a single flow. To accommodate survey fatigue, I ...
3
votes
3answers
642 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 ...
1
vote
1answer
160 views

Screen resolution stats and responsive design

I'm working on a new website and there's some debate regarding what width should be picked as maximum for the main, fixed-sized, grid (it won't be a 100% width layout). (Should it be 1100px? Should it ...
8
votes
2answers
224 views

Why is responsive web development primarily portrait based?

Take a look at the images below. You will notice that the form is responsive when resizing the browser horizontally. However, when resizing vertically, instead of the form trying to re-layout (if that'...
23
votes
5answers
4k views

Mobile friendly way for explanation why button is disabled

For desktop browsers the title attribute is an easy way to explain why a button is disabled: <button disabled title="this is disabled because ...">disabled button</button> But ...
1
vote
1answer
56 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 ...
2
votes
1answer
70 views

Non-fullscreen sections overflow handling

The problem I am creating a website with non-fullscreen-sections at the moment: I am using a fullscreen-library to "switch" between the section when the user is scrolling. That way the ...
0
votes
0answers
52 views

Holy grail layout solution that makes complex apps being usable on mobile?

What's the best solution for responsive holy grail layout in the context of complex responsive design? Some common layouts done in this way Hubspot CRM Problem: it doesn't work on mobile as most of ...
0
votes
1answer
101 views

Previewing breakpoints in Adobe XD [closed]

I am building a responsive prototype in Adobe XD but feel like I’m missing a trick. I have different artboards for different resolutions but how do I preview them in a single preview when I resize the ...
2
votes
1answer
44 views

page with 2 vertical sections in mobile

I have a wizard which contains 2 sections. For desktop, the 2 column layout works well, but for mobile, the experience is not very user friendly. Any ideas on how I can improve this?
3
votes
4answers
118 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 ...
2
votes
1answer
88 views

Responsive Web design [closed]

I am a self taught designer and learning nowadays from IDF. I have a few doubts about responsive design. As a designer, while I am designing screens to give to to developers, for what sizes I should ...
3
votes
1answer
176 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 ...
0
votes
1answer
175 views

UX solutions for data tables and alignment on large screens

I see a lot of excellent advice here regarding how to build mobile-responsive data tables. However, when it comes to large viewports, I'm not finding much. In general, I'm lost about what could be the ...
3
votes
1answer
151 views

PDF alternative, responsive for desktop and mobile

I'm working on an application that exports a PDF file with important information for the user to save, and eventually recover. The PDF format was chosen because it's adequately portable and non-...
1
vote
2answers
65 views

Referring to the position of an element in modern (responsive) design

This is such a common and basic issue that there must be an answer somewhere already, but I can't see it, so I'm wondering if I'm missing something. Should we avoid referring to the position of an ...
-1
votes
2answers
519 views

Are there stats about height of browser windows worldwide / by industry?

I wonder because I'm working on the design of trade platform and found that a lot of moments need improvements due to the different viewports on different devices and so on. The platform does not need ...
2
votes
1answer
43 views

Wcag 2.1 Success criteria-1.3.6

I am unable to understand the examples available on w3.org, which are: The links in the navigation of a website are marked up so that users can add their own icons. Icons on a website are marked up ...
3
votes
3answers
152 views

If I have 24 categories with sub-categories in my shop page, where would be the best place for them?

The design is specifically to Desktop, on Mobile and Tablet I'm planning to have a drawer window with the list of categories and its sub-categories. The idea is to make the category visible in the eye ...
2
votes
1answer
146 views

Nested Cards on mobile

I've come across many good nested/hierarchical data on mobile, problem is they often only include one line of information. I'm looking to include more information than just a card title, so I'm ...
1
vote
1answer
92 views

Can I put a select button on the header of this dashboard?

I have a dashboard using balsamiq, which having a list of doctors and I want to put them on the sider sorted alphabetically, and I want to display, for each doctor, different pages like Gestion de ...
1
vote
1answer
97 views

Need opinion on this web design FOR UX/UI/CX - Beginner in designing [closed]

Hi, first of all, sorry if I'm posting in the wrong section. I want to get an opinion about the design of an event management system. I've google on UX example design but most only show for simple ...
1
vote
1answer
48 views

When to validate if the set of items selected totally valid for the operation?

Case: enterprise web-client solution for sales orders, the User needs to select lots of items to perform one operation in bulk and not all the items are applicable for this operation (due to hidden ...
0
votes
2answers
90 views

When to hide a sidenav

I have in my app a sidenav which is by default visible. Now I got a feedback from users, that in lower resolutions (mobile, tablets) the sidenav covers a lot of space from the app. My question is: on ...
2
votes
2answers
199 views

How should my design resize according to the screen size?

I am designing a web based application which should be responsive for width 1366 to 1920 px as it will be only used in this environment. I have designed mock-ups in adobe XD in 1366 screen size how ...
1
vote
1answer
113 views

Room Booking & Availability Horizontal Scroll

I'm in the process of designing a room booking / availability web application. Some of the application specifics are; there are 30 rooms (across three floors, in the same building) rooms are of ...
6
votes
10answers
8k views

Is 320px wide designs still relevant? (responsive web)

For a couple of years the smallest design I make for responsive websites is 375px wide. Now our new frontend developer eats my brain that I should provide 320px wide. And even if I will not she will ...
2
votes
1answer
71 views

Consistency Within vs. Across Devices

I have a question geared more towards UI/UX Consistency rather than Branding Consistency. We have an ability to "Save to Lists" on our website. On our desktop site, it is a dropdown. On our mobile ...
3
votes
2answers
224 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" -...
2
votes
4answers
300 views

Incorrect iframe implementation

Some context, we are using a third party authentication platform where ecommerce sites can choose to display this platform within an iframe during their checkout process. We have media queries that ...
0
votes
1answer
217 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 ...
2
votes
3answers
1k views

Web application Design - using full screen width [duplicate]

With today large screen resolution (1920 screen width rules now), I need to decide between using the full width of the screen (liquid) versus fixed with (padding with white margin over 1366px for ...
2
votes
2answers
1k 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 ...
2
votes
3answers
134 views

Redesign a page for mobile, while keeping a "similar" layout to the desktop view, desktop uses a table

Well I have a page that looks decent on desktop, and most of the site is working responsive as well. The website has as goal to provide people to sign up for (sport) tournaments, and allows users to ...
1
vote
1answer
3k views

Font scaling from desktop to mobile

I am a designer and an issue I run in to all the time is how to scale font sizes down for mobile, and how to communicate that to a developer without 'just eyeballing it'. For instance, in my style ...
0
votes
1answer
78 views

Which mobile devices do you NOT optimize mobile responsive for?

Which mobile devices do you NOT optimize mobile responsive for? For example chrome dev tools no longer has Pixel 1. Which is the industry standard to create for or leave out ?
10
votes
3answers
2k views

How to deal with an excess of white-space in a CRM UI?

I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "...
3
votes
2answers
99 views

Best way to create a responsive prototype? [closed]

Are there any platforms or tools to create a responsive prototype?
0
votes
2answers
687 views

How to decide max-width in XD? [closed]

I have seen old questions about this subject but they are quite old. I guess things change so that is why I ask this. I want to be updated. I am about to design a web page mockup in Adobe XD. I will ...

1
2 3 4 5
9