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
3answers
88 views

How to accommodate more items in the same UI

I'm looking into a change request from a client which requires the following. Have a look at the visual below. The clients would like to be able to show more then 5 of the blue boxes (these show ...
4
votes
2answers
71 views

Should a responsive sticky side menu stay sticky at high resolution?

We have a website/app that has a side menu that sticks to the left side of the screen (see mockup below) It is a responsive site, so when accessed on higher resolution screens (or if the user zooms ...
1
vote
2answers
98 views

How to transform desktop UI to smartphone UI?

I have a live demo here, based on HTML, CSS, JS and Metronic. It's currently planned to be displayed on desktops, yet it's quite responsive (a little bit...) and I'd like to convert it to be displayed ...
15
votes
5answers
744 views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
1
vote
1answer
26 views

Truncation vs. Wrapping text when designing for responsive page for multiple devices - which is better?

For a ready only form that is also designed to be responsive, some fields are long and some short. Currently, the default behavior is truncating long fields based on the space constraint. And on ...
-2
votes
3answers
59 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 ...
1
vote
4answers
46 views

Should you design for the transition period of resizing the window

The big trend (rightly so) in web design right now is making your website responsive. Meaning that your pages will look good on any size screen. As a ux/ui developer I always initially test my pages ...
0
votes
2answers
75 views

How can I show a row of dropdown menu's in mobile

A brief introduction : Lets say in this web app the user is asked to upload an image. The resultant page will contain the image with a row of dropdown menu's to select from and a final submit button ...
0
votes
6answers
183 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 ...
0
votes
3answers
66 views

Icon to request device rotation [closed]

Is there an existing icon that is recognized as a request / suggestion that a user rotate their mobile device? I am converting an OLD website to be more mobile friendly. (responsive) I have existing ...
1
vote
2answers
136 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
1answer
186 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
1answer
89 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
2answers
293 views

Sub-menu dropdown vs tabs on mobile

I am trying to figure out what a better UX is on a mobile phone. Either having the sub-navigation as tabs, or have it be a dropdown. Method 1 - Dropdown on mobile In the following images, the ...
1
vote
3answers
156 views

How do you choose between using a Jumbotron or Carousel?

I'm developing my first ever responsive website. This website will be a one-page website for one of my software products. I'm having a hard time trying to decide whether to use a jumbotron or a ...
2
votes
4answers
483 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
2answers
56 views

Best way to represent long sequences in responsive views?

I have this long sequence of elements following a path. They work OK in desktop views, but I was wondering how to deal with the orphan arrows (in green in the mockup) while still preserving the visual ...
2
votes
1answer
75 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
4answers
69 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 ...
1
vote
4answers
374 views

What is the best way to allow users select items from a very long list in a responsive web app?

Scenario I'm designing a web app where the user adds predefined items from List A to a custom List B. List A is over 100 items sorted alphabetically. List B can be customized according to user needs. ...
0
votes
1answer
47 views

Selecting country in a mobile/tablet landscape mode vs portrait mode on a responsive APP

For selecting country on an APP when it's being opened for the 1st time, On mobile or tablet portrait a 1 column list view is the best option. However is it better to switch to a 2 column view when ...
0
votes
1answer
92 views

Mobile site navigation - Burger menu or not? [duplicate]

Can anyone share some stats on the pros and cons of both using a burger menu (standard drop down or pop out) Vs a simplified navigation for mobile. Examples of great navigation can be found here: ...
3
votes
2answers
317 views

Responsive design - 3-level navigation

I'm currently working on a site with a quite complex information architecture. The IA has 3 levels and each level can have up to 12 items. Level 1: 4 items Level 2: up to 12 items Level 3: up to 9 ...
0
votes
1answer
71 views

Responsive vs adaptive vs fixed size video player

I am thinking to create browser plugin/extension to play videos over the webpage but from user experience point of view I am having doubt regarding size of player. Shall I keep it: Responsive : so ...
-1
votes
1answer
214 views

Why minimum resolution for mobile web design vs. mobile app design is different? [closed]

After a lot of experience with mobile-first responsive design, I recently got a weird question from a visual designer colleague: "Why do we have to design mobile websites at minimum resolution of ...
3
votes
3answers
108 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 ...
4
votes
3answers
142 views

Information architecture for supermarket website

I'm working on a website (responsive) for a supermarket. I'm thinking about the best way to provide a structured navigation both on mobile and desktop. How would you organize the navigation? I've ...
1
vote
2answers
193 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 ...
4
votes
1answer
84 views

Good names for turning site responsive-ness on and off?

I'm doing work on a website that has been 1900px wide long time, and most of the users aren't extremely tech-savvy and usually +40 years old. To give you an idea of the content of the website, all the ...
5
votes
2answers
1k views

Are there devices narrower than 320px (and data on their usage for web browsing)?

Most organisations I know of when testing responsive designs (and responders to the question What is the smallest screen size you design for) use 320px as the narrowest device width they test for, ...
0
votes
0answers
15 views

What baseline dimension/resolution to choose in illustrator for desigining android tablet mock-up? [duplicate]

I need to create the UI mock-ups for the android tablet app. I am aware and understand the complications with android device dimensions, dpi's etc. But I need to know what is the baseline resolution I ...
0
votes
2answers
250 views

Determine correct breakpoints to wireframe to a responsive website!

My problem is about choosing the right breakpoints for a responsive website as it's wireframing (Not determining in the code phase). I am having trouble about this. Because many people say that choose ...
2
votes
1answer
109 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
1answer
93 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 ...
1
vote
1answer
226 views

Responsive navigation menu: With or without animation?

When it comes to responsive navigation patterns, I often find myself using the "slide down pattern": Source Now there are at least two ways to build something like that: With slide animation ...
3
votes
2answers
108 views

How to turn a GridView into a better more responsive user experience?

I have a GridView that needs more adaptive formatting. Something that works well in a responsive context without losing all the valuable points. What patterns exist in 2015 for presenting tabular ...
0
votes
1answer
279 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 ...
2
votes
1answer
165 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 ...
5
votes
6answers
2k views

How do I design a user friendly survey with more than 150 questions?

I am designing UI/UX for a survey webapp which has more than 150 questions. Right now they are using 5 radio buttons for each question. Similar to the image below: So the question is, how to make ...
1
vote
2answers
131 views

Partial-Page Responsiveness, or Responsive Elements in a Non-Responsive App

I am working on a project that will add considerable new functionality to an existing application. We were previously limited by a framework that did not (realistically) facilitate responsiveness, so ...
1
vote
4answers
218 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 ...
6
votes
1answer
536 views

How to use breadcrumbs in a responsive layout?

I would like to use breadcrumbs on my responsive site. Breadcrumbs become less recognisable if the links wrap as the layout is then less recognisable. This creates an issue for my site as the width ...
0
votes
2answers
262 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
1
vote
5answers
252 views

Is responsive web design worth it (in my situation)?

I've both designed and developed multiple websites where I worked on making the site responsive for mobile/tablet. It's easy work, but it's extremely tedious and lengthy. Knowing that I am a single ...
1
vote
5answers
231 views

Responsive form design

Is it better to break a responsive screen into 2 steps? Having a long form like this attached image, Is it bad for UX or is it better to break into 2 steps?
4
votes
1answer
380 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 ...
1
vote
2answers
237 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, ...
2
votes
1answer
64 views

Page-specific responsive 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
192 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 ...
4
votes
3answers
122 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 ...