Category: Mobile

Categories

Graphics / 29 May 2017

4 Reasons Why Your Body Text Should Be Bigger

The body text on your website is too small. While desktop monitors and phone screens seem to be increasing in size, body font sizes have seemingly shrunk. While their original size is the same, they feel smaller than ever.

Too often, I find myself squinting at the screen to read content. And it shouldn’t be that way. Today we’re looking at the reasons for this increasing problem, and how you can fix it!

Mobile / 17 Apr 2017

8 Design Tips for a Stellar Email on Small Screens

How many users are opening emails from you on a phone or tablet? It might be a higher percentage than you think. According to Litmus, which provides email tracking software, 54 percent of all emails were opened on a mobile device in 2016.

That means that most of your emails are being seen on a phone. Are you designing an email that makes the most of it? Here are tips to make your email design more mobile-friendly.

Mobile / 6 Feb 2017

How to Design One-Tap Microinteractions

Microinteractions are the “secret sauce” that make apps and websites shine for users. These tiny details make it easy to set an alarm, press a button or simply better understand how to work with a digital product.

The secret is that the best microinteractions are elements that the user probably doesn’t even think about. They happen in an instant – often with just one tap on a mobile screen. Despite the small nature of the interaction, hence “micro,” the value is immense to users as these engagements become more integrated with daily activity.

How do you design one-tap microinteractions that will delight users? Here are a few ideas.

Mobile / 4 Jul 2016

Don’t Make These 10 Mistakes in Your App Design

No matter what type of app you are creating, have created, or plan to create, design mistakes can be lethal when it comes to adoption and usage. Users want to download apps that are fun, functional and offer value during multiple uses. Users also want apps that are aesthetically pleasing and don’t require a lot of effort to interact with.

The problem for designers is that sometimes we are so close to a project that we miss glaring mistakes in design and usability because we know how it works. Today, we’re going to help you make a mental checklist of mistakes to look for and avoid in app design.

Mobile / 2 Mar 2016

7 UX Design Tips for Mobile Apps

Do you have a mobile app project in the works? What’s your design plan? Have you jumped straight in, or stopped to consider the experience that the end user is going to have when they first open the app?

It might be worth thinking about an aesthetic featuring carefully considered user experience techniques. Many of the concepts that we’re seeing in website design apply to mobile apps as well, but they might take on a slightly different shape or form to better fit the smaller screen size. Here, we’re going to look at seven great options and examples that you can apply to your own mobile app design.

Graphics / 9 Mar 2015

10 Tips for Designing for Wearables and Watches

Every day we are getting a little closer to the release of the highly anticipated Apple Watch. The device is going to further change the way we think about wearable technology and how to design websites and apps for this interface.

Wearables present challenges unlike other design projects. Function is a primary concern, as is 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).

Layouts / 2 Mar 2015

How to Design an Email People Will Actually Read on Their Phones

Email marketing is one of the most popular ways to reach an audience. Wait, that’s probably not new information. But did you know what a majority of those views will be on a mobile device? So if you are not designing your emails for phones, this is the day to start.

Designing a mobile email takes planning and thought. Many third-party email software clients include responsive templates in their packages, but not every tool will automatically convert your message to the idea design. You need to think out how your email will look and make sure the message is focused. It might even be the perfect place to start with a mobile-first design strategy.

Mobile / 24 Feb 2015

Google Material Design: Everything You Need to Know

You probably keep hearing the phrase “material design” popping up in conversations. The concept is pretty new; it was introduced in the summer and references a new design language from the folks at Google.

But material design is more than just an idea; it is likely to cause designers to completely rethink web and app design processes. Sites are already beginning to role out design schemes using Google’s material design documentation. So now is the time to learn what it’s all about and if a material design framework is in your future.

Layouts / 17 Feb 2015

Understanding and Working With Aspect Ratio

Every image, every canvas, every frame has a shape. And often that shape is a rectangle. Even more common is a rectangle of a particular proportion based on medium.

From cameras to television to movies to computer screens, every medium has an almost distinct shape on to itself. That can be a challenge for designers, especially when you have to crop and convert content and information to fit a variety of mediums. Because of all these different shapes, understanding aspect ratios can help you easily move images and designs from one medium to another.

Mobile / 24 Dec 2014

Designing Hover Styles and the Future of the Technique

Despite arguments that hover styles are dead, these small boxes that pop-up over images, text or other elements on websites are still found all over the web. Designers like them for an added bit of style and information; users like them for functionality. (They are only “dead” because hover styles don’t work without a mouse-over).

The UI function is still there for now. And if you opt to use it, you’ll want to create well-designed hover styles that engage users. You’ll also want to think about how to alter these areas of your website for responsive sites.

Layouts / 23 Jun 2014

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 it 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 10 ways you can integrate a map today.

Mobile / 5 Mar 2014

Tips for Designing Better Mobile Typography

Mobile is big right now. But often the typography is small. When it comes to creating great type on small screens, there are plenty of challenges.

So how can you make the most of responsiveness, mobile design and typography? The first step is really understanding type and the second is by thinking about how people read. Put the two together and you will get a handle on creating great mobile type in no time. It’s a skill that every designer needs to master in the digital age.