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
1 answer
48 views

What are the specific breakpoint sizes that Apple uses and references in their design guidelines? [duplicate]

Does someone know, What are the specific dimensions (primarily width) of the breakpoint sizes that Apple uses and references in their design guidelines, name as the XS, SM.... XXL? Reference: https://...
himanshu kandpal's user avatar
0 votes
1 answer
28 views

should I scale down for low-resolution devices?

after developing my design, everything is very huge, not messed up, but huge. for example, in 1920px devices, if you make browser smaller everything is alright, but if you use a POS system(with 1024px ...
Sara Tahmasiyan's user avatar
0 votes
2 answers
38 views

Users will upload there images should they be 2x to cover retina screens?

I am designing an editor where the user will upload their own images. I have to give requirements to them. In sketch where I am designing the image size is 400x800 should I tell them to upload ...
Keano's user avatar
  • 27
2 votes
2 answers
871 views

What screen dimension would you choose to design your wireframe width?

I'm trying to figure out which is the best width dimension for our designs that will eventually get handed off to developers. Our most popular screen dimension is 1920 x 1080 by like 75% over others. ...
iuuiuui's user avatar
  • 23
1 vote
1 answer
184 views

Is data table better or a card?

in a mobile responsive website is using a table with 9 columns a better idea or a card would suffice? I have tried using a compact table to make it responsive for mobile but. it just didn't work.
Nishchal Nigam's user avatar
0 votes
2 answers
169 views

What is the best practice for designing apps for 320px wide?

I'm worried about my content placement on narrow screens. Should I shrink my fontsize for iPhone SE, for example? Specially when iOS keyboard is so big on 320px small screens. My layout in Figma is ...
Petr A.'s user avatar
  • 21
0 votes
0 answers
21 views

What is alternative way to show information without tooltip on mobile? [duplicate]

So i am working on a dashboard project. When I finsished this for desktop it's easy to provide information to user, they have just hover it. Then, I realize, it's not so good to have tooltip on mobile ...
amusakbar's user avatar
1 vote
3 answers
186 views

Design system – Different font sizes for small an big viewports

everyone! We are currently working in a project team on a design system that is primarily used to develop web applications. These web applications mainly consist of forms. One requirement here is that ...
s-lauer's user avatar
  • 21
0 votes
0 answers
250 views

How wide should my artboard be (Container width)?

I came to a point when I needed to decide what would be the container width for my pages. My project involves designing a web platform with a dashboard and a side menu for navigation. I made a little ...
Uzi Cohen's user avatar
0 votes
1 answer
120 views

Displaying two column data grid

In my recent application I have to design and implement a data grid which will be having only two columns. This actually use as matrix for reference purposes. User behavior is like Railcar operators ...
Nuwan's user avatar
  • 27
0 votes
1 answer
216 views

What are the most common screen and browser width/height sizes to handle in order to cover common devices and browsers (i.e. both web and native)?

Question I have a library that I implemented to use in my frontend projects. (Details are not much relevant, but just in case you may wonder, they are provided below in the Background Info section. I'...
Mehmet Kaplan's user avatar
2 votes
2 answers
70 views

When you are designing for a web browser can you create a different design for mobile than for desktop? or does it have to be the same for both

Would this be considered a responsive design?
Kelly's user avatar
  • 21
0 votes
1 answer
352 views

Best way to Display Responsive Tables on Small Breakpoints? [duplicate]

I have a web-based dashboard with several tables spanning 80% of the page width. Its a very typical responsive table design. A few columns (3-10), many rows (up to 100+), pagination, search filters ...
cgtk's user avatar
  • 431
0 votes
1 answer
153 views

Why use borders around dropdowns in a mobile app?

I'm working on a mobile app with a GUI similar to the Gasbuddy mobile app. The first screenshot is what Gasbuddy looks like now. The 2nd screenshot is the same thing but without the borders around the ...
rbhat's user avatar
  • 177
1 vote
6 answers
577 views

Too many expanding panels, not enough room

The scenario: An enterprise software platform uses a collapsible left panel for its navigation and a collapsible right panel to show customer info. The customer info panel would be used side-by-side ...
Izquierdo's user avatar
  • 12k
2 votes
3 answers
1k views

Full width nav bar vs fixed width

I see a lot of websites where the main content and main menu bar (logo, menu, login/signup) have a fixed max width, even when the user is on a wide monitor (>= 1920px). The logo lines up with the ...
Jeff S.'s user avatar
  • 223
1 vote
2 answers
2k 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, ...
AlwaysLearning's user avatar
1 vote
1 answer
80 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?
Dodo13's user avatar
  • 35
2 votes
1 answer
160 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 ...
Dodo13's user avatar
  • 35
1 vote
1 answer
179 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 ...
Daniel Dungyov's user avatar
0 votes
1 answer
393 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, ...
MrLoosid's user avatar
1 vote
1 answer
1k 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 ...
Maya's user avatar
  • 111
0 votes
2 answers
56 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 ...
Karthik Rajendran's user avatar
0 votes
2 answers
171 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 ...
Sparsh Dutta's user avatar
3 votes
1 answer
111 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 ...
Conor's user avatar
  • 533
4 votes
3 answers
2k 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 ...
Duncan Lukkenaer's user avatar
1 vote
1 answer
376 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 ...
Glauber Rocha's user avatar
10 votes
2 answers
460 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'...
Dave's user avatar
  • 153
23 votes
5 answers
5k 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 ...
guettli's user avatar
  • 403
1 vote
1 answer
62 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 ...
Lorelei Heckmann's user avatar
2 votes
1 answer
79 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 ...
user avatar
0 votes
0 answers
126 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 ...
Daniel Vianna's user avatar
0 votes
1 answer
241 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 ...
J4G's user avatar
  • 1,062
2 votes
1 answer
52 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?
maali's user avatar
  • 21
3 votes
4 answers
131 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 ...
Nick Dawes's user avatar
2 votes
1 answer
112 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 ...
Bharat Sati's user avatar
3 votes
1 answer
188 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 ...
user139754's user avatar
0 votes
1 answer
455 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 ...
struensee's user avatar
3 votes
1 answer
253 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-...
salezica's user avatar
  • 176
1 vote
2 answers
76 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 ...
reed's user avatar
  • 111
0 votes
2 answers
2k 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 ...
znatno's user avatar
  • 21
2 votes
1 answer
55 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 ...
Mritunjai Kumar's user avatar
3 votes
3 answers
463 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 ...
Polar's user avatar
  • 141
2 votes
1 answer
327 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 ...
Mojimi's user avatar
  • 95
1 vote
1 answer
130 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 ...
Ichrak Mansour's user avatar
1 vote
1 answer
107 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 ...
user5397881's user avatar
1 vote
2 answers
89 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 ...
elisarea's user avatar
  • 111
0 votes
2 answers
97 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 ...
Runtime Terror's user avatar
2 votes
2 answers
392 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 ...
vaibhav Kothari's user avatar
1 vote
1 answer
177 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 ...
jonboy's user avatar
  • 111

1
2 3 4 5
10