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
2k views

What does “form factor” mean when referring to software?

I'm asking about when the term is used in context of software UI. I see Wikipedia articles related to hardware when Googling the term, but not sure what people mean when they refer to it in context ...
2
votes
5answers
565 views

Is responsive design becoming obsolete soon? [closed]

Responsive design focuses on delivering the content based on screen resolution (pixels). As screen resolution sizes of mobiles and tablets increase (tablets are now desktop monitor screen resolution)...
2
votes
4answers
2k views

When designing a website, what screen resolution should I design for?

I have a simple question about the best resolution to consider when developing a website. Usually I consider the max-width: 1920x1080px, but now TVs are smart and some of them allow you to browse the ...
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. ...
2
votes
5answers
989 views

How does it affect user experience if the navigation menu is a sidebar?

I am new to web development but always had an interest of doing things to enhance UX. For a new project, instead of having a horizontal header with a navigation menu i thought of having a vertical ...
2
votes
3answers
405 views

I have a large list (100+) of items to be listed on a landing page. What's the best way to do this?

As the title suggests, I need to list over 100 items on a landing page. I'm hoping to make the page as responsive as possible. I don't think a table is the best option, and I'd also like to stay ...
2
votes
5answers
2k views

Responsive Websites on tablets: portraits or landscape first?

I'm designing a responsive website for my master degree thesis. It's my first experience in this field, so I'm wondering, when I'm designing for tablets I have to consider the portrait or the ...
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 ...
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?
2
votes
2answers
278 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 ...
2
votes
1answer
2k 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 ...
2
votes
2answers
564 views

Responsive Intranet Design - Changing order of elements between views?

I'm currently implementing a responsive design on an intranet, which has the following view in desktop width equal to or greater than 1024 px. The tablet view is anything less than 1024 px width. ...
2
votes
3answers
182 views

Adapt site to be responsive [closed]

I need to adapt a web site to be responsive. I used bootstrap 2.3 for the navigation bar, carousel slide, thumbnails gallery, etc. My question is how do I adapt the site shown in the picture to be ok ...
2
votes
2answers
2k views

Should I replace radio buttons with buttons on a responsive form?

I'm designing a responsive form and wondering about the use of radio buttons. It would make a lot more sense for me to use buttons on mobile forms e.g. are you married? [YES] [NO] ...instead of making ...
2
votes
3answers
285 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
2
votes
2answers
795 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
97 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
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 ...
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 ...
2
votes
2answers
452 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
148 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
461 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
692 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
317 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
213 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
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. ...
2
votes
1answer
610 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
1answer
89 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
84 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
158 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
5answers
128 views

Handle responsive images

I have a web page where the users can sell their houses. They can also upload multiple images to make a carousel to show the house's images. The problem I'm facing is to decide whether or not to use ...
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
90 views

A list of buttons seem to appear as a group on mobile device

I was providing some feedback on a peers design. And what kept jumping out at me was the fact that these buttons seem to blend together and appear sort of as a block of text to me. This is a native ...
1
vote
2answers
72 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
197 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
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 ...
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 ...
1
vote
3answers
1k 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? ...
1
vote
3answers
752 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
2k 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
100 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 ...
1
vote
2answers
715 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
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 ...
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, ...
1
vote
2answers
290 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
140 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
2answers
65 views

mobile view of a wizard

I've got a wizard as given in the following mockup. download bmml source – Wireframes created with Balsamiq Mockups What would be an appropriate way to make this wizard mobile friendly. ...
1
vote
1answer
125 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 ...