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

1
vote
1answer
52 views

How do I design a web page to use, but not abuse parallax scrolling?

There seems to be a lot of hype around parallax scrolling now-a-days. I'd like to know if there is a best way, or at the very least, a good way to design a web page that uses parallax scrolling, or ...
3
votes
4answers
158 views

Determine which features not to show in responsive designs non-full site view?

All of us know that mobile first approach is the way to go developing new applications. But there are few cases where this is possible. Often the customer already have a web application online, which ...
1
vote
1answer
51 views

Best practices for ads on responsive websites

I don't see a lot of responsive websites with banner ads on them (at least when I view them on a cell phone). What would you say are the things to keep in mind when incorporating ads into a responsive ...
1
vote
2answers
28 views

Is the Cross-channel experience part of Responsive Web Design, or is it the other way around?

I've heard collagues refer to their responsive web projects, but then I've also heard people say that they are working on their cross-channel web projects. Is there a difference in these two terms? or ...
1
vote
1answer
53 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 ...
8
votes
3answers
838 views

Should I reduce the number of menu items when showing on smaller devices, or use a 'hamburger' responsive menu?

So I was thinking about how I could make a responsive menu a better experience rather than just firing it into a drop down on mobile that has a hamburger as an icon. Would it perhaps be a better user ...
5
votes
3answers
864 views

Best practices for how search icon functionality should work

I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website. I have three scenarios, please view them on a smaller ...
1
vote
1answer
259 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 ...
1
vote
0answers
95 views

Best practice for navigating a detailed image like a map on mobile

We have done a piece of offline activity that is basically a large folded, printed map with some featured elements and content around it relating to the map. I am working on putting this map online. ...
0
votes
2answers
62 views

UX gains by embedding a responsive website into apps?

Having a responsive website that has all features available for differently sized devices often isn't enough for clients. They additionally request Apps for iOS and Android (and if you're lucky also ...
1
vote
4answers
74 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 ...
0
votes
0answers
13 views

Mobile Responsive Web - Should text & image size change based on orientation? [duplicate]

Based on legibility, is it a better practice to keep the copy the same size or increase it? My gut says leave it alone. Are there any best practices out there?
1
vote
2answers
61 views

What are the pro's and con's for adapting (or failing to adapt) a companies marketing/corporate website to be responsive?

Weighing up the pro's and con's, should a company invest the time, money and staff in adapting an existing site to be responsive (definition below)? I'm after a solid argument for (or against) ...
1
vote
2answers
249 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: ...
1
vote
2answers
109 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 ...
0
votes
1answer
71 views

Opening a modal popup on top of another [duplicate]

I understood that opening a modal popup on top of another is not a good practice and a good ux, but my project has the same requirement. I have a modal popup which contains the list of stores with a ...
0
votes
2answers
64 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 ...
2
votes
2answers
209 views

responsive menu logo

often times a menu bar on a responsive website turns into this three line logo: ☰ i'm curious as to why this symbol has been thoroughly adopted. why aren't words such as "Menu" or "Navigation" ...
2
votes
1answer
73 views

Are there any stats on browser widths as opposed to monitor size?

Our analytics across several sites are all showing a marked increase in 1440px+ monitor size, but has anyone seen any stats about what browser size people with large screen tend to use? Do people ...
1
vote
2answers
267 views

How to test website for large screens?

I want to test website for large screens such as 1920 x 1080 pixels, 2560 x 1600 pixels, In browserstack i find only 1280 x 1024 pixels is maximum for windows machines, Is there any website to test ...
3
votes
2answers
134 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...
0
votes
0answers
28 views

Using many links in bottom [duplicate]

I have read an article now and in that they stated using many links will help in SEO. And in latest websites I am seeing many menus in footer. Is it good to use many menus on footer?. Will it ...
1
vote
5answers
208 views

Axure's worth in responsive design

I'm just wondering on the wider audience views on how worthy using prototype tool Axure is when designing a responsive site. I have project where the deliverable is a responsive site. However, I'm ...
0
votes
0answers
10 views

What is the best way to design a responsive comparison chart? [duplicate]

I am trying to design comparison charts but as in the image below, the charts make sense when they have enough room on large screens to be shown side-by-side, but on smaller screens how should I show ...
4
votes
3answers
222 views

How should a responsive website use so much extra space on large screens?

In older websites, the standard is usually 960 pixels, because it has a lot of factors that it can be divided into, and most monitors were 1024 pixels wide. Recently, a large portion of laptops are ...
1
vote
1answer
72 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 ...
2
votes
2answers
143 views

What is the best way to responsively display large amounts of tabular data?

I'm working on a redesign that needs to translate well from desktop to tablets. There is a table that could potentially hold thousands of entries. Think of this page as a dashboard. From what I ...
0
votes
1answer
87 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 ...
1
vote
1answer
188 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 ...
3
votes
2answers
396 views

Is an off-canvas slideout menu usable when placed on the bottom-right instead of the top-left?

As I'm going into CSS frameworks(Toast, Yaml ,Bootstrap, Foundation, etc) I've hooked into the usability of navigation menus when viewed in smaller screens, some frameworks convert it into a ...
-1
votes
1answer
41 views

How we can relatively increase size of all elements [closed]

Am new to this forum. Actually I can horizontally increase all elements width by putting their width in percentage(%). So that in a normal wide screen the pages are rich with label and its associated ...
4
votes
2answers
261 views

How wide should a webpage get?

So when creating a responsive design, how big should the maximum width of the container be? Should the maximum width of a webpage be fixed (width: 100%; max-width: 1200px)? Should it grow slower ...
2
votes
2answers
80 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
75 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
219 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 ...
4
votes
4answers
328 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
143 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
104 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
92 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
128 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
77 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
390 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
565 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
232 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
292 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
103 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
228 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
898 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
566 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
262 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 ...