A web design approach aimed providing an optimal viewing experience across a wide range of devices, from mobile phones and tablets to desktop computer monitors

learn more… | top users | synonyms

0
votes
1answer
26 views

Browser zoom in/out optimization vs. responsive design

I have a situation where we have a website that is designed to be responsive (tablet, phone). Our business stakeholder discovered an issue when the site was zoomed out to 90%. His argument is that a ...
2
votes
0answers
85 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
-2
votes
0answers
20 views

Responsive Issue [closed]

I just finished a responsive project. When I came to the testing it worked great on IE version 11 Firefox and Chrome, however I noticed that the media queries for screen size of 400 and less were ...
2
votes
2answers
80 views

Suggestion required for max width of a form

My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor. I would like to hear your ideas on ...
6
votes
5answers
105 views

An alternative for toggle on mobile devices

I'm working on a mobile website. In the page which I'm working on the user can choose one package from a range of 3. Each of them has a total price and a description, along with some products included ...
1
vote
2answers
97 views

Why are websites center aligned instead of stretched to fit?

Trying to figure out the exact reasons why websites or web applications on wider screens 1. have space on either side (aligned center as a container) 2. instead of being left-aligned or 3. stretched ...
3
votes
1answer
73 views

How many breakpoints for mobile devices in responsive design and mobile native apps? [closed]

In a browser based app with responsive design, how many breakpoints are needed? Have you done any projects as an example, and what are the best industry practices? I normally see only 3 breakpoints; ...
4
votes
1answer
52 views

RWD - Drag to background

I have the following setup for a responsive website. download bmml source – Wireframes created with Balsamiq Mockups The problem I'm running into is that on mobile devices, when the ...
0
votes
0answers
19 views

Viewport size design methodology versus responsive design approach

Lots of new CSS features are allowing designer to implement viewport unit size typography and images, but I am wondering if these types of features are in common use and if we should be moving from ...
41
votes
8answers
5k views

Should the hamburger menu close only on icon click or on click outside as well?

We are using a hamburger menu on the mobile view of our responsive website, http://edmdesigner.com There's a debate going on in the team: a) Should the hamburger menu close if you click/tap outside ...
0
votes
2answers
144 views

Responsive images for 3 different types of screens : Is this a good design?

Above image is a wireframe layout of my portfolio website. The navbar is at the bottom while the 2 images fill the remaining screen. The left and right picture will be contained in their own DIV (...
0
votes
1answer
105 views

How to provide navigation on Responsive sites

I have a UX designed for "responsive" web application with most of its content arranged under 5 tabs. So the site navigation is very clear to the user where ever they are even on mobile. But now I ...
1
vote
1answer
114 views

Best way to show registration date

What is a better approach when presenting customer registration date to a user of a crm, "active for...." or registered on mm/dd/yy? if the better approach is "active for...", i am having difficulty ...
-3
votes
3answers
80 views

Should i use a mobile theme or responsive theme for my fashion store? [closed]

I have a fashion store, then I decide to buy a new theme for my store. I am wondering whether to buy a mobile theme or responsive theme. I know a mobile theme is more fast loading and simple than ...
2
votes
3answers
114 views

Should I use an Adaptive Design for my website?

My idea is to one page, but when you screen size is smaller than 'x', then you will not see the desktop content, only the mobile content. This will work something like this; http://jsfiddle.net/...
0
votes
1answer
87 views

Mocks size for Responsive website

we are developing a Parallax website to present our product. The Website should be accessible from any device (Mobile, Tablet and PC) and we are considering to work with 3 different layouts. ...
0
votes
2answers
57 views

Mails Content - Center or left aligment

I'm designing transactional mails to send notifications to clients. Some of my colleagues say the content should be left aligned, but I personally think in the cases where there is little content and ...
0
votes
6answers
219 views

How many mockups do you typically do for a responsive bootstrap design?

I am scoping a responsive project and thinking it will need views spanning from mobile to desktop. I am just wanting to confirm if it is necessary/helpful to do mockups for all 4 sizes (Extra small ...
2
votes
3answers
226 views

Subnavigation on iPad or Other Tablet

I have a navigation and subnavigation bar that runs in parallel across the horizontal width of the page. It works fine on desktop computers. As you hover over the main navigation items, its ...
2
votes
4answers
79 views

How can I display a definition to my users on mobile?

I have a client that has some content with pretty intense scientific language. They realize this, and want to offer contextual definitions, on demand. I can find lots examples of this being done via ...
0
votes
1answer
81 views

B2B Shop with Colors and Variants as a Matrix

Hey guys we've a B2B Shop. In the Item View you can order multiple Items depending on which Color and Variant it is. below you'll see two screenshots where you can order for each variant and color ...
1
vote
1answer
313 views

How does Amazon's website adapt to mobile devices?

When you open Amazon's website with developer's tools and try to re-size its viewport size, the site seems to be static. But when you open it in a mobile device it perfectly fits to the screen. What ...
7
votes
4answers
892 views

Is hiding the sidebar menu of a responsive site into a “page title accordion” a good idea?

I was looking for some elegant solutions to display a sidebar menu, and I found a few sites that use the same pattern: instead of moving the whole sidebar menu under the main content on smaller ...
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 ...
1
vote
1answer
27 views

Should the voice button become a permanent addition for search fields?

E.g. This search box on Guardian.com's website shows the voice button. While this is a desktop example, on Mobile the voice button is way below (out of focus) near the space bar of the keyboard. ...
6
votes
5answers
1k views

Accessible and Responsive Tables?

I'm looking at creating a large multi-column table within a web app. However we are experiencing a challenge whereby none of the solutions fit the bill 100% and we are wary of just choosing one ...
1
vote
2answers
301 views

How should multiple buttons wrap on different responsive breakpoints?

We are currently developing a Wordpress site that has a Shortcode button feature that allows the client to alter the text, URL link and colour of a button, also to add new buttons. The client is ...
6
votes
5answers
318 views

How should I handle buttons on larger screen mobile devices?

I am designing a responsive site that supports landscape orientation. My question is specific to button sizes. Usually on portrait mode, buttons stretch across the screen. For bigger smartphones ...
2
votes
2answers
60 views

Which font to use when text in an image and image is zoomed out of / made smaller

I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
2
votes
1answer
1k views

Grid system for mobile app mockups?

1) For native mobile apps (iOS7, Android etc.), do you guys do mockups using the grid system too? Like maybe, 4-column grid layout for mobile apps? I heard of the grid system being used for responsive ...
0
votes
1answer
517 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 ...
1
vote
1answer
75 views

Acceptable length of video for mobile?

We have video content that will supplement written content on our responsive site. All of the videos will be less than a minute. Are there any guidelines for length/size of video content on mobile ...
0
votes
2answers
227 views

How to display restaurant menu on mobile

I would like to know whats the best way to display a long restaurant menu on a mobile? The menu consists for 7 categories. On tablet/desktop I have used a 2 column layout, one for the list itself and ...
0
votes
2answers
132 views

How best to let users know that the site is responsive, that it should run well on desktops, tablets and mobiles?

Most people won't know what "responsive" means. I thought I might just place a note at the top saying "Optimised for desktops, laptops, tablets and mobiles." Is their an icon people use?
1
vote
2answers
297 views

Pagination for responsive e-commerce website

I'm working on the pagination topic for a responsive project. I'd like to have some feedbacks from you regarding this solution. Scenario: pagination for the search results page; pagination for ...
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
1answer
112 views

Tabular data on a mobile device

I've built a responsive web application, and while its functional on mobile, it can be a bit clunky to use. It has a page with a table of students, contact information, contact person, edit page and ...
16
votes
10answers
8k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
5
votes
4answers
567 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 ...
2
votes
3answers
1k views

Using radio buttons responsively

I am working on a project with form design - giving users a choice of 7 options. With prototyping (in Axure), I have found that users using mobile phones seem to have some difficulty selecting radio ...
3
votes
1answer
245 views

Why is mobile sticky navigation always on top of the browser?

Is there a good explanation why the sticky navigation is always on top of a mobile website and not at the bottom? I reckon that with bigger and bigger screens, as a user, you'd want the menu button in ...
0
votes
1answer
250 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 ...
0
votes
1answer
131 views

100% width user's profile cover photo?

I just wonder whether anyone or services allows a user to have a 100% width profile cover photo like these examples I found on Dribbble. I want to try to put this feature into my one of my projects. ...
1
vote
1answer
505 views

Print mode, will users always print at 8.5 x 11?

So we are setting up a printable coupon page (using a print media query in css) which gives you a good bit of flexibility but it got me wondering; how often are people printing pages outside of 8.5 x ...
0
votes
0answers
62 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
99 views

what pros does the hidden menu have when it is used for DT users as well?

I knew that Square redesign had this kind of menu for desktop users as well and I found it odd and I still think that it is a strange solution. Now, I stumbled on this website that has the same kind ...
1
vote
1answer
891 views

Are tooltips on mobile a good user experience

What is the general consensus on tooltips for web links? The kind I mean are the ones that pop up on desktop when you hover, but pop up on mobile when you click. I fist came across these the other ...
1
vote
2answers
682 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: ...
4
votes
2answers
379 views

Can a button be too wide?

I have a form which has been designed as mobile first. Currently (most) of the form field are set at 100% width, including the submit button. Some people are of the opinion that the submit button is ...
1
vote
4answers
1k views

What's the ideal width and number of products in line (ecommerce website - responsive)

We have an ecommerce site - daily deal website. I would like to get your opinion on what website width should be. I was thinking about 1000px OR 1200px. But in the case of 1000px we would display 3 ...