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

0
votes
1answer
79 views

Selecting country in a mobile/tablet landscape mode vs portrait mode on a responsive APP

For selecting country on an APP when it's being opened for the 1st time, On mobile or tablet portrait a 1 column list view is the best option. However is it better to switch to a 2 column view when ...
0
votes
1answer
186 views

Mobile site navigation - Burger menu or not? [duplicate]

Can anyone share some stats on the pros and cons of both using a burger menu (standard drop down or pop out) Vs a simplified navigation for mobile. Examples of great navigation can be found here: ...
4
votes
7answers
7k 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?
1
vote
2answers
1k 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 ...
0
votes
1answer
119 views

Responsive vs adaptive vs fixed size video player

I am thinking to create browser plugin/extension to play videos over the webpage but from user experience point of view I am having doubt regarding size of player. Shall I keep it: Responsive : so ...
0
votes
1answer
695 views

Why minimum resolution for mobile web design vs. mobile app design is different? [closed]

After a lot of experience with mobile-first responsive design, I recently got a weird question from a visual designer colleague: "Why do we have to design mobile websites at minimum resolution of ...
3
votes
3answers
139 views

Should a conversion to a responsive layout happen site-wide at once, or is incrementally acceptable?

I have a large website that needs to be updated to be responsive. There are business deadlines that prefer a gradual roll out instead of waiting to be completely finished Should I apply a responsive ...
4
votes
1answer
93 views

Good names for turning site responsive-ness on and off?

I'm doing work on a website that has been 1900px wide long time, and most of the users aren't extremely tech-savvy and usually +40 years old. To give you an idea of the content of the website, all the ...
3
votes
1answer
83 views

Page-specific responsive breakpoints

I am working on a mobile first project and have run into an issue with the design of one of the screens. The issue is that the content of one screen in particular doesn't work within one of the ...
4
votes
1answer
511 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
0answers
16 views

What baseline dimension/resolution to choose in illustrator for desigining android tablet mock-up? [duplicate]

I need to create the UI mock-ups for the android tablet app. I am aware and understand the complications with android device dimensions, dpi's etc. But I need to know what is the baseline resolution I ...
0
votes
2answers
556 views

Determine correct breakpoints to wireframe to a responsive website!

My problem is about choosing the right breakpoints for a responsive website as it's wireframing (Not determining in the code phase). I am having trouble about this. Because many people say that choose ...
1
vote
2answers
1k views

How to show two brands of the same business in the navigation in one website?

I need to show two different brands in same website. Each has a different logo and navigation which should be visible by default, but they share a common sign-in/sign-up interface and currency change ...
3
votes
2answers
151 views

How to turn a GridView into a better more responsive user experience?

I have a GridView that needs more adaptive formatting. Something that works well in a responsive context without losing all the valuable points. What patterns exist in 2015 for presenting tabular ...
2
votes
1answer
160 views

What are the best practices for responsive images that contain live text on websites?

I am working on a large online retailer website, with a variety of products and we are moving over to a fully responsive website. One of the major issues we will be looking at are the promotional or ...
1
vote
4answers
298 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 ...
2
votes
1answer
112 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 ...
1
vote
1answer
362 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
2answers
407 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 ...
5
votes
4answers
574 views

Do users really want responsive dumbed down versions of websites?

I recently read this article Google: Bad User Experience For Mobile Users May Lead To Ranking Issues where an example of responsive / mobile optimized web site is shown side by side with its desktop ...
14
votes
3answers
51k views

responsive website min-width?

In my experience most responsive websites don't have min-widths so when resized to a tiny size (say a 100px window) the content screws itself up and becomes illegible. example: http://alistapart.com/...
0
votes
1answer
529 views

What are the best methods to show a data table in mobile / tablet view? [duplicate]

I'm in the process of redesigning my website to be responsive, and some of my account pages I show some detailed product information in a data table view. What are some of the best methods to show ...
2
votes
1answer
254 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 ...
5
votes
6answers
2k views

How do I design a user friendly survey with more than 150 questions?

I am designing UI/UX for a survey webapp which has more than 150 questions. Right now they are using 5 radio buttons for each question. Similar to the image below: So the question is, how to make ...
1
vote
5answers
277 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?
7
votes
1answer
2k views

How to use breadcrumbs in a responsive layout?

I would like to use breadcrumbs on my responsive site. Breadcrumbs become less recognisable if the links wrap as the layout is then less recognisable. This creates an issue for my site as the width ...
1
vote
5answers
314 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 ...
4
votes
1answer
609 views

How is the best approach to display responsive combobox?

I would like to implement comobobox with a search filter for phones, larger screens and tablets. The examples below show how I think it should behave for phones and larger screens. I'm still fomenting ...
2
votes
2answers
4k 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 ...
7
votes
4answers
2k views

Responsive website - navigation usability advice

I am developing a site which is to respond to different screen sizes. The site is fairly large and has up to 4 levels deep in terms of page/menu hierarchy. What I am wrestling with now is how to adapt ...
0
votes
2answers
644 views

Difference between navigation overlay and toggle navigation in Web Design

I'm writing about responsive navigation for school. I found on the internet that responsive navigation patterns could be divide as: Toggle or multi-toggle pattern Footer anchor pattern Navigation ...
1
vote
2answers
400 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, ...
20
votes
5answers
6k views

How to adapt your website for TV browsers?

Many home electronic brands have presented new television sets with built-in browsers and apps. Even though not many of these have enjoyed widespread adoption, the responsive web design movement talks ...
0
votes
1answer
561 views

How to design responsive sites for 1920 resolution? [closed]

We are working on few websites which have PSDs designed for 1920, 1170, 640 and 320 resolution. What is the best way to handle the designs on 1920 resolution? As lots of people using large monitors ...
5
votes
3answers
135 views

Prepare Community for a Redesign

I am working on a new layout and visual design of an automotive platform. This platform heavily depends on an active community that contributes information such as write-ups, pictures and discussions (...
1
vote
2answers
686 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
1answer
122 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 ...
0
votes
2answers
364 views

Responsive Shopping Cart

Below is the Wireframe for the Shopping Cart which automatically scrolls along the height of the content area in between the header and footer. Now in the smaller screen where the content will ...
7
votes
4answers
1k views

Responsive mobile testing - Is resizing the desktop browser adequate?

Other than touch events, is there any appreciable difference between testing a responsive design by resizing a desktop browser and testing it on a mobile device? There are a plethora of mobile devices ...
1
vote
3answers
184 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 ...
2
votes
3answers
224 views

Does responsive design ruin accessibility?

Hopefully this is not too broad, I am currently developing a website for my university project and part of the criteria is to implement some considerations to accessibility and also responsive design. ...
8
votes
3answers
3k views

What's the best approach for header/footer in responsive web design?

I'm an IA doing a responsive site, as part of a much larger scale e-commerce site. Our pages are the only responsive parts of the overall site, so 90% of our site will not yet be responsive. Part of ...
2
votes
3answers
167 views

Is Responsive Design good for web based software? [duplicate]

I am developing an email software/service similar to gmail and thunderbird, but I am wondering if it is a good idea to have a responsive design or also have apps for different devices?
0
votes
1answer
82 views

Retina images or not? [closed]

Do you use retina double size images or not in your webprojects. It looks good but the pageloading will be heavy. How do you think about this?
3
votes
1answer
274 views

What to do if more than 2 hamburger icons in nav bar?

I am building a website for each office within an agency (about 6-8 different offices). I want to make it easy for a visitor to jump to another office website when on an office website. So, each ...
2
votes
2answers
64 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. ...
0
votes
1answer
257 views

Designing for multiple devices: What grid/grids should I use? [duplicate]

I'm having a big doubt here regarding grid systems. See, I have to design a medical dashboard application for a lot of devices: These are a 42 inch LCD screen, a regular computer screen (using 1200 ...
1
vote
2answers
147 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 ...
0
votes
1answer
475 views

Responsive Design / Is it a good UX for a multi-step form?

I've got a responsive web app that displays a multi-step. There are 4 steps: What?, Where?, When?, With?, that are indicated on each step to let user know the progress. For instance, here's what it ...
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 ...