Great Examples of Goal Driven Design

Goal driven design serves both the end user and the stakeholders. It creates a general understanding of the motive or purpose of the website and product. It keeps teams thinking together and on track. Using a goal as an end point also helps decision making processes. This is a really big win when working in teams. Take a look at the chart below.

Take for instance an ecommerce store. A stores end goal is for the user to purchase their product. Usually a user would have to add to basket, and then click into the check out items page, and confirm their order. It can include a lot more clicking and progressing through the website. Here though, they have eliminated many user steps by accomodating the check out basket on the product page. They've even added a fun interactive feature of the product jumping into the cart so the user knows it's worked. They can now see all their purchases on the page and check out with one click.

Ecommerce Check Out Cart

See the items “fly” into the cart as soon as “Add to cart” button is clicked.

The cart continues to visually surface your items on all pages.

If your goal is more functionality based, like refreshing, it's good to incorporate it into a movement or action the user can do with their screen using their thumb. Here's a now well known example of pulling to refresh a feed. The user is already on this page, and does not need to find a button or move from their screen to reach their goal of seeing new information.

Pull to Refresh

Used to refresh or update content

No visual affordances, goal is to stay up to date