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

Hamburger Menus [duplicate]

I was developing a personal website i wanna know this or simply Hamburger is better
jothachil's user avatar
1 vote
1 answer
79 views

Is it enough to just enlarge font sizes for mobile without making the whole layout responsive?

I have a legacy e-commerce site heavily styled from the desktop era and have been making good money. They are based on a very sophisticated e-commerce software and it costs an arm and a leg to make ...
datasn.io's user avatar
  • 217
1 vote
2 answers
48 views

How to transition users from a mobile-optimized to non-optimized area of a site with minimum confusion?

My team is working on a fairly large site that will be slowly transitioning (finally) into a mobile-optimized/responsive site. Since it is impossible to convert every page at once, there will be some ...
Jane S.'s user avatar
  • 11
1 vote
2 answers
203 views

Implementing different levels of drag/drop functionality?

I'm working on a tablet app for a motel. Initially, the app was going to be tested on one floor. Essentially, the app would be used to move guests from one room/bed to another room/bed. As you can ...
rbhat's user avatar
  • 187
1 vote
2 answers
384 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
Tamir Gefen's user avatar
1 vote
1 answer
540 views

Responsive navigation menu: With or without animation?

When it comes to responsive navigation patterns, I often find myself using the "slide down pattern": Source Now there are at least two ways to build something like that: With slide animation like ...
Sven's user avatar
  • 743
1 vote
2 answers
804 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
blue's user avatar
  • 11
1 vote
5 answers
451 views

Responsive form design

Is it better to break a responsive screen into 2 steps? Having a long form like this attached image, Is it bad for UX or is it better to break into 2 steps?
user45042's user avatar
1 vote
1 answer
231 views

Responsive design - 2 levels of navigation

I'm working on a responsive website, the desktop view has 2 levels of navigation. The sitemap roughly looks like this: Cat1 SubCat1 SubCat2 SubCat3 Cat2 SubCat1 SubCat2 SubCat3 SubCat4 Cat3 ...
user avatar
1 vote
4 answers
605 views

Responsive design - setting a single breakpoint?

As our UXD group does more responsive projects, we're running into an extremely high QA cost due to the complexity of our site compounded by testing multiple device and multiple breakpoints. To combat ...
miko's user avatar
  • 11
1 vote
1 answer
136 views

How important is the portrait-only mode for long ipad form?

We are launching a long ipad form (quote-and-buy journey). it is designed primarily for landscape. How important is it to be optimised for portrait? Currently, the thinking is - launch landscape ...
Anon's user avatar
  • 463
1 vote
2 answers
2k views

Best approach for displaying content across a full screen UI design?

While I've become pretty accustomed to designing within responsive grids I wanted to take a stab at creating a full screen interface. One of the more challenging aspects in doing so is dealing with ...
Carl Edwards's user avatar
1 vote
2 answers
132 views

Do you need to design for responsive?

Basically the question is in the title. Many of my co-workers think that you can design for desktop and then if the client decides to make it responsive later on then so be it. I think this is a ...
humdinger's user avatar
  • 113
1 vote
4 answers
292 views

Starting responsive web design from desktop planning? (project time crunch)

Backstory: Our product team has begun finalizing details for a user accounts project, which will be worked on in a fluid framework. But, responsive web design had just been brought up to the product ...
Handonam's user avatar
  • 111
1 vote
1 answer
35 views

Using an image as a banner, or code the text and CTA separately?

I was wondering what is the better practice for a web platform selling employee benefits. We have a banner up top (not a carousel), and I'm not sure if it's better to keep it as an image, or code the ...
Mimy Polina's user avatar
1 vote
1 answer
178 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
1 vote
1 answer
61 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
1 vote
2 answers
4k 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
2k 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
1 vote
1 answer
459 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
1 vote
1 answer
215 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 vote
2 answers
282 views

responsive two-column layout

This might be a really basic question, but I am trying to figure out how to best create a responsive two-column layout. Let's say you have two sets of data. For example, latest departures and arrivals ...
burger's user avatar
  • 111
1 vote
2 answers
634 views

Responsive feature comparison layout / grid

I have a list of applications (~120 items). Each application on the list has the same features (logo, name, OS name, price range, short product info), so basically this is a table with 120 rows and ...
takeshin's user avatar
  • 121
1 vote
1 answer
533 views

Best solution for alert boxes positioning in SPA's (single page applications)

I'm designing my first single page application which is for users to manage their USB dongle for a desktop application and also to create teams and request tech support. This is the wireframe of the ...
Daniel Vianna's user avatar
1 vote
3 answers
233 views

Is it bad practice to direct a user to a mobile friendly side of the site on screen resize

I have an html5 application that consists of two different interfaces. The desktop interface demands a minimum of 900 pixels in width to function properly. The mobile version is built in an entirely ...
Colin Rickels's user avatar
1 vote
1 answer
257 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
289 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
1 vote
1 answer
95 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
113 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
1 vote
1 answer
59 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
1 vote
2 answers
268 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,278
1 vote
1 answer
475 views

Home Page design for a File repository

The product is a file repository / publishing software that is managed by admins. Admins add file and reports, that can be promoted to the landing page carousel or to their respective folder based on ...
Nodnin's user avatar
  • 642
1 vote
2 answers
104 views

Name of the interface?

What is this kind of interface called? Moreover , it'd be a great help if someone tells me the application/environment which would help me implement such kind of interface best.Carefully note the plus ...
Yash Lekhwani's user avatar
1 vote
1 answer
611 views

What's the best way to implement a search bar in the mobile view of a responsive site?

I'm currently working on a site that is content heavy and want to add FAYT (find-as-you-type) search. In the desktop view I have a regular search field in the top right hand corner with a magnifying ...
Mharps's user avatar
  • 23
1 vote
1 answer
516 views

Displaying Master/Detail Panes/Linked Lists

I'm trying to determine what the best approach is for displaying a master/detail list. I've taken the approach where the details are displayed in a pane that is adjacent (to the right) of the master ...
Chris's user avatar
  • 198
1 vote
2 answers
896 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
thevangelist's user avatar
1 vote
1 answer
91 views

How to create interfaces in a graphics editor for responsive grid systems considering that they aren't pixel-perfect? [closed]

Any responsive CSS grid system uses long decimal point percentage values for columns' width (e.g. "16.66666667%"). I don't understand how to lay out the grid in Photoshop, because elements of the ...
awgv's user avatar
  • 113
1 vote
3 answers
448 views

Designing a mobile interface for 3 or more sortable lists

We currently have a web app that has the following interface: download bmml source – Wireframes created with Balsamiq Mockups List items can be reordered within a list and can also be dragged ...
F21's user avatar
  • 5,898
1 vote
1 answer
1k views

How to Design a better Timeline Navigation for Responsive Pages?

I was trying to design a Timeline Navigation component for a responsive page. So i started with mobile view(320x480) and made a wireframe. Please check the wire frame below Why i designed like this ...
Jaison Justus's user avatar
1 vote
2 answers
1k views

Is there a name for this semi-responsive technique?

I've noticed some websites are frequently using a very specific semi-responsive technique but I'm not sure what to call it. Here are 2 examples: Example 1: http://www.firestonetire.com Example 2: ...
Michael Histen's user avatar
1 vote
2 answers
515 views

responsive, paginated tiles

We're displaying a paginated collection of tiles (fixed width and height) within a variable width container. We have an upper limit of showing only 15 tiles per page due to the server resources ...
Kyle R's user avatar
  • 113
1 vote
1 answer
1k views

Should I use multiple dropdown menus in mobile design?

I am developing a documentation website for a JavaScript framework I've developed. On Desktops The main navigation only has three links: When you navigate to "API Documentation", there is then a ...
Josh Beam's user avatar
  • 121
1 vote
1 answer
1k views

Should a responsive design adapt to orientation? [duplicate]

Responsive designs allow websites to adapt to different screen sizes and display types. However, some designers suggest that a responsive design should also adapt to orientation changes. a good ...
Brendon's user avatar
  • 4,572
1 vote
3 answers
172 views

Degrading select/filters when no javascript

I have a small question. How do you gracefully degrade select filters? Example, With ajax you might have a State select and then a City select under it that would show the cities of the selected ...
Jerry Saravia's user avatar
1 vote
1 answer
545 views

Best way to handle code wrapping on a narrow viewport [duplicate]

Note that this is not a duplicate of this question. I reviewed it before asking the question and the accepted answer is stated as unacceptable in the "Solutions that won't work" section below. My ...
Daniel Imms's user avatar
1 vote
1 answer
1k views

Best practice or alternatives to handling sub/side nav in a mobile site

I am looking for what would be the best way to handle a websites sidebar in a mobile website template. I am going to be involved in a redesign for a large web site (approximately 10,000+ pages) that ...
lukek's user avatar
  • 173
1 vote
1 answer
271 views

What UI Should I Use?

Here's the feature: The user is a construction sub-contractor. Each user specializes in something like welding or plumbing or windows, etc... Now, these things they specialize in are formally defined ...
Infin8Loop's user avatar
1 vote
1 answer
206 views

Do dynamic height changes jar users on web page load?

When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
Chris's user avatar
  • 294
1 vote
1 answer
408 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 ...
miguelcobain's user avatar
1 vote
1 answer
220 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 ...
Simsons's user avatar
  • 217

1
6
7
8 9 10