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
1 vote
1 answer
398 views

Displaying Lists on Web and Mobile

I need to show a list of items - some thing like browse all the records on the web and mobile. Basically its a list of startups and information about the same. this is a basic version i have come ...
Harsha M V's user avatar
1 vote
1 answer
280 views

Is there a scaling behavior guide for designing sites & system interfaces?

In my work I was asked to define the scaling behavior of the system interface (or website), and I was wondering whether there are any guidelines or best practices about how to characterize and design ...
shai's user avatar
  • 13
1 vote
0 answers
72 views

How to scale typography and UI for different mobile device resolutions?

We have an iOS and an Android tailored application. We noticed that on small devices, the UI becomes very large with texts not fitting properly, either truncating or going to another line (this ...
Velionis'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
1 vote
1 answer
108 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
92 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
1 vote
1 answer
98 views

Need help with button layout on small device

I have the following button layout on my web app and it looks fine on larger screens.. On portrait iPad or smaller it looks like this.. I'm not sure what the best way to display, hide/show these ...
J Foley's user avatar
  • 113
1 vote
0 answers
109 views

Cross mobile platform interface navigation

I have to architect a mobile web responsive interface that will be the same for iOS and Android clients. The app has several areas which I would like to switch using bottom navigation/tabs with icons ...
Robert Koritnik's user avatar
1 vote
1 answer
126 views

Usable field type for date of birth on devices

I have a question about what kind of form input needs to be used to provide the best experience for date of birth field on mobile devices..I have tried to use the device specific native spinners. The ...
Rahul Ravindran's user avatar
1 vote
1 answer
395 views

Is there a best practice for alignment of nav bar content - with grid or not?

Looking at various site's nav bars I see some sites spread their content wide across the bar, anchoring their logo to the far left and login to the far right, navigation in the middle (examples: ...
Kelly's user avatar
  • 13
1 vote
2 answers
5k views

How to show two brands of the same business in the navigation in one website?

I need to show two different brands in same website. Each has a different logo and navigation which should be visible by default, but they share a common sign-in/sign-up interface and currency change ...
Jitendra Vyas's user avatar
1 vote
2 answers
2k views

Designing for landscape mobile view

A lot of RWD websites cater for 3 major breakpoints (phone, tablet, desktop) and make the design fluid between that. However, the thing that's hardly ever included is the landscape view. Rotate your ...
user avatar
1 vote
0 answers
39 views

Is the use of carousels good? Do users actually know how to use a carousel? [duplicate]

The question is pretty much what is on the title. I keep having the feeling that building a multiscreen (responsive/adaptative) environment with carousels is something that the users don't know how to ...
fmsf's user avatar
  • 111
1 vote
0 answers
37 views

What is the best way to record a user lab that includes multiple devices? [duplicate]

I have always used porgrammes such as Morae or Silverback to record user labs, but I'd like to test different breakpoints on a responsive site using actual devices. How do I record tests on tablets ...
user27528's user avatar
0 votes
3 answers
476 views

Grid with cards

I want to create grid withs cards that looks like on photo, every card have text in it. What would be better to make , all square or rectangular cards ?
Johnny Boy's user avatar
0 votes
2 answers
136 views

Responsive design approach

Mostly I am using bootstrap for my website and I keep it pretty responsive. However some of my pages are hard to adjust with media queries. I have a size limit 769px for mobile. Is it a acceptable ...
Teoman shipahi's user avatar
0 votes
1 answer
80 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 ?
jeancode's user avatar
  • 205
0 votes
3 answers
156 views

Is there data to show mobile users bouncing from desktop sites?

Owner of a company I'm helping is not happy with the current responsive Bootstrap view shown to mobile users and wants to disable it, showing them the desktop site. I have a feeling that it may hurt ...
ljs.dev's user avatar
  • 279
0 votes
3 answers
254 views

Different implementations of a menu for a responsive social media website

I'm currently working on a UX for a social media website. My current draft is available here http://yiays.000webhostapp.com/Nyes-Concept.png Any advice in general is welcome, however my main concern ...
Asriel Repp's user avatar
0 votes
4 answers
2k views

Should viewport rotation be an option rather than a default on mobile devices?

Rotating a mobile device has unpredictable effects: Depending on OS and app rotating the device can have no effect, or it lays out the content to the new screen orientation, potentially showing a very ...
kontur's user avatar
  • 7,634
0 votes
1 answer
92 views

What would I call this element? [closed]

I am trying to create a card that has a position absolute show more div option. I need it to not move any other elements and be responsive. I don't know how to do a search for it because I don't know ...
riotgear's user avatar
  • 121
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 ...
Imesh Chandrasiri's user avatar
0 votes
2 answers
407 views

Full width of the textbox on the screen or not [duplicate]

Apologies if this comes as a naive question. From design point of view basically a textbox control (or any control) in a grid container, does it makes sense to have a textbox in fullwidth of the ...
activebiz's user avatar
  • 101
0 votes
1 answer
141 views

Should the hamburguer button have the same color as links?

For consistency and to make users recognize quickly clickable links/buttons, "the color of a button should depend on its state and its purpose"*. In the case of the hamburguer button it does not ...
marcanuy's user avatar
  • 103
0 votes
3 answers
2k views

Use of Max-Width In Fluid (Or Responsive) Web Design

I see that a lot of fluid websites use a min-width and max-width property on their web pages designed mainly for desktop. When the browser width is less than min-width, content stops shrinking and the ...
John L.'s user avatar
  • 101
0 votes
3 answers
433 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 (...
Xeon's user avatar
  • 233
0 votes
3 answers
331 views

How to accommodate more items in the same UI

I'm looking into a change request from a client which requires the following. Have a look at the visual below. The clients would like to be able to show more then 5 of the blue boxes (these show ...
Christian Agius's user avatar
0 votes
2 answers
505 views

How can I show a row of dropdown menu's in mobile

A brief introduction : Lets say in this web app the user is asked to upload an image. The resultant page will contain the image with a row of dropdown menu's to select from and a final submit button ...
Nodnin's user avatar
  • 642
0 votes
6 answers
494 views

How many mockups do you typically do for a responsive bootstrap design?

I am scoping a responsive project and thinking it will need views spanning from mobile to desktop. I am just wanting to confirm if it is necessary/helpful to do mockups for all 4 sizes (Extra small ...
evanomics's user avatar
0 votes
3 answers
2k views

Determine correct breakpoints to wireframe to a responsive website!

My problem is about choosing the right breakpoints for a responsive website as it's wireframing (Not determining in the code phase). I am having trouble about this. Because many people say that choose ...
Cagan Kuyucu's user avatar
0 votes
1 answer
144 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
2 answers
60 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
100 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
0 votes
2 answers
880 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 ...
bahh's user avatar
  • 1
0 votes
2 answers
100 views

Where should the illustration go on this wireframe UX wise?

I'm making a wireframe of a responsive website and the landing page will have text field and a cta beside an illustration. Like in the image. Where should the illustration go ux wise in mobile ...
Bluebug's user avatar
  • 316
0 votes
2 answers
498 views

What are components more important in a Login interface - System?

I made a system web for administration information and my customer solicit me a interface elegant and professional and like he is a people older and he doest not knows a lot about how to workings ...
simon's user avatar
  • 109
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.
Talha Talip Açıkgöz's user avatar
0 votes
2 answers
1k views

Displaying multiple Sections/Subsections in one page to avoid scrolling

I want to create a layout for web application where the user enters a large amount of information for review in the company. Multiple users can access the same review of company. The user can select ...
Sonali Thombare's user avatar
0 votes
2 answers
308 views

Two Color Progress Indicator

I'm interested in any examples of a two color progress indicator. The user will be looking at a web page consisting of a list of reports that are a combination of approved reports and reports pending ...
Chris's user avatar
  • 198
0 votes
3 answers
701 views

Icon to request device rotation [closed]

Is there an existing icon that is recognized as a request / suggestion that a user rotate their mobile device? I am converting an OLD website to be more mobile friendly. (responsive) I have existing ...
TecBrat's user avatar
  • 159
0 votes
2 answers
5k views

Difference between navigation overlay and toggle navigation in Web Design

I'm writing about responsive navigation for school. I found on the internet that responsive navigation patterns could be divide as: Toggle or multi-toggle pattern Footer anchor pattern Navigation ...
user avatar
0 votes
2 answers
1k views

Responsive Shopping Cart

Below is the Wireframe for the Shopping Cart which automatically scrolls along the height of the content area in between the header and footer. Now in the smaller screen where the content will ...
Harsha M V's user avatar
0 votes
1 answer
306 views

Responsive design for image gallery and widows

I want to create an image gallery where there are multiple series of images, and each series usually consists of 4, 6 or 8 images. Normally, the images are 200px wide with margin included plus there's ...
fejesjoco's user avatar
  • 113
0 votes
2 answers
224 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
1 answer
583 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
0 votes
1 answer
171 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
  • 187
0 votes
1 answer
467 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
0 votes
1 answer
251 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
0 votes
1 answer
554 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
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

1
6 7
8
9 10