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”.

A User-Centred Approach to Mobile Design and a 5 Stage Process for You to Use

The mobile web is here to stay. However, it’s important to remember that having a mobile website isn’t the key to success – it’s providing the right …

UX Design

Functionality and Mobile Design – Don’t Shrink the Screen, Focus on the Tasks

Mobile design and design for other devices such as laptops and desktops does not mean producing the same product, just smaller. It means focusing on …

Interaction Design

​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 …

Web Design

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 …

Usability

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 …

Usability

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 …

UX Design

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 …

Polling

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

Start with the questions, trending searches and terms customers really use in each moment. This helps you decide what to invest in and also how to market against what users are trying to do.<p>Starting with intent also helps you understand how to address the questions people ask most. Ask yourself, …

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 …

Web Design

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 …

UX Design

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 …

Usability

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 …

Usability

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. …

Typography

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 …

Usability

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 …

Usability

Why and How to Avoid Hamburger Menus

We now have data that suggests Sidebar menus—sometimes called Hamburger Menus/Basements—might be causing more harm than good.Here’s some public …

Usability