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
137 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 ...
0
votes
1answer
46 views

Hamburger Menus [duplicate]

I was developing a personal website i wanna know this or simply Hamburger is better
7
votes
4answers
272 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 ...
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
114 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 ...
3
votes
3answers
111 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
557 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
54 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 ...
0
votes
1answer
67 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
104 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 ...
1
vote
0answers
64 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 ...
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 ...
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 ...
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 ...
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
62 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
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
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 ...
1
vote
2answers
91 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
231 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
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
103 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
5answers
129 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
2answers
66 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. ...
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
1answer
88 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
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
3answers
76 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
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
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
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 ...
0
votes
0answers
53 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
40 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
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 ...
14
votes
5answers
1k views

Why do very few e-commerce websites use full-width and fluid layouts?

Looking at some of the top e-commerces websites (Flipkart, Etsy, Amazon, Bestbuy) , I could find that only amazon utilizes a full width layout, and that too isn't fluid. While I understand the ...
4
votes
4answers
305 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 ...
0
votes
2answers
160 views

Two Color Progress Indicator

I'm interested in any examples of a two color progress indicator. The user will be looking at a web page consisting of a list of reports that are a combination of approved reports and reports pending ...
0
votes
3answers
209 views

Grid with cards

I want to create grid withs cards that looks like on photo, every card have text in it. What would be better to make , all square or rectangular cards ?
1
vote
1answer
170 views

What's the best way to implement a search bar in the mobile view of a responsive site?

I'm currently working on a site that is content heavy and want to add FAYT (find-as-you-type) search. In the desktop view I have a regular search field in the top right hand corner with a magnifying ...
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 ...
3
votes
1answer
137 views

Very complex responsive navigation

I'm working on a redesign project that has a complex navigation, especially in the case I have to make it full responsive. There is a navigation bar to go to several section of the site. Each section ...
11
votes
5answers
800 views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
6
votes
2answers
244 views

Why should I use em, and not % for fonts?

If ems essentially give you a result that is a percentage of the base font, what advantage is there to using it, rather than % for font sizing? I have looked around, and haven't really seen anything ...
42
votes
5answers
3k views

Should iOS native app be distinctly different than the responsive website's mobile version?

I was in a training session, where a room full of designers were learning iOS prototyping in Xcode, and there was an individual there who came from Apple to make sure everything in the course was done ...