Reading Hooked: How to Build Habit-Forming Products

Reading Hooked: How to Build Habit-Forming Products


Hooked written by Nir Eyal is the book everyone in silicon valley is talking about.  The real reason that draws my attention is the book’s contributing writer, Ryan Hoover, who is the founder of Product Hunt.

What’s more

This book is highly recommended by the industry leaders. If you don’t have time to read the whole book, like me, you can read this infographic, the 2000-word summary or watch a speech at TNW Conference, a TED talk by Nir Eyal (the author).  

Building products?

After learning about the Hook Model, I realize that many successful apps are using these principles to build their Habit-Forming products. If you are building your products, make sure you follow the 4-step Hook Model – “Trigger”, “Action”, “Variable Reward”, “Investment”.

Think with Google – Retail App Design

Think with Google – Retail App Design

Think with Google is one of my favourite resources to learn and get inspired. Recently, Google has released some tips on designing a retail app or site. Here’s a checklist of Dos & Don’ts when designing a retail app.

Chapter 1: Exploration and Search

Loads quickly.
Provide clear utility before asking users to register.
Speak the same language as your users.
Use effective search indexing.
Don’t let promotions steal the show.

Chapter 2: Product Details and Reviews

Provide full product details.
Let the user control the level of zoom.
Show users how much they’re saving on discounted products.
Show in-store availability on product pages.
Display shipping costs and delivery dates on the item page.
Allow user reviews to be viewed and filtered.
Encourage consumer-generated content.
Surface related products at opportune moments.

Chapter 3: Checkout and Payments

Allow shoppers to continue shopping after adding an item to the cart.
Let shoppers edit the cart.
Resurface promotions, deals, and coupons at checkout.
Let users purchase as a guest.
Show users the checkout process is secure.
Provide multiple third-party payment options.

Getting started with Craft by Invision

Getting started with Craft by Invision

Learn by Doing

I didn’t learn design in school. Instead, I learn by reading, doing and sharing. I read lots of articles and videos online. One of my favourite blogs that inspire me to take my first step to start designing is InVision Blog.

Recently, I have learnt that InVision is releasing a new tool called “CRAFT”. As I have followed InVision blog for a long time, I trust the team behind InVision and I decided to dive in.

What is Craft?

In short, Craft is a groundbreaking set of free plugins for Sketch and Photoshop to bring real data and lightning speed to your design workflow. You can learn more in this documentation and this intro video.

First Impression

Craft is a suite of plugins, including, LIBRARY, PHOTOS, TYPE, DUPLICATE and PROTOTYPE (Coming Soon).

The first plugin I tried was PHOTOS. As you can see from the mockup screen above, there is a beautiful landscape photo as the background image. I was using the PHOTOS plugin to import this beautiful image from, directly in Sketch. I can choose which category of photos to import, such as ‘people’, ‘nature’, ‘technology’ etc. It was impressive!

What’s next?

In the coming months, I will dive into UI/UX design with Sketch, Craft and InVision.

Pin It on Pinterest