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.
461
questions
1
vote
1
answer
410
views
"Responsively" select an item from a large closed collection?
I'm building a responsive web application. One of the main focus of this application is to efficiently collect information.
In some fields, I need the user to select one value from a large collection ...
- 111
1
vote
1
answer
262
views
How shall I display my application version and contact details to the end user
The traditional approach for displaying application information to user is through Menu.
User select Help > About and we display a popup displaying the details.
Is there a better approach doing ...
- 217
1
vote
1
answer
400
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 ...
- 517
1
vote
1
answer
284
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 ...
- 13
1
vote
1
answer
81
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?
- 35
1
vote
1
answer
109
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 ...
- 13
1
vote
2
answers
97
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 ...
- 111
1
vote
1
answer
121
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 ...
- 113
1
vote
0
answers
113
views
Cross mobile platform interface navigation [closed]
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 ...
- 541
1
vote
1
answer
132
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 ...
1
vote
1
answer
431
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: ...
- 13
1
vote
2
answers
6k
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 ...
- 4,902
1
vote
2
answers
3k
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 ...
user12741
1
vote
0
answers
40
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 ...
- 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 ...
- 11
0
votes
3
answers
488
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 ?
0
votes
2
answers
139
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 ...
- 103
0
votes
1
answer
81
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 ?
- 225
0
votes
3
answers
159
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 ...
- 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 ...
- 3
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 ...
- 7,674
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 ...
- 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 ...
0
votes
2
answers
452
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 ...
- 101
0
votes
1
answer
144
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 ...
- 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 ...
- 101
0
votes
3
answers
467
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 (...
- 233
0
votes
3
answers
340
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 ...
- 111
0
votes
2
answers
519
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 ...
- 642
0
votes
6
answers
517
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 ...
- 51
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 ...
- 17
0
votes
3
answers
65
views
How can I help developers better understand proportions and harmony between elements in responsive design?
I'm working with developers who are implementing responsive design, but we're struggling with maintaining proportionality and visual harmony between elements across different screen sizes. For ...
0
votes
1
answer
187
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 ...
- 27
0
votes
2
answers
68
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
2
answers
118
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 ...
- 189
0
votes
2
answers
914
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
0
votes
2
answers
101
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 ...
- 336
0
votes
2
answers
563
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 ...
- 109
0
votes
1
answer
217
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.
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 ...
0
votes
2
answers
315
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 ...
- 198
0
votes
3
answers
703
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 ...
- 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 ...
user34286
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 ...
- 517
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 ...
- 113
0
votes
1
answer
95
views
Simplifying Matrix UI Approach
I have a current design which is in matrix form where columns and rows can be added and value is added. Is there any other solution for this other than using matrix. I dont want to use the matrix ...
0
votes
2
answers
321
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 ...
- 21
0
votes
1
answer
1k
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'...
- 103
0
votes
1
answer
195
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 ...
- 187
0
votes
1
answer
637
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