Category Archives: Mobile

The Benefits of a Hybrid Mobile App

flat design mobile phone

We all know that providing a positive mobile experience is key to business success. No matter what industry you’re in, your customers are on their smartphones – and expect your digital properties to keep up.

But when it comes to actually building mobile experiences, many companies get sticker shock at the cost of producing TWO totally native apps for both Android and iOS, and revert to a mobile web app instead.

However, while this approach of a single, cross-platform app can maximize integration, there’s no doubt that the user experience for your customers will suffer.

Fortunately, there’s another option — the hybrid mobile app.

Continue reading

5 Free Tools Every Content Manager Should Bookmark

hand with laptop in cafe

This article is part of a series on tips, tricks, and tools to help businesses better manage their content online and get the most from their content marketing strategies. Click here to view other articles on CMS Tips


In this article, we’re going to look at five tools that will help you publish better content faster than ever.

 

1. Grammarly

While we all know content like quizzes, videos, and photos all do REALLY well for audience engagement, the backbone of all content is going to be words. And with Grammarly, it’s easier than ever to find the right ones.

It’s a tool that runs either as a plugin through your browser or as a standalone web or desktop app, and checks your spelling and grammar for anything you’re writing.

grammarly

Whether you’re posting a Facebook post through Hootsuite or uploading a blog entry through WordPress, Grammarly will interact with it and catch all your ugly typos and misspellings.

And that’s just the free version.

For the paid version ($11.66 per month, if you pay annually), you’ll get access to some nice features that look at your sentence structure, writing style, and vocabulary, making helpful suggestions as you type.

Even for the Hemingways out there, Grammarly is a key tool to keep in your arsenal. Partially, it means that you won’t embarrass yourself by using the wrong ‘your’. But more importantly, it means you can write much quicker, with less need for that second set of eyes before you hit ‘publish’. And when you’re staring down the barrel of a packed content calendar, you need every bit of speed you can grab.

And speaking of scheduling…

 

2. CoSchedule

coschedule demo

CoSchedule is a piece of software that makes scheduling and managing a content calendar easy.

Like Grammarly, CoSchedule works hard to integrate with as much of your existing software as possible, and especially WordPress.

So, what is it?

It’s basically a calendar app. But a really, really good one.

  • It can help you manage your content with a drag and drop calendar view (a bit like Trello cards)
  • It integrates with social media as well, so you can run your blog and social media calendars all in one place
  • You can assign tasks, set deadlines, create workflows, and build checklists for each piece of content
  • It lets you schedule and re-schedule content automatically (so you can promote something you wrote last week again)

Small teams might benefit less with the current entry price point and feature list, but where CoSchedule can add tremendous value is for teams working with several content managers, especially when contractors or freelancers are involved. The ability to share a view of what’s coming up and track multiple pieces at the same time saves oodles of project manager time and keeps your writers on track.

 

3. Yoast SEO

Yoast SEO is the number one SEO plugin for WordPress. Put simply, is excellent at what it does.

Yoast SEO is a plugin that overlays your standard publishing view in WordPress and automatically ‘grades’ you on your SEO for each and every thing you publish.

Yoast seo

If you set a focus keyword, it will check if you’re using it often enough and if you’re going to rank. It also helps you create an SEO-friendly title and meta-description, and includes a snippet box so you can actually see what your post will look like in a Google SERP.

But where Yoast really shines is its readability checks. It will provide a red, amber, green indicator to let you know the status for each piece of copy, letting you know how easy it is to read. Now it’s not perfect and shouldn’t be relied on completely, but it will give you a general indication of whether what you wrote is any good, or if it’s completely terrible.

Finally, Yoast SEO will help with other more mundane (but important!) on-page SEO factors like breadcrumbs, canonical tags, whether you want to set a no-follow tag, and XML sitemaps. Plus, all this is free!

You can buy the Premium version for $69 per site, which will get you more keyword help, help with internal linking, and better support, but frankly, the free version gets you a lot of the way there.

 

4. Gyazo

If you’ve ever tried to explain how to use a computer over the phone, you know how valuable a screengrab can be.

Gyazo is a piece of software that makes taking and keeping screengrabs quick and easy.

gyazo

All you do is install the software (totally free) and you’re all set to go. Just click and capture, then you’re provided with a link that you can drop in and share wherever you want. You can even do video grabs and save them as gifs, so you can show how a button works, what a screen transition is like, or what an expanding menu will look like when it expands.

Plus, they have a Chrome extension, so you can quickly snap screenshots online as you go. There’s also an image categorization system, so you can quickly find the screenshot that you’re looking for when you want it.

 

5. Unsplash

Finally, we have Unsplash. Unlike these other tools, Unsplash isn’t a piece of software. It’s just a simple database of beautiful, totally searchable, free stock imagery.

surfer

via unsplash

 

You can use it all without violating copyright rules (although you may have to provide credit on some images) and the pictures they curate are 100% amazing. They tend to focus on big sky drone images at the moment, but their selection will change over time with changing photography trends.

For easy access to amazing stock images, bookmark this site!

 

Think we missed a great tool for content managers? Let us know in the comments below!

Why Responsive Design Isn’t Enough Anymore

responsive design

As we rush at an ever-increasing pace towards a mobile-first and mobile-only world, users are putting new pressures on companies to deliver unparalleled customer experiences – or else they walk. And as the demand for quality continues to grow, techniques and trends are becoming dated faster and faster.

In 2017, one of the mobile experiences on the chopping block is everyone’s old friend, responsive design.

 

Why did we love responsive design in the first place?

Responsive Web Design (RWD) has been around for a relatively long time now. And, until very recently, it has been the be-all and end-all of web design for obvious reasons:

  • Responsive design quickly and cost-effectively provides a fairly robust experience across all devices
  • It allows companies to manage multiple front-ends from a single backend, displaying all their content across all devices without any hitches or additional work
  • It lends itself to templating, as we’ve seen in the enormous success of RWD templates on CMSs like WordPress

And since it started back in 2001, it has kept up and continued to work relatively effectively.

However, it’s increasingly evident that the structural limitations of responsive design mean that its days may be numbered.

 

Why responsive design isn’t enough

New demands have pressured responsive design in a way that it has yet been able to respond to. Here are some of the pressures it faces.

 

Personalization – Responsive design serves the same content to everyone

Apple Watch and iPhone

The biggest problem with responsive design springs from its biggest strength – it serves everyone the same content (for the most part). If your goal is to provide the same shopping experience on a phone and a laptop, this is great.

But the problem is that many sites can actually split user needs by device. Banks, for example, probably have different user groups based on device. Primary tasks for mobile users include checking their balance and transferring money, while laptop users want information about investment and savings plans.

With other mobile solutions like apps and mobile websites, you can customize your content and site design based on what people are probably going to want to do on the site. With responsive design as it currently stands, it’s possible but requires investment.

 

Customization – Responsive design won’t optimize for mobile speeds

With the content is always the same, your site weight is static, regardless of what network your user is on. There’s no ‘site-lite’ option for responsive websites. What this means is that if your users are browsing on mobile networks that are historically significantly slower (although this gap is closing) then they’re going to have to load oodles of stuff – images, fonts, rich interactions, for example –  effectively slowing down the user experience. And with speed an increasingly important ranking factor for Google AND important for your bottom line, that extra wait time can cost you some serious money.

 

Differentitation – Responsive design can’t compete with the experience offered by apps

mobile app

This is really what the problem comes down to. The prominence of apps in the mobile world has reached a point where other online solutions like responsive design simply don’t compare. And as app development costs continue to drop, they are increasingly the first choice for mobile experience. The ability to work offline, use push notifications, leverage in-app advertising, and provide a better, more stable mobile experience all means that mobile apps offer a tantalizing option compared to mobile responsive sites.

 

How to save your responsive site

Fortunately, it’s not all bad. For starters, despite the problems above, responsive design (in conjunction with a robust CMS) remains a quick and effective way to get your website online and in front of users who you need to be in front of. A bad responsive mobile site is better than no mobile site.

Second, for some sites, the problems mentioned above, like displaying the same content or optimizing for mobile speeds, isn’t so important. For example, if you’re a clothing ecommerce website, you need to load high res pictures of your products regardless. While you want to optimize as quick as you can, it’s not like cutting out images is really an option for you.

Finally, apps. Yes, apps are an aggressive usurper of the RWD reign. But apps actually suffer a similar problem to RWD – they generally present the same content to everyone. As responsive design begins to leverage metadata information more, it can get to a place in 2017 where it’s showing a specific design and specific content to a specific audience. For example, if kids are using a site, it’ll be designed in bright, fun colours. Responsive design is uniquely positioned to take advantage of that sort of development – and it just might prove its saving grace.

 

Wrap up

Responsive design is like an incumbent leader – yes, there are some scrappy upstarts nipping at its heels, and yes there are naysayers out there predicting its timely demise. But we think that the future of responsive design isn’t so doom-and-gloom.

While RWD might lose some market share, there will always be an audience that wants a site that displays across all devices quickly and cost-effectively, and there will always be those who are looking to push the envelope on how personal you can get.

Responsive design might change, but we think it’s got another year of leadership in it.

2017 Mobile Trends: What to be Prepared For

mobile

We are always hoping to get longevity from our digital investments – and this is certainly true when it comes to mobile. Having invested tens of thousands of dollars in a new app, or geolocation, or responsive design – we don’t want to turn around to find that these features have quickly become outdated, and you are left with a lost investment.

To help you make an informed decision about where you can spend your mobile budget, we have collected the top 5 mobile trends we think will be valuable to watch for in 2017.

 

1. Advertising will shift to mobile apps

In 2017 we expect to see a LOT more mobile apps on offer, from all corners of the business world, especially from small businesses.

And in line with the projected growth in downloads (268 million!), we’re likely to see the amount of advertising on apps soar. What we see today is that most advertising on apps is by companies and products which are directly related to the app.

eBay advertising

Image source: eBay

For example, if you download a game, you’re going to see a lot of ads for other games.

But with advances in programmatic advertising and more robust ad buying networks, in 2017 there’s going to be significant differentiation of in-app advertising — which will lead to more marketing opportunities for enterprising companies.

After all, who’s to say the same people shopping for a new CMS don’t also love playing Clash of Clans?

 

2. Hidden navigation will be phased out

facebook hamburger menu

Image source: TechCrunch

This particularly optimistic design prediction comes from James Archer, the VP of sales and marketing at Crowd Favorite.

He argues (rightfully so) that the hamburger menu and other hidden navigation tools hurt UX and navigation and reckons that 2017 is the year that this specific design trope finally moves on.

While we don’t quite share his outright optimism that the hamburger menu will cave (after all, it’s been around this long) we do think we will see a shift away from hidden navigations in the most prominent mobile sites and responsive solutions.

 

3. App consolidation

WeChat features

For the past year, we’ve seen apps splinter into single function apps, focusing on doing one thing, really well. And the benefits are clear:

You can provide excellent micro-interactions

  • Marketing and niche targeting in a competitive apps world is easier
  • You’re really good at just one thing
  • Providing a competitive, robust app experience is easier (and easier on the wallet)

However, as we’ve mentioned, we’ve seen apps going the other way in places like China.

So what does 2017 hold?

We think that there’s going to be a move away from single-function apps and towards cross-app integration. For example, people using Uber might want to also check their flight details. Or people using Airbnb might also want to book an Uber.

It comes down to Zawinski’s Law, which states:

Every program attempts to expand until it can read mail. Those programs which cannot so expand are replaced by ones which can.

Whether this consolidation happens at a design level within apps as an expansion of service offerings, or as at a top down company consolidation (e.g. merger) remains to be seen.

But we think that there’s going to be less enthusiasm for apps that do just one thing.

 

Messaging apps will become a lot more robust

iMessage Apps

Image source: Apple

Like we just said, apps are going to consolidate – fewer apps, but each app does more. And nowhere is this going to be more prevalent than in messaging apps.

Again looking at the WeChat model- we think that messaging apps are best poised to bring multiple services together. They provide the most robust platform for a range of integrations, including reservations, banking apps (allowing both payments and money management), travel apps, and more.

We’ve seen this trend on iOS devices with the iMessage App Store, but its potential has not yet been fully reached yet. Expect to see much more in-message functionality becoming a staple of mobile in the coming year.

 

Next level responsive design

senior man using mobile phone

Finally, we think that responsive design is going to reach a new level of customization and personalization.

Specifically, we believe age-responsive design will become the new norm for the major industries. The idea of age-responsive design is pretty simple — websites appear differently depending on the age of the user. As an easy example, a website might display a larger font for user it knows are older (e.g. 65+) or it might opt for a bright and fun colour scheme for identified younger users.

With a proliferation of big data, our ability to use that for something useful, and the enormous amount of metadata we now implement and gather, we’re increasingly able to tell who is on a device at a given time.

Age-responsive design is essentially the design equivalent to hyper-accurate programmatic advertising. If you can offer age-appropriate products, it stands to reason you can provide an age-appropriate experience.

 

Conclusion

All in all, we’re excited for 2017. Better apps, more advertising opportunities, and the beginnings of developing multiple tools that will automatically deploy for the right users, it’s shaping up to be a great year for digital.

Your 2017 Digital Checklist

With 2016 now behind us, it’s a new year with a fresh budget to spend.

Here are 5 areas where we think you should be focusing your digital investment for the coming year.

 

1. Mobile apps – get one


Until recently, companion apps have been the exclusive purview of big chains. Irrespective of the perceived user benefits, smaller companies have seen them as just too much investment:

  • They don’t have the initial capital to build them
  • They don’t want to put up the money to maintain them
  • They don’t have the additional marketing budget needed to effectively drive downloads, making earlier investment less valuable.

Subway, Staples, Home Depot, banks – these are the types of enterprises who were getting apps for their stores – not Dave’s Groceries down the road.

But in 2017, we think this is going to change.

For starters, this trend is already underway – Small Business Trends reported that 50% of small businesses will get an app or be working towards that objective by 2017.

Second, the standard for user experience constantly increases. Pressure on all companies is higher than ever and will only be turned up in 2017. One way to stay competitive on mobile devices is with mobile app development.

Finally, mobile is increasingly the device of choice for people. Whether it’s the superfast processors in the latest smartphone or using a keyboard with your iPad Pro, the traditional computer (let alone the desktop) is becoming less important for work and play.

If you don’t have a mobile app yet, we think it is a worthwhile time to start thinking about one.

 

2. Start delving into location-based communication


Beacons and GPS, geo-fencing, and NFC are all examples of ways companies can use physical location to link the user to a digital experience. While these innovations have been on the books since around 2014 (especially for retail stores), the cost continues to drop, and they get easier to implement.

Currently, location-based signals are one of the best ways to provide a cross-channel experience, taking users from your brick-and-mortar locations to your online properties and back offline again.

For example, you might use geofencing technology to identify customers in your physical stores, and then be able to retarget them with email broadcasts or push notifications with new offers or messages, seamlessly blending your different marketing channels and identifying your highest value targets.

 

3. Optimise for AI

For the past year, there have been countless conversations about the role AI will play in our lives in the next 5-10 years. And in 2017, some brands are already rolling out ambitious AI projects. But for most companies, what we can expect is greater chatbot integration across a broad range of industries. Basically, people have become accustomed to using Siri, Alexa, and Google Assistant as an interface to engage with products and services online.

Now, it’s up to companies to meet that expectation.

To do that, there’s going to have to be a twofold investment. First, in building out back-end systems to literally talk to Siri and her friends, making your service easier for your customers to use automatically.

Second, there will have to be increased investment in content that can be optimized to pull an answer when users ask a question into Google. For example, a robust FAQ about your industry with common questions and answers, all tagged as structured data, will help users find what they want faster than ever.

 

4. Security

2016 saw extremely high profile hacking incidents – including for both political camps during the US election, as well as Yahoo’s massive data breach. Collectively, these events have raised consumer awareness of IT risk to new heights. We’ve reached a point now where security is a zero-sum game for online producers.

Even one hacking incident could have significant repercussions on a business, to both its economics and reputation. The new normal will have companies balancing the security of their digital properties with an effective user experience.

 

5. Augmented and virtual reality


Finally, augmented and virtual reality. So far, we’ve focused on things that are actionable tomorrow – most companies can turn around and start building an app or conducting a security audit right away, should they want to.

Augmented reality and VR are a bit different. Yes, the hardware appears to be mainstream enough now with multiple providers on the market. And yes, the lesson learned from Pokemon Go was that augmented reality is a whole new platform for brands to reach consumers with. We wanted to mention it because, frankly, everyone else is predicting that 2017 is the year of mass deployment for an industry that is projected to be worth $120 billion in 2020.

But there are a few things to consider before you invest a portion of your budget into VR headsets.

First, most of the early applications focus on gaming. Yes, there are some token efforts outside of gaming and digital optimists are all screeching about the various other applications, but for now the focus remains on gaming.

As for augmented reality, yes it is a new channel to reach customers. But Pokemon Go is perhaps an inaccurate predictor of future success. After all, Pokemon Go had the distinct advantage of being first to market. Plus, it was a game.

So for 2017, we think that VR and AR will see big strides. But unless you’re a gaming company, you can probably hold off investing in 2017, and instead focus on honing existing channels of communication. It will also give you time to truly think about how your business can properly leverage AR/VR in a year or two, when the technology is more commonplace and can demonstrate true value, as opposed to simply appearing as a gimmick for early adopters.

 

Conclusion

2017 is looking to be a great year for companies to refine their digital products and services, helping consumers by forging stronger cross-channel experiences, improving mobile experiences, and interacting with customers with AI in a simple, customized way.

We’re pretty excited about it.

Do you think we missed something that should be on the radar for 2017? Let us know in the comments!

Top Mobile Trends of 2016

smartphone

In a recent article, we covered the rise and fall of web trends over the past year.

In this article, we’re taking a look at the various trends in mobile that we saw come into their own throughout 2016.

 

1. Voice-driven search

Siri, Cortana, and Google Voice search have all become a bigger part of our lives over the past year. Plus, other companies like Amazon Echo’s Alexa are showing the world that it’s not just the big search companies who can get in on the action. Voice activation has become a leader in how we choose to engage with our technology.

So it’s only natural this has begun to spill over into how people are searching for stuff online.

The shift over the past year has been away from finding the right source of information and towards the right information.

For example, in the past you might have typed into your search “best pho Toronto”, gone to a BlogTO article, read about what the top 10 best pho places were, and picked the one that was close enough and high enough up the list to satisfy your demand for good pho and your desire to avoid schlepping.

Sooo 2014.

Today, that same search would start with “OK Google! Where’s the best Pho?”

To which Google would reply…

“… the best pho place nearest you and open now is blah blah blah.” And give you directions to get there.

Do you see the difference? We’re no longer looking for where WE can get the info we want, but rather expecting that Google itself knows the answer. This fundamentally changes how we’re looking for information online, and we think this change is going to stick around for a while.

 

2. Superapps

WeChat features

Yes – Superapps.  Back in August, the New York Times released a video all about China’s tech world that exists within the Great Firewall, specifically focusing on WeChat, a so-called Superapp.

Essentially, WeChat has the functionalities of many different apps all rolled into one – it fills the role of:

  • PayPal
  • Amazon
  • Social networks (Facebook/Instagram)
  • Messaging apps
  • Uber
  • UberEats

And others. Naturally, this allows the collection of a tremendous amount of user information on a scale that Google and Facebook can only dream of – which is why in the back half of 2016 we’ve started to see that ‘Swiss Army knife’ approach to app design jump the Pacific and start to crop up here.

Our prediction?

This concept of superapps is too tantalizing to let go. Companies, who have been veering towards single-function will start to flow back towards complex, multiple functionalities in the hope of becoming the West’s version of WeChat.

 

3. Hardware is stagnating

iPhone hardware

Remember when each year brought a huge breakthrough in technical innovation? Well, 2016 has sort of bucked that trend.  The pace of innovation appears to be going through a more incremental phase right now.

Better battery life (with larger batteries), better low light cameras, a baby step towards better VR and AR, tougher screens – these are all positive innovations. But a breakthrough? We don’t think so.

One new product that we do like is the new Moto Z and it’s Moto Mods, which as you can see through it’s commercial, is taking a direct shot at the stagnant innovation in hardware. Moto Mods are similar to Google’s project Ara and might be a glimpse into the next breakthrough coming to smartphones. Who know where we ill go in 2017, but for now we’re happy that our phones can go all day and all night.

 

4. Mobile is transitioning off phones

Our understanding of what mobile means has changed significantly over the past year. Back when wearables were being introduced, there was an inkling that ‘mobile’ might mean more than phones.

But over the last year, that message has been drilled into us as the internet of things becomes an ever-increasing reality.

For example, earlier this year, Ford began calling itself a mobility company, focused on how its hardware (a car) integrated with various apps.

ford smart mobility

Which again, represents a fundamental change in how we think about mobile products. It’s not that Ford is making cars that integrate with apps – it’s that the language being used is the language of the app and mobile worlds. Basically, Ford is saying it is interested in how its customers use its technology first, only dealing with the hardware second.

What does this mean for companies?

The potential for mobile development is huge. Apps and devices are experiencing explosive growth and while apps on phones might be old news, the potential to leverage technology in other devices (e.g. cars) with software and hardware integrations is huge.

 

Wrap up for the year

2016’s been a good time for mobile trends. Our relationship with our mobile technology is better than it’s ever been, and companies are growing increasingly adept at identifying and solving sticking points with their mobile products.

Mobile’s been on point, and we are excited about what it’s going to bring in 2017.

How Designing for Mobile is Different from Desktop

mobile user

Let’s start by stating the obvious: mobile is different from desktop, and designing with mobile top-of-mind is becoming increasingly important. Users are turning to their mobile devices more and more these days, and that means website designs need to adapt – in ways that go beyond a smaller screen size.

With mobile becoming an increasingly popular way to connect, the way users interact with online content is shifting. In this post, we’ll look at some of the ways user interactions on mobile differ from interactions on desktop – and how you can use those differences to design a better mobile experience.

 

1) Tapable vs. Clickable Interactions

man using mobile phone

Most mobile devices today use a touchscreen, which fundamentally changes the way users interact with them: instead of using a cursor to click, users tap their screen and gesture to interact with interface elements.

This might not sound like a huge deal, but it’s actually one of the main things that needs to be accommodated for in mobile design, and it crops up all over the place. Think of how you click a text link. It’s easy enough to click an embedded link with a mouse, but with finger taps it’s a different story – this is sometimes referred to as the “fat finger problem.”

The fat finger problem is easy to solve once you’re aware of it. It’s just a matter of enlarging interface elements – things like call-to-action buttons, links, and navigation labels – and ensuring that there’s adequate space between them.

 

 

2) Dropdown Menus

Speaking of taps, one way of thinking about the quality of mobile design is to consider how many taps it takes a user to complete a given task (less taps = more usability). Which brings us to dropdown menus, the mobile “UI of last resort.”

Dropdown menus work fine on desktop, where the number of taps and amount of user interaction isn’t such a big deal. On mobile, however, dropdowns become a big problem for users, and they’re often used where more appropriate, more user-friendly, or simpler controls would work better.

Let’s say you’re filling out a form on your phone. If that form used dropdown menus for every question, it would be a nightmare to fill out – dropdowns require multiple taps, more involved interaction, and they generally take longer.

On the flipside, a form that uses a variety of context-appropriate input controls for different kinds of information would be significantly more usable. Date range pickers (the kind you often see on flight or hotel booking websites) are a good example of this. Instead of using a complicated dropdown menu to choose dates – which would require lots of tapping and scrolling – date range pickers let users select their dates with a few taps. It’s less time consuming, more context-appropriate, and it works particularly well on mobile.

mobile date picker

Date picker concept, via Dribbble

The proof is in the numbers. This test found that avoiding dropdown menus on mobile made users 60% faster, and dramatically reduced user errors. It also found that using a stepper, as opposed to a dropdown menu, resulted in an 11% higher success rate (88% vs. 77%).

And by simply changing controls, the test found the minimal number of taps to complete a task can be reduced by a factor of three.

 

 

3) Navigation

mobile website navigation

Examples of vertical mobile website navigation

Mobile screens aren’t only smaller than desktop – they’re also oriented differently. Most desktop devices have a landscape orientation, whereas most mobile users view content in portrait. That has implications for a few design choices, the main one being navigation.

Mobile sites are better suited to vertical, rather than horizontal navigation. While it’s true that horizontal is the navigation style of choice for desktop – since it makes it easier for users to focus on site content – vertical navigation is much easier to use on mobile.

In this analysis of navigation styles, 90% of mobile sites used vertical navigation, even though the desktop versions were more likely to use horizontal navigation.

 

4) Content Prioritization

woman using mobile device

We said the differences between desktop and mobile go beyond screen size, but let’s face it – screen size is still one of the biggest things to think about when it comes to designing for mobile.

A smaller screen means less room for text, graphics, and other content. So to do mobile design well, you’ve got to bite the bullet and prioritize certain content. That might mean reducing word count, eliminating some graphics, or deferring secondary information to other pages.

Desktop sites can afford to include a wide range of content, but mobile sites don’t have that luxury. The challenge, according to NN Group, is to find the right line to cut between mobile and desktop features. The goal is to satisfy most of a mobile user’s needs, but not include anything superfluous that will negatively impact the mobile user experience – especially elements that will increase page load time on a 3G (or slower) network.

Which leads us to our next point…

 

5) Situation-based Design

business man on mobileMobile’s mobility is another major departure from the days of desktop. When website users were all on desktop, designers didn’t have to give much thought to where or how users were interacting with their site. But now, the situations users are in when on their phones are endless. Mobile devices are portable, they follow us everywhere, and they’re almost always connected.

That means that when designing for mobile, thinking through situations is important. Users’ locations vary quickly, as does their attentiveness, and internet connectivity comes in and out. According to the Interaction Design Foundation, ever-changing context means that “users are going to prefer short, simple interactions on mobile. It’s not to say that they will never carry out long, complex interactions but these will be rare.”

 

6) Integration With Phone Functions

click to call

We’ve talked a lot in this post about the things designers have to give up when they’re designing for mobile, but mobile devices have a number of bonus features that can really enhance a site visitor’s experience.

Integration with phone functions, like direct calling and messaging, voice controls, camera, and location services can offer users quicker interactions and more tailored functionality to improve their experience in ways that desktop sites can’t.

 

Wrap Up

Designing sites for mobile is a whole different kettle of fish, in ways that go way beyond screen size. Users interact with their phones and mobile devices differently – they tap screens, get online on the go, and spend less time browsing – and that requires a fundamentally different kind of website.

If you have questions about your next mobile project, get in touch

Augmented Reality and the Future of App Development

pokemon go

When we’re talking about computer-altered realities, we tend to focus on virtual reality and brush off the closely related world of augmented reality (“AR”).

But with the recent release of the incredibly popular Pokémon Go app, AR has now earned its time in the spotlight.

We’re sure you’ve heard enough about Pokémon Go from your coworkers and friends to last you a lifetime, but bear with us: the app has some important things to teach us about the future of augmented reality and app development in general.

While it may have been hard to guess ahead of time, Pokémon Go (and its approach to augmented reality) might just be the app that fundamentally shakes up how we use technology to interact with the world.

 

What is Augmented Reality?

Digital Trends defines augmented reality as ‘the interaction of superimposed graphics, audio and other sense enhancements over a real-world environment that’s displayed in real time.’

Examples of augmented are surprisingly easy to find, they are as simple as the graphics you often see superimposed onto TV footage, or a Snapchat filter. But we’re entering a new phase of augmented reality that’s more interactive, user-driven, and app-based.

 

Augmented Reality Progress Report

Different incarnations of AR tech have been around for a while, but it has been slow to take the mass market by storm. Om Malik has referred to AR as ‘the boy who cried wolf of the post-Internet world – it’s long been promised but has rarely been delivered in a satisfying way.’

We’ve seen AR-supporting products like Google Glass flop, and various companies like Lego and IKEA try to get AR apps off the ground to limited success. Microsoft has promised a future with rich AR experiences with its forthcoming Hololens, but so far It hasn’t been clear how AR technology will be used effectively.

Until now, that is. With the release of the Pokémon Go app, we’ve got one of the first successful examples of how augmented reality might start to change the way we use phones to interact with our environments.

So what does Pokémon Go have that previous AR attempts were missing? Hint: it’s not just that people love Pokémon.

 

Pokémon Go’s Augmented Reality

By now, you’ve probably seen packs of Pokémon-hunters running around your city trying to bag a Pikachu or Charizard. The app’s popularity has reached incredible heights: two days after its release, it had been downloaded on 5.16% of Android phones, and within a week, it was the most downloaded app in the Apple App Store. Plus, people are spending more time daily on Pokémon Go than Facebook or Snapchat (43 minutes, to be exact).

Some part of the Pokémon Go success story can be attributed to a nostalgia for the classic franchise, but its success across gender, age and ethnicity shows that there is more too it than just that.

The Pokémon Go app combines AR tech with the GPS and camera features of smartphones to create an interactive experience, where players explore the Pokemon world through their phone, with their feet still firmly planted in the real world.

The players’ real environments are overlaid with computer-generated game features, like ‘Pokestops’ and ‘Pokegyms’. The game’s AR tech lets players spot and catch Pokémon in the wild, so to speak: they can be found almost anywhere, from parks to streets, to shops and cafes.

 

Lessons for the Future of Augmented Reality Apps

So what does this new step in AR implementation mean for the rest of the app world? Here are the main lessons we can draw from Pokémon Go’s successful use of AR, and what they’ll mean for the future of app development.

 

1) Good AR is interactive

The fact that Pokémon Go lets users interact with the world around them (in augmented form) is a major draw card for the game.

AR of yesteryear didn’t focus much on interaction, but we can expect that to change going forward, partly thanks to the power of smartphones. We’re living in a world where smartphones have cameras, GPS, barometers and an array of other features that can turn AR into a more immersive and interactive experience.

What we are excited about is that this interaction in AR doesn’t have to be catching Pokémon – it could be as simple as using an AR application to pull up product information in a store, check into a bar, or learn more about a piece of art in a museum. Whatever it is, we’re expecting the future of AR to harness interactivity in a big way.

 

2) Good AR is social

Pokémon Go is a really social AR experience. Sure, you play the game alone on a personal screen, but users create teams to play with, and the nature of the game requires that players go into the real world and engage with their environment. Given the size of the audience, playing is also a bonding experience – fellow Pokémon Go players are easy to spot and chat strategy with on the street.

The fact that Pokémon Go is so social should tell us something interesting about the future of AR applications. Whereas past attempts at AR (such as Google Glass’s AR features), have focused on users as individuals, successful AR of the future might rely more on creating community and providing opportunities for users to engage with each other in their augmented reality worlds.

 

3) Good AR doesn’t require special equipment

Anyone with a smartphone can play Pokémon Go, which is a far cry from the Google Glass vision of augmented reality that was dominant a few years ago. This more approachable and accessible version of augmented reality has definitely played a role in the app’s popularity.

Here’s the thing: smartphones today have the processing power, camera, and GPS capabilities to do some impressive things. And while Facebook and Microsoft are both developing their own VR and AR wearables, it’s now clear that you can create an engaging AR experience without any special bells and whistles.

This realisation is a big step towards more widespread AR use on the user end, and we can expect to see more companies and app developers embracing AR on the smartphone as a result.

 

Wrap Up

With the release of Pokémon Go, we’ve taken a big leap forward into the world of mainstream augmented reality. And it’s not just Pokémon Go that’s propelling us into the future. Facebook is rumoured to be developing new augmented reality glasses, Microsoft has been playing around with their HoloLens AR glasses, and it’s becoming clear that even a basic smartphone can now give users a seamless AR experience on just about any app.

There are big things ahead for augmented reality – and app developers would be wise to take note.

Mobile Beacon Technology and Its Best Use Cases

via GIPHY

When we first covered beacon technology way back in 2013, we called it the next big thing in mobile connectedness. The hype around beacon technology when Apple released its iBeacon technology was so strong that it seemed inevitable that beacon tech would take over the world.

Flash forward a few years, and beacon technology has taken longer to catch on than anyone anticipated. But recently, it’s been gaining momentum. In 2016, beacons are expected to drive $44 billion in retail sales (up from $4 billion in 2016), and more and more companies are jumping on the beacon bandwagon, from the traditional retail setting, to airlines, hotels, and banks.

Now that beacons are well on their way, how are companies and organizations using them to successfully improve the real-world mobile experience? In this post, we’ll cover some of the best use cases for beacons. But first, let’s review what beacon technology really is.

 

What is Beacon Technology?

According to Apple, the functionality of beacon tech is to:

alert apps when you approach or leave a location. In addition to monitoring your location, an app knows when you’re close to an iBeacon, like a checkout counter in a retail store.

What does that mean in practice? Let’s say you’re visiting one of your favourite stores, armed with the retailer’s mobile app. When you pass by a beacon (a small device placed at strategic points throughout the store), the retailer can use beacon messages to make personalised offers, alert you to products you might like, or tell you about sales.

beacon technology

via Estimote

The retailer can then also use data collected from the beacons to make business decisions based on store traffic flows, product popularity, and buyer trends.

Although Apple kicked off the beacon hype with iBeacon, it’s not the only player in the game. Google has its own beacon standard, called Eddystone, and there are a large number of manufacturers – most notably, Estimote – who make the physical beacons.

Best Beacon Use Cases

When beacons first came out, they were most strongly associated with retail settings. Over the years, though, other types of organizations have adopted beacons and extended their functionality for real-world context to events, dating apps, museums, and banks. Here are some of the best:

 

SXSW

SXSW beacon technology

via SXSW

SXSW was one of the first organizations to bring beacons to the world of events. Beginning with their 2014 conference, SXSW partnered with Eventbase to build an official event app that incorporated iBeacon to give users a smoother event experience.

For the 2015 event, the Austin Convention Centre was decked out with more than 1,000 beacons that pinged attendees with useful notifications throughout the conference. Anyone with an iPhone was able to take advantage of the iBeacon tech to pick up their badges, complete their registration, and find their way around the location.

The beacons also welcomed users to sessions with information and an invitation to join a group discussion within the app.

 

Danske Bank

Danske Bank

via EssentialRetail

Payment technology has always been an area with room for improvement, and Danske Bank is using beacons to lead the way.

Danske Bank partnered with GoAppified and Netclearance systems to use beacons to create better payment experiences by integrating beacon tech with their MobilePay app, a platform that already had three million users.

Here’s how it worked: the bank set up beacons at the checkout counters of hundreds of retails stores across Denmark. After passing their phones over the beacons, customers received a notification asking them to approve the purchase by swiping right. It’s a simple, intuitive, and quick payment system, and it’s setting the standard for beacon use in mobile pay settings.

Other banks are getting into the beacon game as well, by using beacon tech to push personalized notifications out to customers when they enter a branch. But Danske Bank’s use of beacons to improve the mobile payment experience is a huge step forward. It’s a well-timed one as well – the total amount of proximity mobile payments is expected to grow 210% in 2016, according to eMarketer.

 

Blinq

Blinq beacon deployment

via Estimote

Blinq is a Swiss dating app that says it’s ‘like meeting in a bar – just easier.’ What does that mean? Blinq is using beacons to connect users who are in the same place at the same time.

Blinq installed beacons at bars and clubs around Zurich that send out notifications to app-users when another single user who matches their interests is at the same location as them. Users can then chose to say ‘Hi’ or ‘Bye’, meet up, and hang out. Putting the potential for creepiness aside, the use of beacon technology in this case is unique and interesting.

Blinq also has a ‘Hotspot’ feature that gives users a list of the top 5 clubs and bars that suit their interests best (and have the most eligible singles at them), based on real-time trends that are monitored using the beacons.

The app has been successful, and it’s also given us a look at how beacons might be used in social networking platforms and dating tools going forward.

 

Australian Museum

Australian Museum Trailblazer App

via Australian Museum

Australian Museum is using beacons to take on a question plaguing museums everywhere: how do you attract young visitors? Their answer: gamify the museum experience using beacons.

Australian Museum developed an app called Trailblazer, which uses a scavenger hunt to encourage users to travel around the museum collecting items (which are marked by a beacon). Beacons are also used to give users a ‘radar’ feature, which tells them how close they are to particular objects in the exhibition.

The app is geared towards the pre-teen crowd, but gamification for all age groups is a major trend in beacon tech. In the next five years, retail adoption of beacon-enabled gamification is expected to increase by 181%.

 

Virgin Atlantic

Virgin Atlantic Beacon Deployment

via Virgin Atlantic

In 2015, Virgin Atlantic launched an extensive beacon campaign at Heathrow Airport, in an attempt to improve their passengers’ airport experience and offer better customer service.

Premium passengers who downloaded the app would receive personalized notifications and offers during their time at Heathrow. Virgin also used iBeacon to notify passengers when they were getting close to a security check, reminding them to have their boarding passes ready, or sending them offers on currency exchange deals.

Airline staff were also outfitted with Google Glass or a Sony Smartwatch with an app that managed task allocation and delivered customer information directly to staff to help them personally welcome each passenger.

American Airlines, easyJet, and Japan Airlines are also embracing iBeacon tech to improve their passengers’ airport experiences, and to help staff deliver better service.

 

Wrap Up

Beacon technology has come a long way since its early days. After a slow start, it’s certainly picking up steam. The traditional retail applications of beacon tech are growing, and other organizations from transport to dating apps are also embracing beacons.

Three years later, the future is starting to look bright for beacons.