Tag: Mobile

How to Increase Mobile Conversion in E-Commerce

How to increase mobile conversions in e-commerce

Anyone who’s managed an e-commerce store knows that conversions from mobile devices tend to lag behind desktop considerably. While this might not be true for app purchases, (think Amazon or Wish) mobile e-commerce tends to be a place where window shopping is the norm. So what steps can you take to increase that conversion rate?

We took a look at 7 different ways to increase your mobile conversions without having to invest in building an app. These items cover from development to marketing, because like most things, a holistic approach is always best.

Offer Free Shipping

One of the number one reasons that people put items in their cart is to determine the cost of shipping. While shipping certainly is an expense to you as the business, you generally know how much it costs you to ship those items. Baking that cost into the cost of an item, then offering free shipping will help users know what the total cost of an item will be.

Quick Account Setup

As the name states, mobile shoppers are on the move. Even if they’re sitting on their couch with their phone, it’s not the only thing they’re doing. Creating an account setup that’s easy will allow them to either finish their order, or worst case, be able to pick up their cart on a desktop device later. The conversion still happens even if it’s not on a mobile device.

Speed Up Your Site

E-Commerce hosting can be expensive that’s true. This is especially true if you have a lot of products. One area you shouldn’t skimp is on your hosting. Think of if like the entrance to your business, you wouldn’t want a bunch of clutter or a small driveway to keep folks out. So why would you do it on your website? Work with your developer to get the most robust servers, and the most trimmed down website you can to keep mobile users happy on their devices.

Optimize, Optimize, Optimize

Whether it’s product descriptions, categories, or images, optimizing your pages for search engines as well as for the users themselves. For this you’ll want to pay attention that your images are not only high quality, but the colors match what is offered. They also need to be small enough in file size to load quickly.

In terms of product descriptions, unique descriptions that help the buyer understand the product better is always optimal. This is hard to do with thousands of products. In those cases, focussing on your top sellers and growing those first, is probably your best move.

Encourage Customer Reviews

Following up with those that have already purchased to leave a review of the product is a great way to get folks to speak up about what they liked or didn’t like. Many e-commerce shoppers rely on reviews to know if a product will fit, or if the colors are accurate. Since they obviously can’t try the product before buying it, reviews help them make those decisions.

Have a Great Return Policy

Just like reviews, the barrier to mobile e-commerce shopping is often the fear that if a product doesn’t fit or is not what they really needed, that it will be hard to return. A great return policy can help lower that barrier and give buyers the peace of mind that they won’t get stuck with something they don’t want.

Integrate with Mobile Payment Systems

Payment processors like Strip and Authorize give you the ability to work with mobile payment options such as Google Wallet or Apple Pay. These give buyers a level of payment security if they don’t feel comfortable entering a credit card on their phone. It’s also helpful for them because it saves time over traditional payment methods.


There are really two key factors that go into mobile e-commerce. Speed and lowering fear barriers. As I said earlier, they’re called mobile devices for a reason. If a shopper is multi-tasking while they shop, the speed at which they can get to what they need is imperative. Slow load times, long checkout processes, and the inability to use easy payment systems will keep folks from closing the sale on that device. Hopefully they’ll complete the order later at another device, but that’s not always the case.

Additionally, use reviews and descriptions as virtual dressing rooms. Let your customers tell them why they should buy it, and describe the product in a way that would be appealing. Finally, have a return policy that will prevent buyer’s remorse.

Even though taking these actions may never get your mobile conversion rate to the level that desktop is, any steps you take that make improvements will be sales that you otherwise wouldn’t have gotten.

The post How to Increase Mobile Conversion in E-Commerce appeared first on build/create studios.


Tips for User-Friendly Mobile Design in 2018

Last year saw several technology breakthroughs becoming more mainstream, with artificial intelligence becoming more human-sounding, voice-first gadgets numbering in the hundreds of thousands, and virtual reality becoming accessible to nearly everyone. This change continues into 2018 and is shaping user experience trends for designers. Find out how to design user-friendly experiences on mobile devices.

Continued Development of Voice Technologies

At the end of 2017, devices that used voice as the primary means of interaction were in an estimated 30 million homes. As technology develops, the way we use it will continue to change.

A voice-user interface makes sense for mobile. When people are on the go, they are less able to use their hands and eyes, but speech is still accessible.

When designing voice interaction for mobile users, the objective isn’t to replace conversation with humans, but to make life easier. Start by setting aside the technology and analyzing the conversation itself. Create a visual that shows the dialogue flow.

What do successful interactions look like between your clients and a customer service agent or company representative? What types of communication problems typically occur? What are all the ways a customer might express their most common needs? Sketch out how conversations might branch off and identify when people need to talk to a human representative.

Test some voice-controlled options with employees first. They know the conversations that frequently take place and can point out flaws and areas that need improvement. Provide users with clear information about what their options are at each stage and keep things as simple as possible.

Simplify User Journeys

When users interact with their mobile devices, they’re viewing information on a small screen, often while they’re in motion or focused on another task. Business owners and website designers can make it easier for users to achieve their goals in the following ways:

• Embrace linear design. Each user journey should have a distinct beginning, middle, and end with each portion only requiring them to do one thing to progress to the next level. Uber does an excellent job of helping users order a ride one step at a time. Each screen asks the user to make only one choice or input one bit of data. Users know how long each step will take and progress smoothly to their destinations.
• Reveal progressions gradually. If users need to take several steps to reach their goal, don’t overwhelm them by showing all the required actions at once. Use progressive disclosure to walk them through things one step at a time.

Visual Elements That Make an Impact

Overlapping effects are big in 2018. Designers layer fonts, colors, and graphics on top of each other to make page elements more visually appealing and provide more space. Designers use this overlap to repeat design elements or layer them with shadow to create depth.

Color is a powerful tool, and a color gradient can make logos and backgrounds richer and more engaging. A product’s visual appearance is one of the key factors buyers weigh when making a purchasing decision, and color gradients enhance that appearance on small mobile screens.

Designers are also using opacity to create contrast, making some elements stand out while others appear to fade into the background. When designing for mobile, experiment with the transparency levels of key components for added visual appeal.

Use stark color contrast for fonts and backgrounds. This makes key information stand out and text easy to read. Choose simple curves and geometric shapes over busy patterns for buttons, animations, and menus. Designers are also adding animation to icons, photos, and buttons to emphasize the next step, drive users to conversion points, and provide additional user delight.

Some Things Never Change

There are some mobile design best practices that will always be useful. Most people have experienced the frustration of trying to push a button on mobile that’s too small or not being able to see what an image contains and being unable to resize. When it comes to mobile, make sure screen size doesn’t take away from the user’s experience.

Set the font for mobile sites to at least 14px. That way viewers don’t have to resize pages to read them. Make buttons 44px by 44px or larger so users don’t mistakenly make the wrong choice or experience friction when they have trouble indicating their selection.

It’s harder to input text on mobile than it is with a keyboard. Make sure the mobile version of your website doesn’t ask for any more typing than is necessary. If possible, use checklists and drop-down menus instead.

Simplify your website design so users don’t struggle with navigation. Chunk pages in manageable portions and remove content that isn’t top priority.

Thee Design offers award-winning design for every type of device. Contact us learn how we can help you start reaching more mobile users today.

The post Tips for User-Friendly Mobile Design in 2018 appeared first on TheeDesign.


What Is AMP? What You Need to Know About Accelerated Mobile Pages


Born from collaborative efforts between Google and Twitter, the Accelerated Mobile Pages (AMP) project is an open-source initiative that came together with an ultimate goal of improving content delivery across the web. Slow-loading web pages reduce conversion rates and harm a website’s accessibility. The aim of AMP is to create faster, better optimized mobile web pages. So, what is AMP and what should you know about it? Read on to learn more about what accelerated mobile pages are, how they work, and what they mean for search rankings.

What Is AMP? How Does It Work?

In a nutshell, AMP strips down mobile development to the very basics. The AMP project is an open-source library with the tools that developers need to create lightweight, fast-loading web content. AMP utilizes existing web technologies and frameworks to create web pages that are fast-loading and streamlined across multiple platforms and browsers. AMP achieves this through the use of three core components: AMP HTML, the AMP JS library, and AMP Cache.


Basically, AMP HTML is just standard HTML with a few restrictions that have been put in place for more reliable performance. AMP HTML extends upon standard HTML with the addition of a few custom AMP-specific tags, called AMP HTML components, that are meant to make it easier to implement common coding patterns in a cleaner, better performing manner.

AMP JavaScript

JavaScript can easily bloat or break a web page on mobile. The AMP JS library seeks to solve that problem by paring down JavaScript to a core framework of essential elements. AMP does not allow the use of third-party JavaScript and instead offers integration with the most popular ad networks and analytics plugins. External resources are loaded asynchronously and items such as iFrames are sandboxed to limit anything that may block a page from rendering correctly or at all.

AMP Cache

The Google AMP Cache is an optional content delivery network that will automatically fetch, cache, and conduct performance enhancements on all validated AMP documents. Google products, like Google Search, and other networks utilizing the technology serve these stored AMP pages and their resources directly from the Google cache to provide a faster mobile user experience.

What are the Benefits of Utilizing AMP? Does It Impact Search Rankings?

Increased speed and greater visibility are the biggest benefits of implementing AMP. The average internet user has an attention span less than that of a goldfish. You only have a few seconds to grab their attention and keep them hooked. Every second spent loading a page chips away at that small window of retention. Faster loading pages ultimately mean higher page views, lower bounce rates, and greater user engagement.

While AMP is not specifically a ranking factor, it’s well-known that websites with lower bounce rates and longer onsite times reflect their user engagement in search rankings. Google also has begun to display AMP-specific listings in organic search results. The increased visibility, whether through higher rankings or special placements, equates to more views of your content.

Overall, implementing AMP is an easy and effective way to improve the user’s experience, increase conversion rates, and see a boost in your search visibility and should be considered an essential part of your content marketing strategy.

If you’re interested in AMP on your web pages, or our other web development services, contact our team at Connective Web Design today.

The post What Is AMP? What You Need to Know About Accelerated Mobile Pages appeared first on Connective Web Design.