Understanding User Behavior with Google Analytics - Analytics Help The more you know about your users, the better equipped you’ll be to make smart choices about your website, mobile app, or SaaS (software as a service) application development investments. Measure what matters, from download and first use through usage, purchases, and loyalty. Google Analytics helps you capture and understand user behavior in most kinds of applications, including mobile apps (iOS and Android), web and SaaS applications, and IOT (internet of things) devices. With minimal instrumentation, Google Analytics provides many pieces of information to help you understand the behavior of users as they interact with your site or application. User data in Google Analytics is captured using either first-party cookies, randomly generated IDs, or an SDK for mobile apps. With additional instrumentation, you can gain an even richer understanding of how people interact with individual application screens or pages on a website. Measurement planning Your measurement plan should define: Goals
Why AMD? Module Purposes§ 1 What are JavaScript modules? What is their purpose? Definition: how to encapsulate a piece of code into a useful unit, and how to register its capability/export a value for the module.Dependency References: how to refer to other units of code. The Web Today§ 2 (function () { var $ = this.jQuery; this.myExample = function () {}; }()); How are pieces of JavaScript code defined today? Defined via an immediately executed factory function. This can be difficult to manage on large projects, particularly as scripts start to have many dependencies in a way that may overlap and nest. CommonJS§ 3 var $ = require('jquery'); exports.myExample = function () {}; The original CommonJS (CJS) list participants decided to work out a module format that worked with today's JavaScript language, but was not necessarily bound to the limitations of the browser JS environment. network loadinginherent asynchronicity define(['jquery'] , function ($) { return function () {}; }); Module Definition§ 5
Search interface: 20 things to consider What questions to ask users? What to consider while prototyping? And what are the best practices in search interface design? Depending on the project, search may be one of the most complex features. Users see just a box, but designers and developers see an intricate system and a lot of work behind the box. This post is a collection of questions we should answer before designing a solution and a check-list of elements we should think about while prototyping. Part 1. 8 questions designers should answer during the research phase to understand why users search and when and how they form queries. 1. Do they search to: Navigate, find a particular web page.Find specific information (“Weather in Prague”, “Capital of Australia”).Find advice (“How to design a search interface”).Find resources, applications, documents.Find facts, data (“How many active users do we have on our website?”). 2. What were they doing right before clicking on search? 3. Interaction with search is a conversation. 4. 5. 6. 7.
Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Acknowledgments Credits Reading We already use patterns everyday
Usability Testing Accordion-Style Checkouts: 2 UX Pitfalls that 75% of Sites Neglect - Articles When benchmarking checkout flows for the first time back in 2012, we found that 14% of the top 100 US e-commerce sites used an accordion-style checkout. Accordion-style checkouts have been an ever increasing trend since then, and in our latest checkout study we’ve found that it’s now 32% of checkout flows are accordion-style. In accordion-style checkout flows, the just-completed step collapses and the new step expands – hence, the name “accordion”. The accordion concept is seen here in Walmart’s checkout where step 2 (first image) collapses into a text summary once the user progresses to step 3. While an accordion checkout often is an aesthetically pleasing option, our past 9 years of large-scale checkout testing have not found that accordion-style checkouts consistently perform better than either traditional multi-page checkouts or one-step checkouts. In this article we’ll present testing findings from our Checkout Usability study that relate directly to accordion checkouts, including:
The Definitive Guide to Shopping Cart Abandonment What is the biggest drain on your profit potential? If you sell online, it could easily be shopping cart abandonment. It doesn’t matter whether you sell one product or thousands, you’ve probably experienced it: people exiting your site after clicking the Buybutton but before the sale is complete. So how do you protect yourself? Ready for some straight talk about shopping cart abandonment? Table of Contents Introduction to a Killer: Straight Talk about Shopping Cart Abandonment Reason 1: Your Website Lacks Trust Factors. Reason 2: Your Website Has Usability Problems Reason 3: Your Checkout Process Is Long and Complicated Reason 4: Your System Requires Account Creation Prior to Checkout Reason 5: Your Shipping Charges Take Shoppers by Surprise Reason 6: You Don’t Have a Return Policy Reason 7: Your Payment Options Are Limited Reason 8: Your Security Measures Are Either Too Strict or Too Lax Reason 9: Your Shopping Cart Is Hard to Find Reason 10: Your Coupon Codes Don’t Work Reason 14: Conclusion 1. 2.
6 Ecommerce Checkout Page Optimizations for Higher Conversion [2018] Checkout page optimization is a frequently overlooked area for retailers looking for routes to increase online revenue. Instead, many online business owners and managers focus on optimizing for the front end of the website –– creating beautiful designs, site experiences and merchandising product to push customers down a purchase funnel. That makes sense. After all, this is your customer’s first impression of your business, and your first opportunity to convince them to stay, browse and buy. But when it comes to buying, an online store’s checkout far surpasses any other element of the website in terms of importance — including CTA buttons, product page specifications, and other more commonly thought-of factors. This is the time when you — unknown retailer — present risk to the consumer. There are multiple ways to increase consumer trust with your product at the checkout page. Here is that full list: 1. This tactic helps to address issue #1 and #2 in our abandoned cart list above. 2. 3. 4. 5.
Icon Usability In addition to conveying brand personality through color and style, icons must first and foremost communicate meaning in a graphical user interface. Icons are, by definition, a visual representation of an object, action, or idea. If that object, action, or idea is not immediately clear to users, the icon is reduced to mere eye candy — confusing, frustrating, eye candy — and to visual noise that hinders people from completing a task. The benefits of icons in a graphical user interface (GUI) include: Despite these potential advantages, icons often cause usability problems when they are designed without consideration for their many potential downsides. “Universal” Icons Are Rare There are a few icons that enjoy mostly universal recognition from users. The 3-line hamburger icon is an excellent example of an icon that is striving to become universally known. Other icons frequently misunderstood by users include the heart and the star. Icons Need a Text Label Relative Size Aids Noticeability