Atlantic Business Technologies, Inc.

Author: Atlantic BT

  • Do breadcrumbs improve usability?

    Do breadcrumbs improve usability?

    What are breadcrumbs?

    Breadcrumbs are dynamic navigation paths throughout web pages. They show you the trail that led you to the particular page you are on with clickable links, allowing you to jump back to previous pages. 

    Breadcrumbs are most useful when websites house a large volume of information broken into clear categories and hierarchical structure. While a website like nestle.com should use breadcrumbs for its many brands, a local bakery probably should not.

    Why should we incorporate breadcrumbs in web design?

    You’re probably most familiar with seeing breadcrumbs on eCommerce websites. They helped you go back to a product category when you wanted to see other options. You knew to use this navigation element because you see them all the time; users understand the breadcrumb pattern well.

    Breadcrumbs enhance UX.

    Breadcrumbs are an important part of content strategy. They give users a roadmap to web pages and help them feel less overwhelmed. They are also beneficial because:

    • They provide contextual information to help users understand categories.
    • They make it easier for users to jump to previous pages without using the “back” button (when they likely forgot where it will take them).
    • They tell users the pattern of a site’s structure so they have a better understanding of how to find other pages.

    Breadcrumbs boost SEO.

    Breadcrumbs are recommended for SEO for several reasons. Partly, search engines evaluate the user friendliness of a website. Breadcrumbs can help reduce bounce rate and increase pageviews per session for the reasons outlined above.

    Additionally, breadcrumbs can boost crawlability and increase rankings because:

    • Google uses breadcrumbs to gain context of content (just like users).
    • Google includes breadcrumbs in the Search Engine Results page, giving users extra information that makes them want to click.

    How do I get started?

    Talk to your development team about how to add breadcrumbs to a website. For WordPress, it’s as easy as using breadcrumbs with the Yoast plugin. For other websites, it may require a custom development piece. A designer may need to find the best placement for this navigational element and provide styling as well.

    Structured data helps you provide page information directly to the Google search engine. A developer or SEO specialist can also help you include structured data for breadcrumbs

    Looking for ways to boost user satisfaction and conversions?

    Breadcrumbs are just one way to increase usability of your website. Atlantic BT also places value on content quality, information architecture, and UX design. If you’re interested in a site audit or consultation, reach out. We’re here to help.

  • When should I use Gatbsy?

    When should I use Gatbsy?

    What is Gatsby?

    Gatsby is an open-source static site generator (SSG) which is used to build lightning fast Progressive Web Apps and websites. SSG frameworks are appealing to many business owners because they are cheap and extremely performant.

    While there are several static site generators that are written in different programming languages, Gatsby is the most popular JavaScript SSG.

    Who is using Gatsby?

    More and more businesses are beginning to recognize the benefits of using Gatsby:

    • The Braun website – a popular manufacture of shaving products
    • The Reactjs website that provides documentation
    • The Spotify Design website for sharing UI tips

    Many of these businesses started with a WordPress website and sought a faster solution. For reference, here’s a comparison of Gatsby matched up with WordPress.

    In what scenarios should I use Gatsby?

    Performance is a priority.

    Gatsby comes with a variety of built-in features that empower you to out-perform your competitors. For example, using a Content Delivery Network (CDN), page caching, and minification are all factors that boost speed.

    Security is crucial.

    Gatsby doesn’t run off a database, which is a common gateway for hackers. Furthermore, you can easily enable XSS protection and access control to prevent DDoS attacks.

    You are looking for affordable hosting and a low-maintenance setup.

    Because you’re only serving static files with Gatsby, there are free hosting options available. Other options may cost as little as $5/month.

    Static files are also low-maintenance, freeing up costs associated with building complicated server infrastructure. Let your managed host worry about infrastructure so you can focus on strategy.

    In what scenarios should I not use Gatsby?

    Your website uses dynamic content.

    Gatsby handles dynamic content by doing client side rendering (CSR). This type of dynamic content is difficult for search engines to crawl, putting you at a disadvantage for SEO.

    You update your website multiple times a day.

    Gatsby is a high performance option because all of the work is done at build time (before the website is published). On the downside, that means that each time you publish changes, the website could be down for several minutes.

    You want to develop in-house, but you don’t have a team of skilled developers.

    Gatsby is implemented with JavaScript and GraphQL. If your team isn’t skilled with either of these complex technologies, you’ll have to rely on a partner.

    A partner experienced in many frameworks can guide you.

    Need help evaluating your situation or choosing the best way to build a website? Reach out for a free consultation with one of our experts. We’re happy to help you get started with your solution.

  • Marketing Automation and eCommerce: The Other Half of a Whole

    During the wonderful pleasure of checking out of a eCommerce website, something shocking happened: I became distracted. What was the website’s shortcoming? A poorly placed call-to-action button? Some user experience faux pas that made me feel under-appreciated as a consumer? A page load time that took milliseconds longer than the time I felt like waiting?

    Actually, there was no digital culprit. My wife came in with the groceries. So I stopped shopping to help her put away food.

    Even with craftsman-like attention to every nuance of customer experience, life can and does find a way to distract us from purchases we intend to make. In a world of digital noise and constant demands for attention, we shouldn’t be surprised there are so many things that prevent customers from completing an order. I’d argue there are more things that prevent an order from happening than help it.

    Adobe Digital Insights estimated only 30% of desktop shopping carts resulted in an order (dropping down to 19% on mobile devices). That same study also surveyed consumers about how they source the best deals for the holidays. Most agreed on email and search ads were the best methods, while social media and app push notifications were the worst.

    Whatever methods they use, eCommence retailers need to dig deep and command attention to break through to new sales goals. Constant awareness, presence, and time-sensitive actions are all must-do actions to push sales higher and make people remember why they need that thing you offer.

    One Half of a Whole: eCommerce and Marketing Automation

    I’m going on the record here: There should be no eCommerce without Marketing Automation.

    You know how every movie with ghosts theorizes that spirits come back to haunt us because they have unfinished business on our earthly plane? This is exactly how you should think about marketing automation—as a reanimated specter that reaches from the great beyond and will not be silenced until you complete your transaction (at 15% off with promo code GHOSTLY15).

    Here’s the bad news, much of marketing automation is a guessing game. You choose arbitrary dates, subject lines, and emojis to make your email or message appear the most relevant at what you hope is the most relevant time. Many attempts at reaching out to customers will fall flat, but the few glimmering diamonds that manifest will make your marketing automation worth it.

    Part of the reason marketing automation is attractive is that robots are very good at consistency. Tell your automation app what kind of simple iterations of repeatable messages you want to send, and you can easily test all kinds of variables to see what drives the most responses. By measuring the experience through automation, you can focus on the results and use them to inform every aspect of your marketing work.

    A dystopian robot asking if you want to do more eCommerce.
    “Hello, FIRSTNAME, would you like to buy this eCommerce CONSUMERPRODUCT in FAVORITECOLOR?”

    Some basic automations to get you started include:

    Cart Abandonment with Discount Offers

    This is the most essential marketing automation available. Here’s how it works: someone adds something to their cart, they abandon the cart without purchasing, and your automation app emails them automatically with an offer of a discount on that particular product. You can try this tactic both as an abandoned cart reminder (pinging the customer to finish their purchase) or as a special discount offered at a certain cart threshold (thus encouraging them to add an additional item to their order).

    Make no mistake: if someone has added an item to their cart, they want it. They are on the precipice of purchasing, but anything from a crying child to a sudden desire for a ham sandwich could prevent them from making that decision. So your offer has to break through that and encourage them to finish purchasing the item you already know they want.

    Activity-Based Engagements

    Some customers may not even reach the add-to-cart stage and are still browsing. Here the objective is to remind them of their shopping experience based on particular items they viewed or categories of items that they looked at (e.g. sweaters or video games). Again, tying this to a specific offer or discount based on a total purchase price will encourage more purchases. Don’t forget the power of deadlines to produce results (e.g. “This discount only available for the next 59 minutes.”). Making specific promotional codes expire after a certain period of time drives customers to make a faster decision to avoid losing their deal.

    Again, people look for something to nudge them toward a particular decision they already want to make. Make it easy on these weary souls by telling them this purchase is the right move through automations that remind and reaffirm.

    New and Trendy

    Fear of Missing Out (F.O.M.O) is a powerful siren’s call that easily causes dollars to leave wallets. Framing a temporary trend works with natural herd mentalities can drive more people to do what you want them to do: convert. Getting people caught up in the moment of a seasonal trend introduces a time-honored sales hysteria that can catapult your sales to new heights.

    Target customers with frequent purchases from the site to make them aware of new product offerings, trends, styles, and more.  Note that it’s important to employ multiple marketing automation flows to relentlessly pursue your target until they succumb to the inevitability of their not-yet-made sale. Place someone into a flow to make them aware of a particular trend, and when they don’t purchase, add them to another automation that makes them a compelling discount offer.

    Marketing Automation for Ads: Remarketing

    The main challenge of marketing automation is it typically requires an initial form conversion to reengage customers. While it’s not technically MA, dynamic product listing ads allow you to show particular items to your customers via a feed. This reminds them of that particular item they simply forgot to actually purchase. Similar remarketing options exist across social media that act as a touchpoint for bringing people back into the fold.

    A really cute pitbull in a bed of flowers.
    “Hey, don’t mind me as I sit here and watch you eat. Also I love you.”

    Unlike marketing automation where you’re using email to physically place a message into something they own (their inbox), you can be more aggressive with remarketing without offending people. Aggressive remarketing can be annoying, but it preys on your sometimes chance of clicking the ad and purchasing the product.

    It’s like a loyal dog that likes to watch you eat dinner. The dog can annoy you, but you can’t get that mad at him. It’s in his nature, and he’s super cute. And while you won’t give him your people food all the time, you might give some of your people food sometimes. And he will wait you out because he knows the rules too.

    In conclusion, you will never win by hoping your customers don’t get distracted from making a purchase. By relying on a strong marketing automation strategy, you can engage with distracted customers in the midst of their crowded headspace and win them over with the right message. If you have questions about how to implement a marketing automation or eCommerce plan, feel free to contact us.

  • The Top 5 Things You Can Do to Improve Your Website Speed

    A colleague just shared a URL with you, his message reading “you gotta check this out!” The URL promises to lead you to a beautiful new website for a company that created a software tool that could save your life. You eagerly click the link and wait. One, two, three seconds go by as the page struggles to load. Before your frustration gains any more momentum, you close the page. Sound familiar?

    This example illustrates why site speed analysis should be STEP ONE of every conversion optimization project. And as the Internet becomes even more entwined in our work, entertainment, and everything else, your customers will become even less patient for any delay in opening your page.

    Before launching into ways to improve the speed of your website, here’s one key note about website speed: there’s a difference between Page Load Time and Page Interactive Time. Page Load Time means “the length of time until every element on the page is done loading”, while Page Interactive Time means “length of time until the site is usable.” The latter is the more important metric to pay attention to.

    Now, here are the top causes of site-slowing and what you can do to fix them:

    #1: Optimize Your Images

    Large images are the culprit for a lot of the ‘weight’ of many websites. Website weight, for our purposes, is measured in bytes—the fewer bytes the browser has to download, the faster the download can happen and the more quickly your users will see your content. This is a great argument for optimizing how you use images on your site.

    First, it’s important to consider how essential each image is to the success of your website. Well-placed images can communicate loads of information, but make sure every one of them is worth the real estate. Also, if you ever find yourself encoding text in an image asset, stop and reconsider. Text-in-images delivers a poor user experience – the text is not selectable, not searchable, not zoomable, nor accessible. Web fonts are always a better choice for text.

    Once you’ve chosen the most important images for your site, make sure their size isn’t adding a ton of weight for your website to load. There are dozens of tools you can use to adjust image size, but here is a short list:

    • Photoshop – open your image and choose the “Save for Web” option. The program includes an image quality slider so you can see the visual trade-offs.
    • Smush.it – this is a free online uploader that creates a zip archive of your optimized images.
    • Kraken – subscription-based image optimization software.

    #2: Compress Your Website Files

    Compressing your website will increase site speed by reducing the size of the HTTP response. You may need help to address this because both compression and deflation happen on the server side. The most common compression solution is GZIP and fortunately, almost all web servers support it. To see if your website is already GZIPPED, run this simple test: GIDZipTest. If you’re curious about how GZIP works, check out this video by the Google Webmasters themselves.

    #3: Use a Content Delivery Network

    A Content Delivery Network (CDN) is a distributed system of servers which are deployed over multiple data centers across the Internet. A CDN serves content to users from the most highly available server in order to deliver the best performance. This makes a CDN a great speed improvement if you have a high traffic website. Some of the most popular CDNs include:

    • Amazon CloudFront
    • MaxCDN
    • CacheFly
    • CloudFlare

    In addition to serving content from a CDN, you should also serve your static content (images, javascript, and CSS files) from a cookieless domain, backed by a CDN. Why cookieless domains? Every time a browser sends an HTTP request, it has to send all associated cookies that have been set for that domain and path along with it. Because static files don’t need to be accompanied by cookies, you can decrease latency by serving these static resources from a cloud domain that doesn’t serve cookies. You can accomplish this by using Amazon CloudFront or Rackspace.

    #4: Implement Browser Caching

    The browser cache is a temporary storage location on a user’s computer which stores files downloaded to display your website. The user’s browser can display your website faster by retrieving your site’s images, stylesheets, javascript, or multimedia content from the cache rather than having to download all this content again when they come back to your site.

    To ensure your site uses cached files, you may need your hosting provider to help you install a caching solution. Here are the top three caching programs:

    • Redis
    • CloudFlare
    • Memcached

    While we’re talking about hosting providers, it’s worth noting that not all web hosts are created equal. Indeed, many of the top web hosts include all the server-side speed optimization services you need. If you have a decent amount of traffic, skip the budget web hosts and research which hosting provider best suits your needs.

    #5: Minimize Redirects

    There are several types of redirects, all useful when you want to point a user’s browser to a different URL. The most widely used, a 301 redirect, is the preferred way to change your site structure without losing valuable SEO. The downside is that lots of redirects stacked together will confuse the browser, slowing it down as it wades through the old destinations to get the new ones.


    The Lazy Optimizer’s Guide to Accelerating Your Website

    If these steps seem overwhelming, there is a quick and easy path: Google provides expert advice on exactly what’s slowing your pages down and what you should do to fix the issues using its Page Speed Insights tool. Just type in your URL and the tool will ‘score’ your site speed on mobile and desktop.

    On the Internet, things change all the time, and these best practices are no exception. To get the latest and greatest tips on website speed, check out the Google Developers guide. Happy optimizing!

  • Grinding, Burning Out, and How Not to Hit the Wall

    Many jobs in the software industry have some level of ‘grind’. The ‘grind’ means days, weeks and (hopefully not) months of extra work that comes with projects. Perhaps a key client needed a feature added, or a certain task proved harder than expected. When you enter the software business, you have to accept there will be times when you have to grind to finish a project. But, it’s important to recognize that there is a fine balance. Taking breaks and resting will benefit teams in the long run. 

    How Can Preventing Burnout Boost Efficiency?

    Developers are thought-workers. They don’t work in a factory churning out the same thing over and over again. They have to know all the tools in the toolbox, know how to use them and know where to find new tools as well. Sometimes they even have to create new tools. A large amount of mental energy is spent in the pursuit of the solution of a problem. Some problems are very complex, and it can take hours just to understand the environment in which a problem exists.

    This takes an enormous amount of concentration, which is why you will see most developers with headphones on. It’s not just that they love the new Twenty-One Pilots album—they’re blocking out the rest of the world to eliminate as much distraction as possible while spending their mental energy inside the “zone”.

    What it Means to Live in the Zone

    The “zone” is a focused mental state where the developer’s mind is fully engaged in solving problems. It takes time for a developer to go from zero to totally zoned in and it can be derailed with a single tap on the shoulder. Every developer has a natural amount of time that they can spend in the “zone”. For some developers, a 40-hour week is all they can take. For others it might be 60 hours. It is a mentally draining experience.

    At some point the developer will hit the wall. Their brain reaches its limit and needs to do something else. Encourage teams to get up and walk around, grab a cup of coffee, or play a game of foosball when this happens.

    How Do You Know When You’re Burning Out?

    Burnout is what happens when a developer is overworking, spending so much time in the zone that nothing else seems to exist. Your brain may turn to mush. It can become difficult to carry on a conversation, make decisions, and write clean code. Writing bad code means constantly going back and making corrections, which ultimately creates more work than the original plan.

    Have you ever completed a project as scheduled, but felt frustrated, tired, and abnormal for weeks? This constant state of grinding is not part of a healthy work environment.

    How We Stay Focused at Atlantic BT

    At Atlantic BT, we do our best to make sure that we are proactive and looking for potential problems before they happen. We borrow ideas from Agile and Scrum to help us avoid potential issues. We do daily huddles to stay informed on how a project is going. We work in sprints so that we can measure our velocity and make adjustments early and throughout the project. When we hear that someone has worked extra hours, we make a point to check in with them and make sure they haven’t hit the wall.

    We don’t want teams to grind unless it is absolutely necessary. When we do have one of those unavoidable moments when the team has to work extra to deliver value to our customers, they are focused and ready to step up to the plate.

    5 Keys to Avoid the Grinding That Leads to Burnout:

    1. Plan, Measure, and Adjust—Make a plan. At specific intervals, measure how far and how fast you are going. Adjust your plan according to the measurements to ensure no one is getting overworked.
    2. Take Breaks—Know your limit and recognize when you have reached it. Step away, reset your brain, and start again. You’ll be surprised at how that problem you couldn’t figure out suddenly has an answer.
    3. Sleep!—Turn off the Xbox, put down Candy Crush, and Game of Thrones can wait. Your brain needs downtime devoid of stimulation, and there’s no better way to recharge than a good night’s sleep.
    4. Eat Better—In an industry where pizza and soda are standard fare, we have to push ourselves to find healthy choices. Eating plenty of vegetables and avoiding excessive sugars and empty calories can do a lot for a developer’s mental endurance.
    5. Exercise—Does your company have a gym like ours? Take advantage! 30 minutes walking at a slow pace is not only better for your health than sitting in your chair, but it also helps rejuvenate your brain to regain your mental energy.

    We believe that focused teams develop the best products for our clients. If you have any questions about our processes and techniques, contact our team to learn more.

  • Set Your User Goals: An Inside Look at User Stories

    Part and parcel to the user experience discipline (and any discipline involved in website creation) is establishing user goals.  If visitors have come to your site then you can be sure that they’re looking to accomplish something, be it gathering information, contributing to a community, or ordering one of your products.

    Clearly defining your user’s goals at the beginning of a project and sticking to them throughout the design and development processes will help ensure that the final product is something your visitors will actually want to use, and hopefully use again and again.

    User Story Examples

    Your goals can be very straight forward, such as “encourage the user become a registered member” or somewhat more abstract like “delight the user so they spread the word about us.”

    In our work here at Atlantic BT we’ve been writing user stories to help guide our project’s along.  User stories are a great tool because our clients, their users, and our team members can easily contribute to them, and they’re written in plain English so everyone can understand them.

    Here’s an example from a recent project:

    “As a potential customer, I’ve been asked to a seminar at the company headquarters. How do I get there, and who do I contact if I need assistance?”

    Seems simple, right?  We’ve gone and defined the user (a potential customer) and their needs (directions and contact information).  Our UX and design team know that including a “Company Locations” page with driving directions on the website is a must.  Our programming team knows that they need to add seminars and events points of contact to emails.

    Here is an example from a new client:

    “I am a doctor and I need to order a prescription and have it shipped to a customer or my clinic”

    This user story helps define what our programming staff has ahead of them, and what sort of user experience interactions will have to be mapped out. This sort of simple story-telling helps prevent patch fixes towards the end of a project.

    User Stories In Practice

    In one of our projects, Johnston Health, we collaboratively defined four important user goals ahead of time. We built the home page navigation around these personas from the start.

    1. “I’m an area resident and I need to find a physician.”
    2. “I’m a medical professional in Johnston County and need to find work.”
    3. “I’m an existing customer and need to pay a bill, and would like to do it online.”
    4. “I’m a friend/family member of someone staying at a Johnston Health facility and would like to send them a card.”

    Of course, the website has other user goals in mind like volunteering, fundraising, and services. By highlighting the most common user tasks and giving them prime real estate space, they are able to immediately address the needs of most users.

    This user satisfaction goes beyond funneling users to information. They are also now left with a good impression of the website and business as a whole.