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
159 views

Why are there no large-scale responsive templates for admin sites?

I have to change an old ERP system (typical private admin site) interface to be more modern and responsive. I’m not a designer but a developer with some frontend experience so my plan was to buy a ...
0
votes
2answers
88 views

Difference between mobile site and web responsive? What should be the approach?

There are so many sites that work on m-site particularly like makemytrip but one the same side, there are products that are web responsive which are manipulated using the CSS media queries. One of ...
16
votes
5answers
12k views

Font-sizes smaller on mobile, yes or no?

I always have the same question when I am working on a new project and I have to start thinking about responsive design. What do you think about reducing the font-size of the website content from ...
1
vote
1answer
498 views

How to display a CTA on mobile

With the CTA on my site instead of just saying 'See More' or 'Learn More' I've tried to be more specific as in it relates to the content. For example I have this one CTA that says 'Plan your wining ...
3
votes
3answers
284 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-...
2
votes
1answer
462 views

Responsive Design: How to balance content with uneven column width to arrange itself in horizontal layout

How can I arrange the data in a horizontal layout so that it manages increase in column widths. How can you manage such situations responsive design. I want to make sure: Something that is ...
1
vote
2answers
444 views

E-commerce product page thumbnails: Vertical vs Horizontal?

For an e-commerce product detail page, is it better to have the item picture thumbnails laid out vertically to the left side of the main picture, or laid out horizontally to the bottom of the main ...
1
vote
1answer
135 views

Responsive design related to tiles

We have a screen which displays tiles and on each tile there is at least one field. Currently the tiles allow a maximum height of three rows of fields and an unlimited number of columns. The user is ...
1
vote
2answers
186 views

Image size high-fidelity prototype

What is the resolution and image size to use for high-fidelity UX prototypes? I am supply images to someone doing a UX design for smartphones-iphone and android, tablets and desktop--I am wondering if ...
0
votes
1answer
187 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
2answers
637 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 ...
2
votes
1answer
2k views

Best way to show tables on mobile and tablet common dimension

I have a visual problem that breaks usability in my opinion. I'm using Twitter's Bootstrap V.3 and I have a web form. I must show a table with this information: City, Address, Latitude, Longitude,...
0
votes
2answers
326 views

Best way to present incredibly detailed table? [duplicate]

I'm trying to present a table on my site. The table is incredibly data heavy and can differ product to product. The table needs to work in a responsive manner but still remain legible. Can anybody ...
1
vote
3answers
140 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 ...
0
votes
1answer
414 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
1
vote
1answer
78 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 ...
2
votes
1answer
691 views

Responsive secondary and tertiary navigation

I'm working on a responsive Product Customization feature for an e-commerce website that has a hamburger primary nav, but will also need a secondary navigation for selecting the main Customization ...
3
votes
5answers
484 views

What is the best way to display user company role and application role when logged in to the application

An application having two roles i.e Company Role and Application Role based on which different sections of the application are accessible to the person. Company Role describes either Admin or Users ...
1
vote
3answers
1k views

Best practices for navigation menu positioning in a responsive header?

Assuming you have a responsive header that always takes up the full width of the viewport (such as the one in https://mailchimp.com), are there any best practices to follow for positioning the ...
0
votes
1answer
152 views

How to layout tabs when the website becomes responsive?

We have this kind of layout on our e-commerce website. Basically, you can move from one tab to the next to view the different promotions. My question is since on the responsive version the screen ...
0
votes
1answer
117 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 ...
4
votes
1answer
410 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 ...
1
vote
1answer
64 views

Should I provide multiple style guides for responsive design?

I am designing a responsive website and wanted to provide the developers with a style guide. But I was wondering if I should provide 2 separate guides, one for the big screen one for the small.
1
vote
1answer
94 views

How to show time-breakdown × availability from multiple parties in Web App?

I'm designing an scheduling application and I would like to know what's the most intuitive way to display the info of time-breakdown × availability from multiple parties. Below shows my current ...
9
votes
3answers
748 views

Design guidelines for a multi-screen or multi-device ecosystem

Since the article that was published by Precious about Multiscreen Patterns or patterns for multiscreen strategies back in 2011, there has been an increase in the amount of IoT devices and other ...
3
votes
3answers
488 views

hamburger menu vs alternatives for sites

In his article Zoltan Kollin provides several alternatives to hamburger menus. Removing app solutions we're left with: More Show primary options, hide others under "more". Progressively ...
0
votes
2answers
129 views

Expectations around developing with responsive design

My company is currently looking at revamping a complex back-end financial operations application that is delivered through a browser. The user base is restricted to employees who are business ...
2
votes
1answer
800 views

Hide content under toggle on mobile, show on desktop by default

Is there any design pattern to hide content under the toggle / accordion on the mobile and to show it fully on the desktop? I have a list, that I'm hiding on small resolutions and showing on desktop....
2
votes
2answers
409 views

Remove swipe action from responsive carousel on desktop?

I have a carousel on the site similar to Airbnb. It can be swiped on mobile as expected: On desktop though they add arrows and remove swipe. The question is should you remove swiping on desktop? ...
2
votes
1answer
876 views

Full-width dropdown vs left sidebar on mobile

I'm in a fairly early stage of creating a responsive Wordpress theme. I have a basic fixed header bar and I'm working on a left-hand navigation panel right now. I'm taking some inspiration from the ...
1
vote
1answer
519 views

Is there a better way to present lists of bullet point links in responsive design?

I'm being challenged by a concept on a website redesign. It's a technical/medical website and there are some category pages that list subcategories in giant, bulleted lists of links. There are no ...
3
votes
2answers
205 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 ...
2
votes
2answers
103 views

What's the correct way to present form with multiple options on mobile?

I'm currently working on satisfaction survey which will be available also on mobile devices. I have two variants of layout: I prefer version A because is easier to read (one reading direction). ...
0
votes
1answer
53 views

Rescalling a design for Android UI [closed]

How can I rescalle an mdpi design for Android UI to other resolutions in Photoshop? And is there any app for Win to do that in real time (like Skala)?
2
votes
1answer
621 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 ...
0
votes
2answers
120 views

Are pop-up's good for mobile? If yes how should you show them in mobile

I am working on a web application. I have a huge data on pop-up. I am attaching a scenario(desktop view) for better understanding. I need to convert this to mobile.
2
votes
2answers
420 views

Are multiple filter options good for mobile?

We are designing a responsive web app which contains dynamic data. We have a huge variety of filters(Nested) like Location(all countries), founded year, Sectors(Practice area, Feeds, Business models), ...
4
votes
2answers
186 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 ...
2
votes
2answers
146 views

How Far is it recommended to show large table content on mobile browsers [duplicate]

Is it good practice to show all content that is in desktop version to mobile browser. Can mobile browser handle this kind of data,With low bandwidth. How far is it legible to read with that huge ...
1
vote
1answer
54 views

Website,WebApp,Responsive Site,Mobile Native App

So there is lot of debate going on in world wide web about websites taking over mobile native apps. Well it stays subjective. But i came up with this case recently. So we have a website that has a ...
0
votes
3answers
189 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 ...
0
votes
3answers
153 views

Optimizing Heavy content and data based website to mobile responsive

I was working on a product which deals with data of companies where there are lot of views and lot of data. At this point my client wanted it to be responsive on mobile and tabs and ipads. How do i ...
1
vote
3answers
571 views

Is vertical alignment of UI a good practice?

I am a frond-end web-dev, who gets tons of designs where texts are vertically centered according to something. Every time when I go and start to vertical align stuff I am going in an eternal struggle ...
3
votes
4answers
196 views

Menu categories are both on the page and the hamburger menu.. is it redundant?

I am creating the responsive version of a website and I ran into some issue. The website has 3 main categories (say, Cat 1, Cat 2, and Cat 3). First I thought of putting the 3 categories on the page ...
0
votes
3answers
842 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 ...
14
votes
2answers
4k views

Why is the Google Search Results page not responsive? [closed]

As every web developer/designer, I read many articles about why responsive web design is important. We are also often told, that you can learn a lot by observing the UI (and optionally the code itself)...
3
votes
1answer
368 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 ...
3
votes
3answers
240 views

Are there any standard patterns of phone vibrations?

The phones nowadays contain a vibrator that is used to notify the user about an action or to give a feedback regarding requested event. Is there any standard pattern or general rules that specify ...
2
votes
1answer
90 views

How to assign people to groups on a mobile device?

I have created a page where users can search for pupils and add them to a group, by moving them from one column to another. This works great on a desktop device, but trying to reduce this page down to ...
0
votes
2answers
189 views

Dropdown Error State for Quiz

I need a little help with this one. We are creating a quiz that has drop down inputs for many of the questions. Essentially, the user would select an answer from the dropdown and than click submit. ...

1 2 3 4 5 9