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
2answers
128 views

Is it necessary to have responsive grid limited to 1170 pixels only

Can we have the 12/16/24 columns in 1440(any size) pixel container to make a responsive grid while creating a design as I have seen most sources to use 1170 pixels area and gutter size 15 pixels only ...
7
votes
4answers
180 views

Why Browsers load Websites gradually?

When I visit a website, even on a high-bandwidth internet connection, the page will load bits at a time, such that I get to watch the page be constructed before my eyes. Even though this happens ...
0
votes
1answer
38 views

Hamburger Menus [duplicate]

I was developing a personal website i wanna know this or simply Hamburger is better
3
votes
2answers
88 views

Full-screen “loading” overlay in desktop browsers

We've recently introduced a full-screen modal for loading operations in our web app to provide better UX for small screens. The problem was that the loading spinner we had before was sometimes out of ...
4
votes
1answer
112 views

UX design of a dropdown menu trigger for responsive sub-apps

I am buiding a web app called Hero Panel (heropanel.com). It consists on a panel with different productivity tools. These tools work as separate apps, each have its on functionalities and they are ...
23
votes
5answers
24k views

What is the smallest screen size you design for

I'm looking to make my website responsive, however this is my first foray into responsive design, and I'm pretty clueless at the moment. I have no idea what the current state of play is with regard ...
3
votes
3answers
110 views

How to display two sidebars on mobile?

I got stuck with dealing making two sidebars for mobile screens. How I can make responsive to display nice on mobile? Maybe it's some pattern? Thanks.
10
votes
4answers
542 views

Should a UX Designer design in Pixels, Ems, or another unit of measurement?

I'm getting reading to set up my wireframe file for a responsive site. But after reading more about CSS pixels vs. pixels vs. ems, I can't decide how best to design the site and then communicate the ...
0
votes
4answers
50 views

Manage long tab list menu in responsive

I'm actually working on an interface with a long tabs list menu (seven tabs. It's not so long in english, but in German version it begans to be complicated. It works perfectly in HD desktop but in ...
4
votes
4answers
303 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
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 ...
0
votes
1answer
66 views

mobile and tablet responsivenes between landscape and portrait layouts

When designing Apps or websites for mobile or tablet we have to consider if the layout will change when the alignment of the device changes. I believe this is a kind of responsiveness. Noticed that ...
4
votes
1answer
103 views

Advice on how to re-order elements for smaller screen size

I have a web app that displays data in tables. And there's different options to display that data. In full size the options show as follows: The two blank boxes are input boxes and together with ...
2
votes
2answers
369 views

Revisiting user-scalable=no

Previously, to achieve the effect of resizing for mobile, I have only ever used width=device-width, initial-scale=1 which worked no problem. I recently discovered user-scalable=no as an option for ...
3
votes
1answer
773 views

Responsive design pattern: Navigation at the bottom + jump link

I recently discovered an interesting design pattern for a responsive design. Instead of collapsing the navigation and show it on click/tap, the navigation 'is there' the whole time in the footer and ...
1
vote
0answers
63 views

Home Page design for a File repository

The product is a file repository / publishing software that is managed by admins. Admins add file and reports, that can be promoted to the landing page carousel or to their respective folder based on ...
1
vote
0answers
80 views

Interaction to show/hide tags using info icon

Product : Universal file holder for a large enterprise Situation : Navigation side bar with unnecessary file details The files are tagged so they can be filtered. However, we already have those ...
3
votes
1answer
61 views

Is it enough to just enlarge font sizes for mobile without making the whole layout responsive?

I have a legacy e-commerce site heavily styled from the desktop era and have been making good money. They are based on a very sophisticated e-commerce software and it costs an arm and a leg to make ...
3
votes
2answers
458 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, ...
59
votes
11answers
5k views

Should users be forced into a responsive design (without the ability to opt out)?

There is nothing worse than getting automatically redirected to a mobile version of a site, and not having (or not easily finding) a "view normal site" link. It's not just that the mobile site is a ...
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 ...
3
votes
1answer
54 views

How to find and fix image breakpoints when designing to a HTML template [closed]

When working with a responsive design framework it is easy to specify the breakpoints based on the viewport and resolution that you are designing for. However, in situations where a generic HTML ...
1
vote
2answers
36 views

How to transition users from a mobile-optimized to non-optimized area of a site with minimum confusion?

My team is working on a fairly large site that will be slowly transitioning (finally) into a mobile-optimized/responsive site. Since it is impossible to convert every page at once, there will be some ...
3
votes
1answer
78 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; ...
1
vote
0answers
60 views

Best way to create responsive sidebar content [closed]

I'm working on a project that I would like to be responsive so it can be used on mobile devices. A major part of this project is a content-design area that has a lot of "tool" options and parts that ...
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
0answers
55 views

How to organize this screens in my project. Which is the better experience for users, Lists or TableData? [closed]

I have a list with categories and other with my articles or posts (something like that), a menu in accordion if show two options to navigate: (- ALL ARTICLES - CATEGORIES) All articles has showing a ...
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 ...
5
votes
2answers
230 views

How to present a wide chart on mobile devices?

I have a big chart which, by its nature, needs quite a lot of horizontal space. This is an example: I'm having troubles finding a way to present it on mobile devices. While I could find a way to ...
0
votes
2answers
67 views

Implementing different levels of drag/drop functionality?

I'm working on a tablet app for a motel. Initially, the app was going to be tested on one floor. Essentially, the app would be used to move guests from one room/bed to another room/bed. As you can ...
1
vote
1answer
132 views

Showing Bootstrap Buttons on mobile device [closed]

I am interested in learning about designing for mobile websites. Right now, I have a webpage with a bunch of bootstrap buttons ---------- Header --------- --------...
1
vote
1answer
31 views

Usable field type for date of birth on devices

I have a question about what kind of form input needs to be used to provide the best experience for date of birth field on mobile devices..I have tried to use the device specific native spinners. The ...
0
votes
1answer
101 views

Pavination Vs. Infinite Scroll in Datagrids

Pavination Vs. Infinite Scroll in Datagrids Are there any research findings or papers or usability testing findings on Pagination Vs. Infinite scroll in a datagrid. I am trying to define UX patterns ...
0
votes
0answers
20 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 ...
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. ...
6
votes
8answers
9k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
0
votes
1answer
86 views

Inline or modal dialog for responsive filters?

I need to filter a large list of items in a responsive web app. I'm working on two different approaches: A) Filters open in a modal dialog. In small screens, it would open taking full screen. B) ...
0
votes
0answers
45 views

Any alternative to responsive autocompleters?

I'm working on a responsive web app form which contains more than one autocomplete fields. I don't quite like how the autocompleters work in mobile when is not in the top of the screen. When you edit ...
0
votes
3answers
73 views

User Group Assignment Layout

I have a UI that allows admins to manage what groups a user is in. Currently the list of groups are listed as columns in a grid, stacked horizontally, and the list of users are stacked vertically. ...
0
votes
0answers
29 views

How to integrate blogging into an existing one page portfolio site and keep it usable

The one-page portfolio site in question is based on the Bootstrap Freelancer theme: a responsive, one page theme with a home, portfolio, about, and contact section. I currently have a blog section ...
0
votes
1answer
71 views

How to make pixel perfect wires frames for responsive site?

I apologize if this question seems rudimentary... I've been doing UX work for just a bit of time and I have typically provided wires that gives the designer guidelines, but offers them creative leeway....
1
vote
2answers
98 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 ...
0
votes
1answer
87 views

Responsive design approach

Mostly I am using bootstrap for my website and I keep it pretty responsive. However some of my pages are hard to adjust with media queries. I have a size limit 769px for mobile. Is it a acceptable ...
58
votes
7answers
11k views

Responsive Web Design - what should happen when the mobile device is rotated?

Currently, the standard behaviour for viewing web pages on a mobile is that: If viewed in portrait the text is smaller because the width of the device is small and the whole page width needs to fit ...
0
votes
0answers
52 views

Responsive layout standard for table layouts

Currently I am working on Enterprise layout wherein material design cards that are pretending like tables. I started of UX design for first hand screen flow with 1280 x 1024 to showcase how the ...
0
votes
0answers
39 views

Responsive complex page - compare bundles and detailed bundle

I'm working on a product page. User can choose between 3 bundles and each of those can be customizable. I'm wondering what is the best UX approach to show these data and minimize the UI complexity. ...
1
vote
2answers
285 views

Data Display of Tables: Table Cells with Must-See Values

I have a data-driven web app with horizontal resolution limit of 1280px, yet up to 15 columns (table cell data varying between 0-255 characters). I wouldn't like to display data on multiple rows as it ...
31
votes
7answers
24k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
1
vote
1answer
102 views

Is there a best practice for alignment of nav bar content - with grid or not?

Looking at various site's nav bars I see some sites spread their content wide across the bar, anchoring their logo to the far left and login to the far right, navigation in the middle (examples: ...
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 ...