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

Responsive Layouts: Can they respond to *on-screen* keyboards? (i.e. Tablet / Mobile keyboards)

This question is fairly simple, though I'm not sure the technology exists yet. I'm building a responsive version of a website to be optimized for use with a tablet device. This is one challenge ...
2
votes
1answer
90 views

Design for an autosave feature

I'm developing a web app that has several text fields that can be edited. I implemented an autosave feature that saves each time there is change in the title field. I need to let the user know that ...
2
votes
1answer
101 views

How can I display 13 selectable items on a “Mobile First” responsive webpage?

I have a 13 selectable elements list to be displayed in a Mobile First" responsive webpage. The elements are pure text of about only one line. I have been struggling with my mind to find a solution ...
2
votes
1answer
205 views

Second menu on mobile

I have a secondary nav which is related to the content on the current page as opposed to the primary nav which is a global menu. What is the best way to have two menus on mobile. Both have to be ...
2
votes
2answers
432 views

Responsive Grid View with Hover layer

I have a grid layout which has an hover state which reveals information that are crucial as below. The Content of each Grid Item Dish Name Dish Photo Rating Chef Name Chef Photo Chef Location ...
2
votes
1answer
140 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 ...
2
votes
1answer
406 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 ...
2
votes
2answers
661 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
280 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
2answers
212 views

Responsive vs Full Mobile Solution… with a twist.

Most people see the pros of responsive design being one codebase with a variable visual layer via CSS media queries, and the pros of an adaptive, mobile specific site being able to use a mobile ...
2
votes
2answers
63 views

How to show this long input with prepend in Mobile which allows user to choose url name?

I'm working on a responsive website where I need to inform users that information he will fill in input will be used to create url for his campaign he is going to create. That input looks like this. ...
2
votes
3answers
3k 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 ...
2
votes
1answer
398 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, ...
2
votes
1answer
586 views

Responsive web vertical scrolling design and elements [closed]

I have been trying to implement a vertical scrolling site that is also responsive. For that purpose, I have not used a responsive grid, only media queries. But I do have some blanks to be filled and I ...
2
votes
2answers
109 views

Responsive sidebar sub-navigation

We're working on a new, responsive version of a large website and need to support the main navigation and sub-navigation that changes based on the department. Below is a mockup of how we are ...
2
votes
1answer
77 views

Best way to stop a navigation from wrapping by changing design?

Didn't know whether this was a UI or a UX issue but I have been asked to change our header section so that the navigation items don't wrap to a second line when the user views our site on a smaller ...
2
votes
0answers
81 views

Any good presentation examples on why minimal + responsive design is a good approach for a website redesign? [closed]

I am making a presentation on responsive design and minimal design. Would be catered towards more elderly or less technical coworkers and stakeholders that do not yet know about this type of design ...
2
votes
0answers
37 views

Forms in fancybox or full size page - which is good for conversions? [duplicate]

I have a responsive website, with a Sign Up form & a Contact form. I'm not able to decide whether should I open these forms in fancybox / prettyphoto or redirect user to a full sized page with ...
1
vote
6answers
1k 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 ...
1
vote
2answers
146 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
6answers
2k 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 ...
1
vote
2answers
65 views

For Wide Display Should Main Content be Centered or Left?

I am confused on how the main content layout should be on a wide screen monitor. So should I keep my main content on the left or middle? Since I have read many places that content should be on the ...
1
vote
1answer
194 views

Which button form is better from a user experience perspective? Rounded or Boxed?

Could either be confused as labels? Any other criteria to consider?
1
vote
4answers
262 views

Hamburger menu for responsive portfolio

In a portfolio web design which focuses on the mobile version design (because of the scenario in which users will use it) does it make sense to keep a hamburger menu for the desktop version? It's a ...
1
vote
2answers
141 views

Responsive Design / What is an appropriate web component to choose a distance regarding user's geolocation?

I own a responsive web application. I want to let user filter results (supposing a page listing some data) based on his geolocation and a chosen limit. For instance, Bob wants to see all meetings ...
1
vote
3answers
736 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 ...
1
vote
3answers
1k views

Hover over web images for additional details best practices

I know that a discussion was already made on various places whether it is good to use hover on images on the web or in mobile apps. With the rise in mobile use where touch is prevalent do you think ...
1
vote
2answers
462 views

Breadcrumbs for Mobile

We are designing a responsive site and I was wondering if we need to use breadcrumbs for mobile version. I did some research and most of big brands don't use breadcrumbs on their mobile site but I ...
1
vote
2answers
665 views

Responsive 3 breakpoint design

I was given a quote for a website that states: "responsive 3 breakpoint design, designs for mobile (portrait, landscape), tablet (portrait, landscape), desktop (optimized to 1200 pixels) plus desktop ...
1
vote
2answers
328 views

What would be a mobile friendly solution for a range slider with input controls?

I have a range slider with two input controls, each with a higher/lower button. The user should be able to make his input by sliding (fast but not accurate), typing into the inputs (average speed, ...
1
vote
2answers
229 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
1answer
138 views

Would like some clarification on screen resolutions [duplicate]

While working on a website, I asked a friend what his monitor size was. He said his monitor was 32" but added that the size of the screen does not matter in web design, It's the resolution and that ...
1
vote
1answer
99 views

Responsive design for a suggestion/toolbar

In this software a user can enter a query and the system produces an image or an output. Attached to the output is a toolbar that modifies The output based on user input. however with the current ...
1
vote
3answers
147 views

Which navigation pattern to use

We are currently working on designing a Responsive Web Site for a very niche market. The user base (elderly) would be using this site purely from content consumption - reading perspective more than ...
1
vote
3answers
75 views

Responsive design for sidemenus

I have a website that was designed to have a side menu running along left side of the screen from top to bottom. Works great, looks great, but I'm having some issues when it comes to making it ...
1
vote
2answers
131 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 ...
1
vote
3answers
281 views

How do you choose between using a Jumbotron or Carousel?

I'm developing my first ever responsive website. This website will be a one-page website for one of my software products. I'm having a hard time trying to decide whether to use a jumbotron or a ...
1
vote
1answer
302 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 ...
1
vote
5answers
290 views

Is responsive web design worth it (in my situation)?

I've both designed and developed multiple websites where I worked on making the site responsive for mobile/tablet. It's easy work, but it's extremely tedious and lengthy. Knowing that I am a single ...
1
vote
5answers
255 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?
1
vote
1answer
121 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 ...
1
vote
2answers
178 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 ...
1
vote
2answers
334 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 ...
1
vote
2answers
104 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 ...
1
vote
4answers
2k views

carousel in responsive site - should I keep or remove the navigation arrows?

I'm designing a responsive website and I have a question about the carousel element I have in the site: the carousel has right and left arrows < content_content_content > that reveals previous and ...
1
vote
4answers
258 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 ...
1
vote
2answers
93 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 ...
1
vote
1answer
92 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 ...
1
vote
1answer
142 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 ...
1
vote
2answers
177 views

Pane vs Modal vs ?: Across all screen sizes

Pane vs Modal vs ?: Across all screen sizes I am currently working on a web application that needs to be responsive, accessible, and provide a solid UX across all device screen sizes. We currently ...