Skip to main content

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
19 votes
5 answers
19k 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 ...
user avatar
1 vote
1 answer
692 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 ...
Stephen's user avatar
  • 113
3 votes
3 answers
483 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-...
psoiree's user avatar
  • 105
2 votes
1 answer
628 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 ...
Nodnin's user avatar
  • 642
1 vote
2 answers
1k 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 ...
chemchi's user avatar
  • 47
1 vote
1 answer
296 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 ...
vbguyny's user avatar
  • 111
1 vote
2 answers
295 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 ...
DesignSue's user avatar
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
2 votes
1 answer
3k 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,...
alessadro's user avatar
  • 175
0 votes
2 answers
449 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 ...
Thomas Cork's user avatar
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 ...
ljs.dev's user avatar
  • 279
0 votes
1 answer
497 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 ...
Biswadip Paul's user avatar
1 vote
1 answer
106 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
2 votes
1 answer
1k 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 ...
Alex Rivera's user avatar
3 votes
5 answers
1k 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 ...
Zihad Dingankar's user avatar
1 vote
3 answers
2k 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 ...
Pearu's user avatar
  • 111
0 votes
1 answer
208 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 ...
catandmouse's user avatar
  • 4,308
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
4 votes
1 answer
729 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 ...
catandmouse's user avatar
  • 4,308
1 vote
1 answer
111 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.
chemchi's user avatar
  • 47
1 vote
1 answer
115 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 ...
Zephyr's user avatar
  • 187
9 votes
3 answers
1k 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 ...
Michael Lai's user avatar
  • 27.3k
3 votes
3 answers
671 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 ...
Runnick's user avatar
  • 1,753
0 votes
2 answers
138 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 ...
shobaldur's user avatar
2 votes
1 answer
1k 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....
Runnick's user avatar
  • 1,753
2 votes
2 answers
533 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? ...
Runnick's user avatar
  • 1,753
2 votes
1 answer
2k 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 ...
user48147's user avatar
  • 121
1 vote
1 answer
866 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 ...
Josh Carr's user avatar
  • 491
3 votes
2 answers
347 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 ...
localhost's user avatar
  • 307
2 votes
2 answers
119 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). ...
peter's user avatar
  • 21
0 votes
1 answer
55 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)?
Kirill's user avatar
  • 181
3 votes
1 answer
962 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 ...
Steve's user avatar
  • 901
0 votes
2 answers
248 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.
jyo's user avatar
  • 647
2 votes
2 answers
790 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), ...
jyo's user avatar
  • 647
4 votes
2 answers
201 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 ...
Harshith's user avatar
  • 1,731
2 votes
2 answers
299 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 ...
Harshith's user avatar
  • 1,731
1 vote
1 answer
62 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 ...
Harshith's user avatar
  • 1,731
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
3 answers
176 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 ...
Harshith's user avatar
  • 1,731
1 vote
3 answers
1k 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 ...
Konstantin's user avatar
3 votes
4 answers
271 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 ...
catandmouse's user avatar
  • 4,308
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
20 votes
2 answers
6k 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)...
Vince Varga's user avatar
3 votes
1 answer
912 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 ...
Elaine Poh's user avatar
3 votes
3 answers
358 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 ...
Krebto's user avatar
  • 1,944
2 votes
1 answer
157 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 ...
JacquiDow's user avatar
0 votes
2 answers
563 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. ...
Bluecritusheart's user avatar
1 vote
2 answers
278 views

How to best present a long list of icons in a responsive layout?

On desktop, we have a list of logos on a page. However, when we design the mobile responsive, each logos just stack on top of each other. It becomes a very looong list. What is the best way to present ...
catandmouse's user avatar
  • 4,308
2 votes
1 answer
3k views

Best practices for filter in responsive web app?

I'm working on a responsive web app. When a user searches for something they have the ability to set filters. Would it be best to keep them in the context of the page with a drop down/accordion-...
Michelle's user avatar
  • 143

1 2
3
4 5
10