A design approach that delivers elegant user interfaces regardless of the size of the user's display or the limitations of the device.

learn more… | top users | synonyms

2
votes
2answers
128 views

Good touch-based equivalent to the hover tools pattern?

When you have a long lists of items and you want to let the user interact with one of the items contextually - a common solution is to use the hover-tools pattern in a desktop browser environment. The ...
0
votes
3answers
95 views

Responsive Webdesign: How to reduce headlines, labels etc on smaller devices

I had the special problem, that in a "desktop-first" responsive webdesign project (I know, bad idea.. ), there was a shopping cart-like element in a very narrow column (4 columns in a 12 column total ...
-2
votes
4answers
236 views

Why do we waste so much Screen-Real-Estate? [closed]

Border around the screen this basically boils down to why dont make the whole front of device a screen and why have borders around everything on the screen too. Why not replace the material around ...
5
votes
4answers
1k views

What is the smallest screen size you design for

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
0
votes
1answer
222 views

Usability issue when resizing browser window on responsive website

As I was discussing about the benefits of using responsive web design (RWD) nowadays, my manager said that one of his biggest gripe is the fact that horizontally resizing the browser window often ...
0
votes
1answer
173 views

Device based responsive design instead of browser based

I am creating a website, my real worry is to maintain the layout applicable for both mobile and desktop users. Responsive design is very popular and there are tons of template available on internet ...
0
votes
1answer
122 views

How to display design on a 3D iphone in adobe illustrator [closed]

I want to display my responsive design using the following aproaches :- http://gdj.gdj.netdna-cdn.com/wp-content/uploads/2013/07/Mobile-App-UX-Design.jpg and ...
0
votes
2answers
167 views

Responsive list views - shrink layout or reorganise?

Going through a site redesign at the moment and considering my options for a list view. This list view contains a thumbnail, title, sub-title, description and some meta. This is displayed with the ...
0
votes
1answer
91 views

Responsive lightboxes - what size lightboxes do i tell the developer?

Im designing a site for desktop and optimised for tablet. We are using lightboxes for one of the interactions on the journey. The developer has asked me to specify the precise sizes of the lightboxes ...
2
votes
1answer
691 views

Search Filter Text fields vs Sliders

I am doing an eCommerce site for selling clothing and it is going to be responsive as well. I want to know what the best approach is for setting budgets. Will a text field with a budget range will ...
0
votes
3answers
639 views

Responsive Menu Issue Bootstrap3

I have a Navigation Bar which has numerous content and we are using Bootstrap 3 to build a collapsible menu but that only works in the smallest screen. Any pointers on how can this be solved. When ...
2
votes
3answers
245 views

Responsive website or not given this statistics?

Background I am about to redevelop a health-related website which has the following user statistics: 80% users from hospitals and counties (90% of these use IE8 on Desktop PCs) 20% public users such ...
1
vote
1answer
527 views

How to handle the Drill Down Navigation for Responsive Application on Mobile?

I am working on a Responsive Web App. It provides summary across different verticals. To view details of a vertical user can drill down. So far the drill down goes till level 5. The Navigation for ...
2
votes
2answers
126 views

Responsive Design with Lengthy Links

Related to question How to resolve lengthy hyperlinks? with responsive webdesign in mind... In past practices on desktop, links would span 2 lines where on mobile they would span almost 10 lines! ...
0
votes
3answers
247 views

What's the best flow for selecting the right product?

I'm redesigning a standalone page within an e-commerce framework that allows users to download a file for free. The files are only available for certain make/model/year combinations, and then there ...
1
vote
6answers
1k views

How will you explain responsive web design to a potential employer? [duplicate]

I have been working as a UI/ UX engineer for more than three years. Three years aren't enough to have great knowledge but I have good knowledge on giving the user a good visual experience and a good ...
3
votes
7answers
758 views

What is the meaning of responsive design?

I have heard of many websites using "responsive design". What is this and why should somebody use it?
11
votes
1answer
267 views

50% of the site responsive / 50% old vs. the whole site is old

This may sound like a daft question, but here it goes. Faced with a challenge of turning a really old hand-coded website that is left-centered and feels/looks 1990s into a responsive site (using ...
-2
votes
2answers
164 views

Do you think responsive design is good for an enterprise website? [closed]

I have a few survey questions for developers that work on their company's website and are familiar with Responsive Web Design. I'm targeting developers whose role is more on the front end of the ...
3
votes
4answers
533 views

Should I have “read more” links in a responsive design?

I'm currently in the middle of a re-design for a mid-market newspaper's website, and for each article there's a "Continue reading story >>" link after the lede paragraph on topic pages and the home ...
3
votes
2answers
427 views

Should I show or hide social media feed widgets for mobile devices on a responsive website?

I have a one-page site in which the users are scrolling down the site reading more info as they go. The first section is a kind of introduction section with a nice big background and a big title. Then ...
10
votes
8answers
2k views

Web design workflow without Photoshop

There is more and more talk of web designers moving away from the idea of spending an incredible amount of time wireframing and then designing in Photoshop and I wanted to get everyone's opinion on ...
9
votes
2answers
721 views

Responsive Secondary Menu

I have a layout similar to the below screenshot. Where the top nav will get collapsed using hte Twitter Bootstrap Nav Collapsed. Also i have a secondary menu below the nav bar on the left hand side ...
2
votes
2answers
513 views

Do websites need to be responsive in 2014?

Visiting websites using a mobile device is still increasing. The first quarter of 2013, more than 10 percent of the visits were done using a tablet and more than 10 percent of the visits were done ...
3
votes
3answers
104 views

Is there any more to responsive design that a dynamic gird

In many cases when I hear customers who want to make their website\ web application responsive to mobile devices (tablets and smartphones). It always ends with a base gird being "squeezed" to one ...
-1
votes
1answer
49 views

How to turn generic widgets into responsive widgets [closed]

We offer a widget which is incorporated into random websites by injecting a div into a predetermined location on pages (not as iframe). A good example is 'people who bought this also bought' widgets ...
2
votes
2answers
385 views

Responsive Intranet Design - Changing order of elements between views?

I'm currently implementing a responsive design on an intranet, which has the following view in desktop width equal to or greater than 1024 px. The tablet view is anything less than 1024 px width. ...
3
votes
5answers
290 views

Displaying data with responsive design

I'm displaying details of a product. My current responsive design works well for desktop, tablet and mobile. I'm happy with the clean look on the mobile version but I'm feeling the desktop version is ...
7
votes
3answers
3k views

Best Practice for Responsive Website Header

While working on converting an outdated website to be more responsive I came across a concern with the website header. The client wants to keep their large graphic (both image and text are 1, not 2 ...
8
votes
3answers
426 views

Using aspect ratios for responsive design breakpoints

I am trying to figure out what the best way to make my site responsive would be. It seems a lot of people base responsive design off screen pixel dimensions, but I feel breakpoints in aspect ratio ...
1
vote
2answers
468 views

Better position to place slide in/out icon for a horizontal slide menu in responsive theme?

As my attached screenshot, I have a primary menu set at the top that scrolls horizontally even in smaller device-width. The items in secondary menu set at the left sidebar will change according to the ...
2
votes
3answers
494 views

What is the best treatment of pagination block in mobile view?

I'm working on a Responsive Web Design project. There is this table which can potentially go up to hundreds of records, so we are using a pagination block below it. On first load, user has the choice ...
0
votes
1answer
531 views

Responsive Webdesign: Best Practices for Maps Integration?

What is your advice on how to best present the user a list of search results which are location based in a responsive web design manner on a Google/Bing/OpenStreet Map? Since there are some metadata ...
8
votes
4answers
494 views

Responsive Nav: How to show user login status on mobile phone width?

I building a responsive navigation, and I'm trying to get a nice clean simple mobile portrait menu. In the enclosed illustration, we have a standard nav. The business requirements state that the ...
2
votes
1answer
204 views

Responsive solution for quick view on grid items

When showing a grid view of items for desktop and tablet screen sizes, are there any examples or suggestions of how to offer a quick view option for both mouse and touch devices? Often on websites, ...
3
votes
1answer
447 views

Responsive design pattern: Navigation at the bottom + jump link

I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
4
votes
1answer
302 views

Which implementation for a dynamic hierarchy tree will show as much info as possible while still allow seeing the changes made in the background?

I'm in the middle of building a search engine website for a specific corpus. We've already implemented most of the menus and the structure of the website. recently we got some feedback that forced us ...
5
votes
2answers
2k views

Responsive design Pattern for secondary navigation - is there a way not to swamp the user?

I am having trouble to find a good way to present the user some kind of secondary navigation on smaller screens. On Large screens, it looks something like this: (This one is taken from ...
1
vote
2answers
238 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 ...
2
votes
1answer
289 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
1
vote
2answers
99 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 ...
0
votes
0answers
29 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 ...
2
votes
2answers
523 views

How to make fluid web site consistent

I am redesigning my fixed width web site to be (more) responsive and ran into some problems: For one, I really like using a fluid width layout since a lot of visitors are using my web site in (much) ...
2
votes
3answers
146 views

Adapt site to be responsive [closed]

I need to adapt a web site to be responsive. I used bootstrap 2.3 for the navigation bar, carousel slide, thumbnails gallery, etc. My question is how do I adapt the site shown in the picture to be ok ...
13
votes
3answers
3k views

What does Responsive Web Design actually mean…?

I've gone through with many articles to understand exact difference between Responsive and Fluid web design. But couldn't make my understanding differentiate between these two. Can anyone help me to ...
1
vote
2answers
801 views

Should I replace radio buttons with buttons on a responsive form?

I'm designing a responsive form and wondering about the use of radio buttons. It would make a lot more sense for me to use buttons on mobile forms e.g. are you married? [YES] [NO] ...instead of making ...
-1
votes
2answers
240 views

What is so special about “Twitter Bootstrap”? [closed]

I have seen Twitter bootstrap and Yahoo purecss but I don't understand why they are becoming industry standards. People tend to directly use them for their project without thinking of something unique ...
2
votes
3answers
163 views

How can I display really long content pages on a responsive site?

What are some of the better UX techniques to deal with really long static content pages? We are talking about 4-5 printed pages on a single URL of a site (meaning that if you were to print these ...
2
votes
4answers
589 views

Should a multi-step process use breadcrumbs for navigation, or a “TOC” page?

I am designing a mobile (and desktop) web app that allows a user to create shareable forms. The "advanced process" is broken down into five steps at the moment, laid out like this (Numbers will be ...
2
votes
3answers
189 views

Panel arrangement and responsive design

In a user interface it is often appropriate to use to panels arranged in a grid to display content, either as a way of showing content instances to a user or as a way of arranging content instances ...