The Future of Websites

By moosnews
July 22, 2014

Striking a balance between visually engaging content and customer-focused context is crucial for the future of any website. Responsive web design is key to this balancing act. It adapts to the type of device and the screen size on which it is viewed. This means that your content automatically reorganizes to optimize for a specific context.

The-Future-of-Web-Design

Nuance required 

Media queries are CSS (cascading style sheets) determine how content is laid out in a responsive design framework. The data from media queries gets optimized for each individual viewer.

For example, a media query will tell you whether a page is being viewed on an iPhone 5 or a smaller screen. That simple data point tells you how much of the main content on a page will be visible “above the fold,” or without the need to scroll. Many websites display a large top section on desktop browsers, full of navigation menus and full-bleed graphics. If your site does the same, you can use a media query to display all of that at the bottom of the page. This prioritizes main content like blog posts.

Designing Beyond Screen Size

In the web design world, responsive web design is described as optimizing the content for context. Contextual web design caters to each user’s situation. But truly contextual web design is about more than just screen size. Location, device type, and time of day are just a few examples of data points which provide a far richer context when used together.

Media queries don’t provide designers with enough creative license. Instead, you can use a more a simpler CSS component, the class. A class in CSS is a way to reformat a common element by making it part of a subgroup. So if images fill the screen by default, a class can be used with the image element to prevent that behavior on mobile devices.

Revised-Marketing-Responsive-Banner

Looking Forward to the Future

The future of websites is the focus on context – more than the current media queries allow. This is not a new idea. If you Google alternatives to media queries, almost five million results appear. But implementation requires you to do a lot of work up front to get to know the contexts in which your audience finds your work.

Once you have at least a few common contexts, you can begin to look at these and other ways to move beyond media queries. This lets your creativity shine, and allows you to focus on people and not devices. Once you shift your perspective, your website can shine into the bright future.

 

5 Calls to Action to Use on Your Website

By moosnews
July 16, 2014

A great website drives engagement with a call to action, which is a clear and direct suggestion that the visitor do something. The best calls to action offer to trade useful information or tools for the visitor’s future attention. Fat Cow’s Marketing Services packages can help you set up a boldly designed presentation. But you’ll want to think about your approach before you start designing. Here are 5 calls to action to use on your website:

call-to-action

Subscribe to receive new blog posts by email

Use an email subscription call to action to reach visitors who may be interested in your content but may not visit your site every day to check for updates. An email subscription form can be as simple as a text box or entering an email address and a button that says “Subscribe” with a brief description explaining that you’ll only use the email address to send the visitor new posts.

While your site’s top header and sidebar are both good spots for an email subscription form, consider placing the call to action at the bottom of each blog post, as well. A call to action at the bottom will reach visitors when they have just finished reading. If you’re producing engaging, high-quality content, that’s when your readers will be most open to getting more of your good stuff.

Download a free e-book

We know you provide visitors with great content, and you know it, too. But there will always be some visitors who prefer not to receive notifications whenever you publish something new. That’s okay, but you don’t want to ignore those people. Instead, offer them a one-time trade: in return for signing up for your general mailing list, provide a free ebook download.

People who are averse to yet another email in their inbox every day or week may not be so averse to a one-time, free download. Of course, you have to make sure the ebook you’re offering is interesting and aimed at driving people back to your site for more great insights. HubSpot takes things one step further, by presenting a call to action offering a download of… an ebook about calls to action.

Exclusive access to something free

People love to be a part of an exclusive group. Offer them something unavailable to the world at large. For example, offer exclusive content only to your site’s subscribers. Content that non-subscribers will never see can increase the chances that people will sign up. Of course, this means that your content should be top notch.

Remember it’s not necessarily the quantity that makes such an offering effective. It’s the exclusivity itself. Base your exclusive offering on your main content, so every visitor to your site is open to the possibility of becoming a subscriber.

Follow on Twitter

This is an easy way for someone to signal interest in what you’re doing. It’s also easy for you to facilitate with a simple button on your site. Again, someone’s presence on your site is a signal they are interested in what you have to say.

And if they’re a Twitter user, it’s probably easier to keep an eye out for your Twitter posts in their timeline than to come back to check your blog every day. Of course, if you share interesting links on Twitter and sprinkle in links to your new posts there, your Twitter followers will end up back on your site eventually. Whatever you’re writing or selling or promoting, include this call of action in a prominent position on your home page.

Pin a picture to Pinterest

The one thing people like more than free and exclusive stuff from you is being the source of cool stuff for their peers. A little bit of code can make every image on your site shareable. Pinterest drive a lot of traffic, so it’s worth considering integration.

This will work best if your site features big, beautiful photographs. The Pinterest code snippet will place a small “Pin It” icon in the bottom-right of every image. From there, visitors can share your site’s photographs with their Pinterest communities in just a few clicks.

No matter what call to action you choose, remember to make it a prominent part of your home page. It’s even better if it provides your readers with irresistible content.

 

Changes In Google Authorship Faces

By Jessica Ann
July 14, 2014

Authorship Faces will no longer appear in search results for logged out users. This used to be a great way to connect your face or your business brand to search results. But it’s not the end of the world.

Google-Authorship

What We Lose Along With Authorship Faces

Prior to the June changes, your Google+ profile photo appeared alongside highly relevant search results whether a user was logged in or not. Businesses could similarly use Authorship markup via [Google My Business](http://www.google.com/business/) and place their logo or other branding next to results. Those who aren’t logged into Google will no longer see those profile photos or logos. This removes one aspect of brand awareness. This is unfortunate if you were only relying only on Google Authorship to build your brand.

There’s More to Authorship Than Faces

Google Authorship Markup (https://plus.google.com/authorship) is much more than photos. Bylines can be powerful even when someone doesn’t recognize your face and (as of right now), bylines aren’t going anywhere. Unlike photos, all you need to get a byline next to your results is correctly implemented Google Authorship Markup. In other words, there’s no need to be in the user’s Google+ circles as with photos.

Google is Your Friend (Yes, Even Yours)

Google’s interests overlap with ours in at least one important way: Google wants more people to use Google. The company makes changes to search results to improve user experience and engagement. It also provides robust tools for publishers and authors.

Of course, many users would like to see Authorship Faces remain as they were before. But Google had good reasons for removing them. These reasons include a move toward consistency across platforms, the scarcity of display space on mobile devices and minimal difference in click-throughs between SERPs with images and those without images. If that last one sounds counterintuitive, read Mark Traphagen’s theories on it [at SearchEngineLand](http://searchengineland.com/google-removes-author-photos-search-mean-195236).

So we may not like the removal of Authorship Faces, but Google knows better than anyone how to get relevant results clicked. Our focus as content producers and brand builders remains on consistently publishing high-relevancy material. Photos or not, the top result predictably [gets the most traffic](http://searchenginewatch.com/article/2276184/No.-1-Position-in-Google-Gets-33-of-Search-Traffic-Study).

As Ray Hiltz points out [at SteamFeed](http://www.steamfeed.com/authorship-faces-disappear-google-search-results/), logged in users may see your photo “if you’ve established a relationship with them on any Google product including Gmail.” Authorship Faces were only removed from search results displayed to users who weren’t logged into Google. That means you should still keep an eye on your markup, and continue to build your Google+ network.

One case study found some interesting data about how logged in users interacted with a specific website. Ryan Jones of dotCult found it may be worth it to optimize for logged in users. Here’s what he [reported](http://www.dotcult.com/google-loggedin/):

  • Logged in users had twice as many pageviews per session and spent twice as long on site
  • Logged in users had an almost 0% bounce rate, as compared to a 50% bounce rate overall
  • Logged in users were 20% more likely to be a repeat visitor

A case study is just that: one person’s report on how people engage with his site. But it’s a good illustration of why you can’t ignore Authorship Faces. Google Authorship Markup is still an important foundation for any SEO strategy.

How Long Should it Take to Get a Good Logo?

By Jessica Ann
July 11, 2014

A good logo has to convey your company values, your product’s purpose and a recognizable image. That’s a tall order, and most companies will want to seek a designer with…design experience. Any designer with experience will be able to answer how long it should take to get a good logo. But it helps to be informed first.

blue-clock-icon

Reap What You Sow

The answer to the question in the headline is “as long as it takes.” A great logo is like a garden. There is no single moment of “gardening” that produces a tasty vegetable. The garden plot has to be planned. Measurements, soil preparation and seed planting all come before watering, weeding and harvesting. There are no shortcuts to great-tasting veggies.

A logo is no different. It isn’t simply a single act of design in a vacuum. How long it takes will depend on all sorts of factors. You can’t build a garden for someone unless you know how much space they have, where they live and what they want to grow.

Logo design requires discussions with the client about their company, their philosophy and their goals. Pre-existing brands may want to preserve color palettes or other elements. They may want to go the other way completely, excluding aspects of their business the designer may include if they aren’t told. If you want to harvest your best logo, you’ll need to put in the time to plan, plant and water it.

Plant Food For Logo Design

If “as long as it takes” just isn’t doing it for you, try this one instead: a good logo will take as long as you allow it to take. In other words, turnaround is about more than just a graphic designer in a cubicle. It’s a conversation. The more available you are to the designer for feedback and the more up-front guidance you give on what a good logo means to you, the faster the process will be.

The Internet enables easier communication than ever before, and modern bandwidth makes it easy to send large files such as high-resolution images back and forth. Services such as 99Designs will crowdsource your new logo based on initial specifications. Competition between designers drives quality up, and seven days after submitting your design brief, you can pick a winner.

A quick search for “logo design services” proves there is a large market for logo development. Maybe crowdsourcing isn’t your preferred solution. That doesn’t limit the power of communication over the Internet. Large file transfers, video chat and powerful remote project management tools like Basecamp can accelerate even the most in-depth design process.

So, when it comes to deciding how long it should take to get a good logo, the answer is unique to each company. The trick is for each client to take their logo seriously as a lifetime commitment, and for the designer to treat each logo like the first and most important one they have ever designed.

 

How to Simplify Your Design Navigation

By Jessica Ann
July 9, 2014

We’ve all dealt with a website that has a million menus and submenus with no clear sense of organization. It’s the last thing you want to do to your own site’s visitors, so it’s important to know how to simplify your design navigation. Usability is so important for web design, and it starts with making it easy to navigate a website.

design-usability-1

Have a Plan

A very popular YouTube video about the game World of Warcraft went viral because while it begins with a very calculated, carefully laid-out battle plan, it ended with one of the players simply rushing into the battle blindly, getting everyone killed. The offending player also died, and everyone on his team was very angry with him.

The lesson is clear: if you don’t have a plan, you’re not going to get very far. And your failure is going to make your team, which can include both colleagues and customers, very angry with you. So if you’re building a big website using a website builder, WordPress or some other content management system, plan it out first.

While it may sound strange, the best place to start planning your design navigation is a blank piece of paper. Even if you haven’t selected a website design yet, you can probably predict what types of content you’ll want.

The sweet spot you have to find requires offering visitors easy access to what they’re looking for without cluttering the page and taking attention away from the content itself.

Keep Priorities in Mind

Place the most important pages in a primary, usually horizontal menu at the top of the page. This may include your blog, an about page, and a contact information page at minimum. The fewer the better when it comes to this “main menu.” If you offer a product or a service, a pricing item should also appear in the primary menu.

Use drop-down or menus to include related items with each primary item.  A drop-down menu appears when someone hovers the mouse cursor over the primary item. For example, the “about” menu item may reveal a vertical list of links to related pages like company history, employee biographies and mission statement.

Don’t Fool Your Visitors

Some sites make the primary items impossible to click, forcing visitors to find out the hard way that they need to click a sub-item. Don’t make this mistake: simplify your design navigation by allowing visitors to click on all levels of a menu item.

In the above example, clicking “About” should bring up a main page about your company. Sub-items may be placed in a sidebar menu, conceptually connected to the main menu with similar styling, such as color and typography.

In fact, styling can also be used to make it obvious at all levels of your site where exactly a visitor is at any moment. If someone is reading the Company History section of your About menu, those two items should be highlighted somehow, whether with bolded text or with distinct coloring. Think of this styling like a web page version of the “You are here” dot on a shopping mall map.

There are certainly more complex menu systems for those who need them, but those can also be done simply with these basic principles. The key to figuring out how to simplify your design navigation is to put yourself in the position of your visitors. Think about what they want to see and do, and what you want them to see and do, and you’ll be on your way to a simple and effective design navigation.

 

Writing a Compelling “About” Page on Your Website

By Jessica Ann
July 7, 2014

If your small business has a website, then the “About” page is a critical component that shouldn’t be overlooked. If you’re like many business owners, you’re probably so focused on the design of your site that you don’t see the importance of the “About” page. You may even view it as an afterthought, forgetting the value of it.

FAQ

Your “About” page is likely to be one of the most visited, and among the highest ranked pages on your website. It’s the place where your visitors have the opportunity to evaluate you and judge your credibility. You may not be paying too much attention to it. But your visitors are and that’s why you need to pay it the respect it deserves. A little TLC lavished on your “About” page can go a long way towards making your site and business memorable. This will make people want to find out more about what you can provide.

The “About” page is a one-off opportunity for you to tell your story, explain what your business is about, let people know what you can do to solve their problems and what makes you unique. Every “About” page should be unique so there’s no one “fits-all-sizes” template that works for all types of sites.

Here are some basic rules to keep in mind as you create your own memorable page:

Add some personality – This isn’t your résumé or your LinkedIn profile so don’t just focus on a list of cold facts. Add some personality to the mix. Adopt a conversational tone as if you were speaking to your reader face-to-face. Show that real people run your business by adding images of your team and maybe a short bio. If you want a good example, take a look at Mailchimp’s ‘About’ page. They use simplicity and humor. This is a winning combination that exudes personality.

Show your passion – You love what you do – communicate your passion to your visitor. Tell them what your values are, why you started your business, what your mission is and what makes you different.

Get to the point – Your visitors are on your site to discover if you can do something for them. Don’t bury your Unique Selling Proposition (USP) half way down the page after you’ve told them your life story. They might not get that far. Shout it out up front like the guys at Copyblogger do.

Get Social – Show how you love connecting to customers by adding links to your social networks. Encourage visitors to connect and interact with you in all of their favorite online haunts.

Let your customers do the talking – Don’t be shy – if you have had recommendations and testimonials from existing customers then tell the world about them. Highlight any awards that your business has received or any press coverage you’ve had.

Don’t forget the basics – the who, what, where, why and when of your business should all have a place on your page. Make it easy for visitors to contact you and to ask questions.

Call to action – Tell your visitors what they need to do next. If you want to add them to your mailing list then add a subscription link. Point them to a specific landing page if that’s where you want them to go.

Be responsive – Remember that the Internet has gone mobile crazy when you consider your design and that your “About” page needs to look good on all types of devices.

Do you want your website to be a memorable and passionate personal statement? Don’t make it about you. Make it about your customer. And make it happen on your “About” page.

 

 

 

Grow Your Business By Using Google+

By Jessica Ann
July 2, 2014

Google+ is a relatively young social network, first opening its doors in 2011. But it already has 300 million users. And while that doesn’t compare to Facebook’s numbers, it’s more than Twitter. And it’s a sign of why you’ll want to incorporate branding into your Google+ page to help your business grow.

The right approach with Google+ can help you build a community, enhance your search performance and make it easier than ever for customers to find and contact you.

google_plus_bloggiks

The (Social) Search Giant 

At the end of 2013, Google still had more than three times the search market share of its closest competitor, Microsoft’s Bing. That’s a big lead, and while no good Internet marketer will ignore other search engines, it’s clear that Google should still be a strong focus for any business looking to increase its visibility. One of the biggest reasons for a business to build a Google+ profile is the integration of Google+ into Google’s search results. Companies with a Google+ profile will have it featured when people search for that company. This eliminates all concern about whether someone is really getting the company they’re looking for.

Think of like this: Google+ is like the new kid in school. But his/her parents just bought the arcade where all of the other kids hang out. That poses a problem: few want to be seen as the first to embrace the outsider. But taking that chance might just mean VIP treatment at your favorite spot.

For many businesses, Google+ has yet to prove itself, and setting up a presence will be a risk of time and attention. But that risk will likely pay off when it comes to search results, not to mention being among the first to put down a stake at the younger social network.

A related and even more important component of the Google+/search results integration is Google Authorship. This service allows you to tie your Google+ profile directly to articles you have written. Coupled with a strong cross-linking between your personal profile and your business profile, this can drive traffic whenever your articles turn up in search results. Google includes an image in the special “author box” for such results, and setting this to your business or employer logo further expands the branding power of Google+.

Maps, Mobile and More

Brick-and-mortar businesses will want to pay attention to this part: Google integrates address and contact information from your Google+ profile directly into Google Maps results. This means people searching Google Maps on mobile devices will be able to begin navigating to your business with only a few taps of the screen. And they’ll be able to call you with only one or two taps. This ability to make your business accessible to prospective customers is unprecedented, and Google+ is at the forefront.

Places for Business also includes a customer reviews platform which allows business owners to respond to any review. That makes positive reviews visible to the world, and negative reviews easier to address. And Google says 97% of consumers search for local businesses online. That makes ignoring Google+ and its many integrations a bad idea.

If you’ve ever searched for a great Mexican restaurant or the perfect café while wandering a new city, you’ll know exactly how valuable that is. The plain old search results blend into the pack. But the ones with a Places entry get featured on a mini-map, with an instant “Call” button, as well as buttons to add it to your Google Maps favorites or get directions. That’s real-world value to someone hungry or un-caffeinated, and it’s the difference between new business and being passed over for someone else.

The platform displays no advertising, allows you to edit posts and use markup to enhance presentation (a no-go on Twitter and Facebook, respectively) and also offers a slick live video tool called Hangouts On Air. Hangouts are perfect for streaming events or recording product demonstrations. While Google+ may be the new kid on the block, Google has provided so many useful tools for business owners that it’s really a no-brainer: Google+ can help your business grow because it improves your search performance, helps customers find and contact you and provides a crisp, media-rich posting platform.

 

Why Your Web Design Needs Quality Links

By Jessica Ann
June 30, 2014

The “world wide web” wasn’t called that by accident. It’s an interconnected group of pages, pointing at other pages via links. Links, especially inbound links from other sites to yours, play a large role in how search engines rank you in their results. This means that even if your usability is perfect, and your site is stunning, if you’re not using quality internal and external links, it’ll be hard to get traction on search engines. That’s why your web design needs quality links.

483394999

But what’s a “quality link?”

At its core, a link, or “hyperlink” has two primary components: the linked web page, invisible to readers of the site, and the linked text, which is what readers see. So technically, it’s possible to make a link with only those two items. But it’s not possible to make a quality link with only those two elements. Use a combination of metadata and good old CSS styling to make your links quality.

Oh So Meta(data)

You can include several metadata elements in a link to increase its quality. Metadata is just information about information. So, link metadata describes the nature of a particular link. It can be used to make links more useful or understandable for both browsers and people.

For example, the rel= attribute tells browsers the relationship between the current page and the one at the other side of the link. A blog entry, then, might include in its header or footer the name of the author, linking to his author page. That link should include a rel=“author” attribute confirming authorship. Another example is rel=“nofollow”, which tells Google to ignore that link when calculating the target page’s PageRank.

You can also tell browsers whether to open the link in the current tab, a new tab, or a specific, already-opened tab by using the target attribute. People generally expect links to open up in the current tab, and commentators on best practices discourage the alternatives. Average users will use their Back button. While more advanced users of the Interwebs will know to open links in a new tab by holding the Control or Command keys, on Windows and Mac respectively, when clicking the link.

However, it could be useful to define this attribute in some cases, such as when you’re building a web application that benefits from managing multiple tabs.

You Gotta Have Style

CSS stands for “Cascading Style Sheets” and it’s important to speak this language if you want your website to have some style. Links have five states of being. They can be at rest. Then there’s visited, hover, focus and active. Just like humans, links act either alive or dead.

Each of those states describes something your readers do with their mouse or keyboard. Your CSS should define different colors and font styles for each one. Some designers take control of the underlined look of most links by using border-bottom instead. This gives you more options for styling the line, but retains the familiarity of that underlined style.

The color of each link state should also fit a common palette. No two states should be identical. Color is the perfect quick reference guide for links. It tells your readers whether they’ve already clicked a link, or whether they’re waiting for the new page to load. Use contrast with the surrounding text as well as with the background to make your links stand out.

When quality links are used on your website, then the overall web experience gets better for your readers. Metadata and visual elements, when used properly, give browsers and humans an easier web experience. And that means your readers will keep coming back in style every season.

 

Integrating Your Brand into Your Web Design

By Jessica Ann
June 28, 2014

Your website is the first contact your customers have with your brand. Your brand strategy should focus on consistency and simplicity, coupled with some give and take. Coordinate your web design and your brand by letting the style of your web design inform your branding elsewhere. Here are some ideas:

18441344210

Worth A Thousand Words

If your website features a full-bleed header image (the main photo at the top which stretches from edge to edge of the page), use that image across your social networking accounts, as well. Facebook, Google Plus and Twitter all allow similar header images at the top of profile pages. Consistency across platforms will make your brand instantly recognizable, which helps to stand out amongst the online noise.

Many social and blogging platforms will suggest users follow certain people based on shared tastes, web surfing patterns and other information. Integrating your brand into your web design lends credibility to your profile when it appears among those suggestions. It will provide a signal that the suggestion is indeed Your Awesome Brand, and not a similarly named competitor or impostor.

The Power of Palettes

Your website and social media accounts are extensions of you and your brand. They’re all meant to build the same relationships, generate the same leads and market the same products or services. If you’re doing it right, your written copy or imagery alone will stand out as yours across a variety of platforms.

The color palette you use on your website and in any printed or marketing materials is an easy way to strengthen the ties between different aspects of your brand. All of the aforementioned social platforms allow some degree of color customization. Use that customization to make the transition between your website, Twitter profile and YouTube channel seamless.

Screen Shot 2014-06-28 at 12.11.13 PM

Bringing It All Together

Header images and color design aren’t the only elements you can use to integrate your brand into your web design. A great logo will be the perfect bookmark icon, profile picture and email signature image. Consistent typography across images and website text is also a good idea.

In fact, consistent copy is key. If you have a slogan or a call to action, make sure it’s worded the same across your brand’s different accounts. Your customers should never feel like they’re navigating away from you, as they visit your online communities.

How to Design a Better Mobile Checkout

By Jessica Ann
June 26, 2014

We’re no longer shopping by walking the aisles and lining up at a register. Instead we’re shopping through our mobile devices. Mobile e-commerce increased by 81% in 2012, bringing in $25 billion. As we look to the web design trends for the rest of the year, it’s more important than ever to think about how to design a better mobile checkout.

186333494

The best way to maintain that kind of growth is to make the experience as friction-free as possible. People shopping in a store will get frustrated and impatient if made to wait in long lines or if it’s difficult to get their questions answered. Just as some brick-and-mortar stores get a reputation for a top-notch shopping experience, an online shopping provider can build a reputation for easy checkout.

Here are some ways to improve the mobile checkout experience and increase the chances your customers will complete the process:

Mobile E-commerce is Increasing

The first step to improving checkout experience is to fully appreciate the situation. Mobile commerce is expected to reach more than $86 billion by 2016. That’s 24% of all retail e-commerce, and the growth will likely continue.

The popularity of tablets undoubtedly contributes to the increase in mobile checkouts, with $24 billion spent from the large-screen mobile devices in 2013. With smartphones having lost their early lead, designers have to keep in mind the rise of tablets as the dominant mobile checkout use case.

Simplify the Process

When someone has decided to buy something online, they have already overcome all sorts of obstacles. It takes a leap of faith for many to even consider offering their credit card information over the Internet. And then there’s the chance what they’re buying won’t look as perfect for them as it did on the website (or the model, for that matter). So once they have committed to a purchase by heading to your checkout page, the process should be as barebones as possible.

Screen Shot 2014-06-26 at 10.06.05 AM

Don’t ask unnecessary questions, offer annoying up-sells or opt customers into mailing lists. Remember, they’re on a smartphone or a tablet. That means screen real estate is precious. And their attention cannot be lost in frivolous requests. You’ll need to ask for their name, shipping and payment information. Anything else will take up space and frustrate your customer. The worst sin of mobile checkout design is unnecessarily complicating the process. So, include no more that what’s needed to complete the purchase.

Be Our Guest

The only thing worse than making someone fill in unnecessary fields to complete a purchase on a mobile device is requiring them to make a profile with your site. Don’t require account creation in your checkout process. It’s like requiring people in a physical store to take out a loyalty card just to complete their purchase. Many customers don’t want to be bothered, and will go to another store if you keep making these types of demands. Your customers want to buy things as quickly and with as little interference as possible.

Design your mobile checkout experience like you would a physical store. Make the default user a guest, and provide a link somewhere to create an account for those interested. But don’t require anything at checkout except what you need to charge and ship.

Moving Along

The best mobile checkout experience will require one simple page of information and show a big, bright “Purchase” button at the bottom. Compare the Moby and Kay Jewelers checkout pages pictured in this article. The longer the page, the more likely the process will hit a snag. There is always the chance of customer fatigue (“Why do they need all of this?!”), typos and second-guessing the purchase price. By the time they are checking out, customers are eager to give you money, so make it as simple as possible.

If you need more than one page to complete the purchase, provide a clear indication of how far along the process is at each new page. Also offer the ability to move backward as well as forward. This assures the customer they are nearing a successful purchase, and gives them a chance to correct any errors they may have made in a previous screen and maximizes their sense of control.

If you’re aiming to design a better mobile checkout, keep the above ideas in mind during the design process. It will produce the best possible mobile experience for your customers, and will future-proof your design as mobile commerce continues to grow in the coming years.