UX - Mobile and Responsive

By Tristan Weevers | Tristan Weevers created a magazine on Flipboard. “UX - Mobile and Responsive on Flipboard” is available with thousands of other magazines and all the news you care about. Download Flipboard for free and search for “Tristan Weevers”.

​Complexion Reduction: A New Trend In Mobile Design

We have been living in a world of ‘clean and minimal’ for quite some time, so what’s next?<p>Over the last several months, some of the leaders of innovat …

Dropdown alternatives for better (mobile) forms

Using dropdown menus in forms might seem a no-brainer: they don’t take much space on the UI, they automatically validate the input, all browsers and …

Usability

Mobile Subnavigation

<b>Summary:</b> Accordions, sequential menus, section menus and category landing pages are popular options for implementing mobile subnavigation. The number …

Usability

A Brief Overview On Responsive Navigation Patterns

To say that <b>responsive web design has changed our industry</b> would be an understatement at best. We used to ask our clients which resolutions and …

Web Design

Responsive Design is Failing Mobile UX

It’s no longer enough to simply make sure your web content fits on a small screen. Google reinforced this precedent by updating its algorithm to empha …

12 Tips for Mobile Design

If you’re not thinking about the end user experience before you start a new mobile app, it’s time to start. The most important thing to keep in mind …

Usability

Hamburger menu alternatives for mobile navigation

If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and …

Ad Placement for Mobile

<b>Summary:</b> Extra care is required when designing mobile page layouts that include advertisements, due to the limited screen real estate available. Ads …

Instructional Overlays and Coach Marks for Mobile Apps

<b>Summary:</b> Instructions in mobile applications must be designed for optimal scannability, as users tend to dismiss them quickly and do not read …

The Anatomy of a Smartphone – Things for Designers to Consider for Mobile Development

If you’re going to design for mobile, then it’s a good idea to have a grasp of what makes up the modern smartphone in terms of hardware and software. …

Mobile Development

How to poll your website users so you can make it better

Running a website, selling a product, building a business – it’s all about incremental improvements based on user feedback. But what if your users aren’t sure what they want? Or what if they tell you one thing, but act in a different way?<p>The key is user data: With the right data, you can find out …

Analytics

Why mobile designers must focus on creating 'micro-moments'

Mobile is changing the very foundation of how consumers communicate, connect, and discover online. In critical moments of truth, mobile users increasingly turn to their phones with intent and expect brands to deliver immediate answers.<p>Those brands that invest in dedicated mobile strategies stand to …

UX Design

Mobile Web Design Adaptations for Better UX

Advertise here with BSA<br>The number of mobile internet users has far surpassed the number of desktop users, eliminating the question of whether or not …

Web Design

List Thumbnails on Mobile: When to Use Them and Where to Place Them

<b>Summary:</b> Decide whether and where to display thumbnails for list items based on the images’ importance relative to associated text, on whether images …

A Better Responsive Web Design Process for 2016

The fixed-width approach to website design may have served you well for years, but the process falters when applied to responsive websites. If you …

Web Design

Misused mobile UX patterns

If you are an experienced designer, you probably agree that being inspired by others is not stealing in UI design. It’s best practice research. It’s …

Basic Patterns for Mobile Navigation

<b>Summary:</b> Mobile navigation must be discoverable, accessible, and take little screen space. Exposing the navigation and hiding it in a hamburger both …

Mobile Faceted Search with a Tray : New and Improved Design Pattern

<b>Summary:</b> Displaying faceted-search controls on mobile devices in a ‘tray’ overlay is a new effective solution to the challenge of showing both …

How to design for mobile UX

You probably know by now that mobile has taken off, and there’s no stopping it anytime soon. What you probably didn’t know is just how popular mobile …

Usability

What is it?

Perhaps a more accurate description would be an <i>incompatibility</i> table. This shows the state of default system fonts across the most popular platforms. …

Mobile-first Responsive Web Design and IE8

The Guardian's responsive design team share some code to help make old browsers work with future-friendly CSS media queries<p>Soon, Internet Explorer 11 will be released. Yet IE8 is used by 4.5% of our users, and we want to serve them with a great reading experience on our new responsive …

By: Asad

I was mainly referring to the people who can’t utilize CSS pre-processors yet. And they may not think about this issue at an early stage, either. Yes …

Web Development

Supporting Mobile Navigation in Spite of a Hamburger Menu

<b>Summary:</b> Mobile sites that use the hamburger or three-line menu need to support navigation activities throughout the site, in case users don’t locate …

Mobile Navigation Guidelines

The project on how to improve mobile navigation was conducted in several steps during approximately six months. The project was financed through …

The Trouble with Sticky Headers

A recent trend in UI design is to use “sticky” navigation headers where a website’s navigation stays visible as you scroll down the page. Sticky …

Side Drawer Navigation Could Cost Half Your User Engagement

<i>Anthony Rose is co-founder and CTO of</i> <i>zeebox</i><i>, the social network for TV.</i><p>So, you have a mobile app where there are more pages or sections than can fit on a mobile screen at once. Your first thought might be to create a tabbed design, with a row of tabs along the top or buttons along the bottom.<p>But …

Usability