Slide deck from Growth Hacking Asia's 'Growth hacking meets UX' workshop on Saturday, May 16 in Kuala Lumpur. Slide deck prepared by Mac Jake - Founder of Reparkapp, UX/UI Designer and our workshop instructor.

1. Growth Hacking meets UX

2. Mac Jake
UIUX Designer, Pirate & Front end Developer
macjake.net
@macvhustle
More at growthhackingasia.com bit.do/uxkl

3. Objectives
Reduce tech support & training cost.
Gain more sales return.
Avoid user abandon purchases.
Increases users & purchases.
Every $1 invested in UX can have a return of up to $100 for your business

4. Actionable UX Tactics & Examples
1. Optimising Visitors Experience.
2. Customer Onboarding.
3. Product page selling tactics.
4. Activity overview introduction.

7. We want to onboard user, not scare them away
Less complicated captcha

8. letterboxd - Uses famous movie quotes as their Captcha during sign up.
Captcha or other alternatives

9. Your headline must grab attention in less than 1 second
A 1-second response keeps users engaged with the content, thereby increasing the conversion rate and reducing abandonments.

10. Show options instead of dropdown

11. Focus call to action instead of many links

12. Add propose selections
Airbnb
both is good, 87% of Fortune 500 companies have an easy to find search field on their homepage

13. Dropbox - Enables form when clicked.
Progressive Disclosure
Paypal - Shows the next hidden form

14. Coda 2 - The submit button of the order form doubles as a progress bar.
Minimize space
Button

15. Headlines draw eyes before pictures

16. Short paragraphs encourage reading
Product Hunt

17. People read text ads more than graphic ads
Pandaapp

18. Pinterest - The background takes main color
of photo that’s about to be displayed.
Facebook
Illusion of content

20. Tumblr - A short list of random available usernames is shown
to help get the user signed up right away.
Don’t make visitors think too much

21. Show fields instead of a new page

22. Fewer form fields
Airbnb

23. Basecamp — When there is a form field error, the character on the left makes a surprising facial expression.
Use simple interaction to keep user filling the form

24. Use Storytelling

25. Kickstarter - The email sign up field proposes related email provider
is it thinks you may have mistyped your email.
Autocorrect email to reduce wrong address

26. Mailchimp - Reduces your price if you use two-factor authentication.
Offer incentive for visitors to signup

27. Apple Events - When adding Apple’s Live event to your calendar using their link,
It saves you the best seat in the house.
Offer incentive for visitors to signup

28. Trip Advisor - Users can automatically signed-in on promotional email
Make it easy for user to sign in

29. Optimised for mobile
Mobile users are five times more likely to abandon the task if the site isn't optimized for mobile

30. Grand St. - when you unsubscribe from their newsletter, they invite you to follow them on social networks instead.
Offer other alternatives

31. Quick feedback
Co Founder
Treating app- Asking the user straight away inside the app message

32. Amazon - “Thank you page”
Little things matters

34. Demonstrate values
You can create
invoice directly
Slimvoice - users able to use the product on the landing page

35. Reaffirming Freedom
User feel the sense of control over when they can pay

36. Use Urgency
Countdown create the urgency not to wait

37. Use Social Proof

38. Easy to reach Call to action
User do not need to scroll or lookup for the buy button

39. Show how it works for specific target market
Illustration shows examples of targeted users

40. Show benefits on Call to Action
pancakeapp.com
Reminding users why it’s worth it

41. Sell benefits not features

42. Use anchoring

43. Stirring curiosity
Give free chapters to demonstrate values

44. Interactive Pricing
Mailchimp - users able to insert any number of subscribers, therefore decrease call supports

45. Help buyers make decision
Audible - The most expensive items are automatically preselected to be paid.

46. Amazon - Displays other product compatibility with your purchased product from your Amazon purchase history.
Give suggestion from past purchases

47. Help buyers make decision even faster
Amazon.com - Shows the most helpful favourable review and the most helpful critical review on top so user
able to make decision faster

48. uxarchive.com/animated
reallygoodemails.com
theuxnewsletter.com
pttrns.com
uxrecipe.github.io
uxchecklist.github.io
pttrns.com (iOS patterns)
mobile-patterns.com
androidpatterns.com
mobileawesomeness.com
lovelyui.com
uiux.asia
Design References