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

3
votes
0answers
76 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 ...
-3
votes
0answers
12 views

how to handle zoom in and zoom out in responsive design in mobile [duplicate]

I need to display the content responsive on the web page in mobile if the user zoom out also. could any one please help on this.
1
vote
2answers
61 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, ...
0
votes
0answers
29 views

Page Specific 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 ...
0
votes
1answer
51 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 ...
3
votes
3answers
98 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 ...
0
votes
2answers
20 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
1answer
85 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
70 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 ...
0
votes
1answer
76 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
3answers
156 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. ...
1
vote
1answer
159 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 ...
4
votes
3answers
198 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 ...
0
votes
0answers
13 views

Making 4-column table responsive [duplicate]

I have a 4 column table for displaying event information about our event. I am facing issues with narrow screens when I have 4 columns of data in the view. What would be the most feasible solution ...
0
votes
2answers
118 views

UX Guidelines for Responsive Web Design of Print Button?

Some quick questions are: As a part of responsive web design, website contains print article option, but should there be a print option/button in an Tablet or Mobile version of the Desktop website? ...
2
votes
3answers
128 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
0answers
19 views

What is the ideal grid size [duplicate]

I'm trying to get back into web design and have been doing research. But I can't seem to find a good resource that talks about grid size vs responsive. The last time I worked with ui design, everyone ...
0
votes
1answer
64 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
142 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
58 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
87 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
116 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
218 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 ...
0
votes
1answer
105 views

How to convince my client to go for responsive webdesign?

I've worked with my client in the past and only recently some problems appeared and I started to work again on some things. Meanwhile they have created a mobile version of their website, but ...
0
votes
0answers
60 views

Handling a Site with Zero Responsiveness [duplicate]

I'm handling a website that currently has zero responsiveness and is custom (no front-end framework). The website looks horrible on mobile but looks fine on the desktop(obviously bigger screens ...
1
vote
1answer
84 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
251 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
116 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
47 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
3answers
111 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 ...
9
votes
3answers
1k 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
1k 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
368 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 ...
2
votes
1answer
250 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
108 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
92 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
86 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
492 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
134 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
121 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
123 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
295 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
257 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
756 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
249 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
29 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
6answers
495 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
12 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
267 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 ...