Are you a member? Register or Login

Open Menu
  1. Articles
  2. Mobile

Mobile

Learn how to put mobile first in your designs, for phones, tablets, and wearable devices. Create responsive designs, and tap-friendly layouts!

10 Tips for Designing for Wearables and Watches

Graphics / 20 Aug 2019

10 Tips for Designing for Wearables and Watches

Every day, we see more and more people sporting an Apple Watch or similar. These devices are constantly changing the way we think about wearable technology and how to design websites and apps for unique interfaces.

Wearables present challenges unlike other design projects. Function is a primary concern, as is the size, with what will be one of the smallest screens designers have ever worked with.

The key is creating a design that is visually pleasing but is user-friendly and provides a functional experience.

Here are 10 things to consider as you design for a wearable interface (with examples other designers are already imagining).

10 Ways to Use Mapping in Web or App Design

Layouts / 14 Aug 2019

10 Ways to Use Mapping in Web or App Design

Almost everywhere you look these days, you find a map or location-based nugget of information. Almost every app asks for a location, and their presence is becoming more and more common on desktop websites as well.

But if you have not branched out into the world of mapping or location data, it may seem a little intimidating.

How can you effectively use mapping services for your website or app? We’ll take a look at ten ways you can integrate a map today.

Mobile First Design: Why It’s Great and Why It Sucks

CSS / 23 Jul 2019

Mobile First Design: Why It’s Great and Why It Sucks

Historically, most web designers and their clients have approached the desktop side of any project first, while leaving the mobile part as a secondary goal that gets accomplished later. Even with the rise of responsive design, many of us begin with the “full size” site and work our way down.

There’s a growing trend in the industry though to flip this workflow on its head and actually begin with mobile considerations and then work up to a larger desktop version.

Why would you ever approach a project this way? What are some of the pros and cons of this strategy? Read on to find out!

Phones Keep Getting Larger: Here’s How to Design for Them

Mobile / 11 Mar 2019

Phones Keep Getting Larger: Here’s How to Design for Them

Phones keep getting ever-larger, there’s no denying it. Looking back at the original iPhone today, it seems incredulously small. But large phones come with new design considerations and requirements. Let’s dive into them.

The highly anticipated Samsung Galaxy S10 5G comes out later this year. If your website design ready for it? The phone will feature a massive 6.7-inch display — the iPhone XS Max comes in at 6.5 inches, and many common devices are 5.5 inches or larger – making it important that you are creating something that renders well on what we used to call “phablets.”

Here are a few considerations to keep in mind when it comes to designing for phone screens that just seem to keep getting bigger.

10 Tools & Apps for Testing Your Responsive Design

Mobile / 21 Nov 2018

10 Tools & Apps for Testing Your Responsive Design

It’s never been more important to ensure your design is ready for every type of user—and device—before launch. While it can be tough to physically test on every device, there are some tools and apps to help you replicate a variety of responsive scenarios.

With free and premium tool options, there’s no reason not to test your responsive design before deployment. Just make sure to use that information to many necessary design adjustments! Today we’re running you through a selection of tools for testing a responsive design.

8 Rules for Creating an Effective Responsive Website or App

Layouts / 5 Nov 2018

8 Rules for Creating an Effective Responsive Website or App

Users are spending a lot of time interacting with websites on mobile devices, rather than desktops. And that number seems to be growing daily. According to eMarketer, adults in the U.S. spend an average of 3 hours and 35 minutes on their phones, and the amount of time engaging on these devices is expected to pass TV viewing next year.

That has significant implications for all web designers and developers. You must be creating effective responsive websites or apps to meet this need. Today, we’re exploring eight rules to make sure you follow whenever you’re designing a responsive experience (whether for a website or an app).

What’s a Progressive Web App (And Why Should You Care)?

Mobile / 10 Oct 2018

What’s a Progressive Web App (And Why Should You Care)?

In 2016, mobile users first surpassed those accessing the web from desktop devices. Since then, mobile hasn’t shown any signs of slowing down.

As everyone looks for how to make websites, and web apps, more mobile-friendly, you’ll increasingly start to come across the phrase “Progressive Web App”. Today we’re looking at what this is, how it differs from other technologies like AMP, and how you can get started.

5 Fun Augmented Reality Apps for Design Inspiration

Mobile / 21 Feb 2018

5 Fun Augmented Reality Apps for Design Inspiration

Augmented reality is a growing trend in application design and development. Apple has invested in the technology with recent updates (ARKit), and plans to include even more AR features. So how do you start planning to design for augmented reality?

It starts with playing with apps already on the market to see how they work. What do you like (or dislike)? Here are five AR apps to help jumpstart your design inspiration and hopefully get you thinking about this next generation technology. (And how to make it look great and function well.)

7 Tips for Designing for Oversized Touchscreens

Mobile / 15 Jan 2018

7 Tips for Designing for Oversized Touchscreens

Touchscreens are everywhere. But they aren’t just on your phones and tablets. Designing for the oversized versions of touchscreens – think desktop computer size and larger – can present a unique set of challenges.

How do you design for something so big, when you are so accustomed to thinking about thumb regions for screen design? Here’s a guide to thinking about oversized touchscreens and how to create something that users with interact with on an even larger touch scale.

The Anatomy of a Perfect Push Notification: 7 Tips

Mobile / 30 Oct 2017

The Anatomy of a Perfect Push Notification: 7 Tips

One of the top reasons users uninstall an app is because push notifications are annoying. You’ve probably done this yourself a time or two.

But one of the top reasons users love an app is also because of push notifications. So how do you create a push that users will love? That’s easy – you make it all about them.

5 Design Tricks to Make Your Mobile UX Shine

Mobile / 25 Oct 2017

5 Design Tricks to Make Your Mobile UX Shine

Have you looked at your website analytics lately? Chances are a significant portion – maybe even more than half – of your users are coming to your website via mobile device.

Whether you are focusing mobile efforts on a website or app, you need to ensure that the design creates a stellar user experience for every one of those mobile users. You don’t have to start from scratch to do it either. Thinking about the mobile user and how they interact with the design will help shape the way your interfaces look and function.

Here are five design tricks you can use to help make your mobile UX one that users love.

10 Simple Steps to Refresh Your Instagram Account

Business / 6 Sep 2017

10 Simple Steps to Refresh Your Instagram Account

Taylor Swift did it. She deleted her Instagram account before re-emerging with a newly refreshed persona. The tactic was part of a campaign for her new album release, but shows a good point: sometimes your accounts just need a refresh.

You can learn more about how Swift did it, or take on a personal challenge to refresh your Instagram account. It’s easier than you might think. (Once you get over the mental block of changing the way you post photos, anyway.)

Here’s how you can refresh your Instagram account in 10 simple steps (and maybe even feel as diva as Taylor Swift in the process).