Octoly

octoly

When you talk about web scraping, PHP is the last thing most people think about. But this tool based on Symphony framework is about to change your mind. According to it’s documentation on : https://goutte.readthedocs.io/en/latest/ “Goutte provides a nice API to crawl websites and extract data from the HTML/XML responses.” This also means you can login to a website, submit a form, upload a file and whatnot all using this library siting at your server (or even on your local system) and still do all the things you would normally do. To scrap any website you basically need to first visit the website and do recon. And how do you do that? Simple — Inspector tool. Most modern day web browsers have “inspect” tool when you right click a web page (For Safari, you need to enable the option “Show Develop menu in menu bar” under the Advanced tab of Preference). Once you select inspect tool, the browser’s developer window (or console window) will open up docked on one side of window. The first tab is the “Elements” tab. Inside this tab you get to see the elements and their styling. This is very important to see the “name” attribute of the elements, to see if there are any hidden elements, find the form or its action attribute etc., you can use this “inspect” tool. This is recon. Ok, now let’s see this in action. Suppose your objective is to find the list of repositories that a user has created on their GitHub account (you could do more, but let’s just play nice ;-) ). Let’s create a folder in your localhost directory by the name “crawler” (name is irrelevant). Then head over to the library’s repo page on GitHub to download from or https://github.com/FriendsOfPHP/Goutte.git git clone https://github.com/FriendsOfPHP/Goutte.git After unzipping (if you downloaded) or git cloning, you’ll see a directory named “Goutte”. You’ll be needing composer installed as well to make this library work. Download it from https://getcomposer.org/download/ Now execute this command to add dependency libraries — composer require fabpot/goutte Give this command a minute or so finish. After successfully executing this command vendor directory (containing dependencies) and composer file is added. Now we are ready. Let’s create an interface for the user. Nothing fancy, simple HTML login. Create an index.php file with the following code. <form method= "POST" > <div class =“ form - group "> < label for =“ git_email "> Email address </ label > < input type =" email " class =" form - control " id =“ git_email " name =“ git_email " placeholder =" Enter email "> </ div > < div class =" form - group "> < label for =“ git_pwd "> Password </ label > < input type =" password " class =" form - control " id =" git_pwd " name =" git_pwd " placeholder =" Password "> </ div >  < button type =" submit " class =" btn btn - primary "> Submit </ button > </ form > Then when the user enters the credential (I’m not doing any client validation — I leave that to you ), the page gets submitted to itself. So, here our logic begins. Check if the page is getting submitted with the data. } if ( isset ( $_POST [ "“git_email" ]) && isset ( $_POST [ "git_pwd" ]) && ! empty ( $_POST [ "“git_email" ]) && ! empty ( $_POST [ "git_pwd" ])){ //check if the email and password params are there Then include the library and initialise it. require_once ( "vendor/autoload.php" ); require_once (“Goutte/Goutte/Client.php "); use Goutte\Client; $client = new Client(); If we inspect the login form at we see the following: https://gitlab.com/users/sign_in It shows the name attribute of the email and password fields //initialise the crawler with request type get and the login url $crawler = $client ->request( 'GET' , 'https://github.com/login' ); Find the form, set the post params and submit form //find the form $form = $crawler ->selectButton( 'Sign in' )->form(); //set the post params $form ->setValues([ 'login' => $_POST [ "git_email" ], 'password' => $_POST [“git_pwd "]]); // submit the form $crawler = $client ->submit( $form ); Now let’s check if login was successful or not. The way to check it is if the response/redirected page has meta tag having name “octolytics-actor-login”. This meta tag contains the username. }
}); //variable to store the logged in username $username = “ "; //Find all the meta tag $crawler ->filter('meta')->each(function ( $node ) { global $username ;//This is important, since you need to set the variable //Stop at the meta tag that has “octolytics-actor-login" as it’s name if (trim( $node ->attr( "name" )) == "octolytics-actor-login" ){ //set the variable value and return $username = ( $node ->attr( "content" )); return ; If the variable value is blank then we can inform the user that the credentials they entered is invalid. } if ( $username == “”){ //give error message echo “<center>The credentials entered are invalid</center>”; Finally, let’s navigate to the url that contains the list of repositories associated with the username $crawler = $client ->request( 'GET' , 'https://github.com/' . $username . '?tab=repositories' ); Once we are on the repo page we need to loop through all the repository names (when you inspect any one repo link in inspector tool you’ll find that they are inside list tag with class “source” ) displayed as an anchor link: }
}); //loop through all “a” tag contained inside list element with “source” class $crawler ->filter( 'li.source a' )->each( function ( $node ) { //This additional check is to determine we only get repo name if (is_numeric( $node ->text()) === false ){ echo $node ->text(); echo "<br/>" ; And that’s it, we are printing all the repository belonging to the user who tried to login. This is the first article I’ve written ever. If you like it, I’d appreciate your claps! Happy Hacking :) Previously published at https://medium.com/@mubin.khalife/php-web-scraping-youve-goutte-a-friend-5dd9d2874b80

PHP Web Scraping Using Goutte

Take a moment to think about these questions: Why do we cherish a freebie? Why are we thrilled when we complete our first 10k run? Why are some people keen on answering questions and spending hours writing articles on Wikipedia and Quora for free? Why are you even reading this article? What makes you tick? People do things for a reason. If we look deeper within ourselves and the world around us, we realize that we are all motivated by a myriad of drivers. These drives are what motivate us to act and commit to specific activities. Gamification The first thing that comes to our mind when we think about gamification is leaderboards, points, badges & levels. But the core idea of gamification goes beyond just adding these game elements to a product. It is designing human motivation into a system and placing the customer at the forefront of the design to make the overall synergy with the application, website, or product more seamless. According to Yu-kai Chou, one of the earliest pioneers of gamification, true gamification is when we tap into our core human drives that motivate us towards various decisions and activities. He then drilled down on these different motivations, which led to creating the groundbreaking gamification design framework: Octalysis, an octagon-shaped model bearing eight core drivers. Octalysis Framework Octalysis Framework The is a human-centric gamification design framework to help decipher all the motivational Core Drives that can be used to understand how to engineer and design for motivation within a particular setting and transform activities into meaningful and enriching experiences. Octalysis Framework Chou’s starting premise from within the Octalysis Framework was to maximize the motivation for desired behavioral outcomes through the use of 8 Core Drives (Meaning, Accomplishment, Empowerment, Ownership, Scarcity, Unpredictability, Avoidance). Let’s take a closer look. The 8 Core Drivers Every action we do stems from one or more of these core drivers. Without the presence of at least one of them, we will not be motivated or driven to act. Core Drive 1: Epic Meaning and Calling People like to feel that the work they are doing matters This core drive guides us to seek a higher purpose or meaning beyond our personal goals. It is the drive where the users are motivated as they feel like they are the chosen ones and are participating in something greater than themselves. Contributing for the good of others can be a great motivator. For Example : Wikipedia Stack Overflow The reason why people commit hours contributing to the above platforms is because of this Core Drive 1, where the users embark on the epic journey of making the world a better place by documenting and spreading knowledge. Free Rice Free Rice is a trivia-based website, supports the United Nations World Food Program by raising money to help 10 million people in the world have a meal, and they even made money off advertising while doing it. They did this by creating small challenges for their users. Upon successfully completing a challenge Free Rice donates 10 grains of rice to people in need, playing off a Core Drive concept called “humanity hero.” This is a powerful drive used by big businesses and leaders worldwide, asking you to put ‘the greater good’ above yourself. Apple Think about Apple. They don’t talk about their specs. They talk about “Changing the World,” and you were “The chosen one to make a difference.” Core Drive 2: Development and Accomplishment This drive is internal, as we all are driven to take on challenges to meet our desired goals. The crux here lies in the dimension of challenges since any reward is meaningless without feeling an actual accomplishment. There needs to be an effort, a hurdle that needs to be crossed. It should leave one with a sense of accomplishment as it is what pushes us to work harder to keep developing our skills and see ourselves progress. But not all progressions are intriguing and satisfactory. That’s why Yu-kai Chou underlines the importance of feeling proud of the new status. If there’s no interest in leveling up whatsoever, there won’t be any motivation either. What’s more fulfilling than looking back at the progress you’ve made? Many game elements aim at this core when showing the user their progress. We can find progress bars, badges, status symbols, and leaderboards among these tools. , many eCommerce sites these days make use of progress bars. When a consumer fills out payment details to purchase a product online, a progress bar indicates how far they are from finishing the process. It’s not by chance that this has become a staple for most sites to will their users onto the finish line, i.e., the purchase. For example Apps like such game mechanics as progress bars, badges, etc., to motivate their users to achieve their goals. Duolingo, Goodreads, and Fitbit use LinkedIn In the early days of LinkedIn, users rarely completed their profiles due to poor visual feedback of the progress made (insufficient Core Drive 2). That’s when LinkedIn introduced a profile progress bar, which helped increase the profile completion ratio by a staggering 60%. LinkedIn Progress Bar Core Drive 3: Empowerment of Creativity and Feedback Creation is beauty, all forms of it. We all have it. People need avenues to express themselves, and creativity is one of them. This core drive lets users use their creativity, view their results, get feedback and make adjustments. Here the user is engaged in a creative process where they try different combinations and strategies to get to a particular result. It can be as simple as making a playlist on Spotify or shooting a rainbow and posting it on Instagram. And the instant feedback that the users receive shows them the result of their work so that they can adjust their strategy if needed. Minecraft Minecraft is a classic example of Core Drive 3 because users are given the ability to express creativity by using simple building blocks (with thousands of combinations) to craft complex structures, can immediately taste the result of their choices, and make adjustments as they go. Core Drive 4: Ownership and Possession Everyone likes to own certain things, be it in the real world or in the digital world. The feeling of possessing something rare or expensive makes for a great motivator. In this Core Drive 4, users are motivated because they feel like they own or control something. This makes users want to increase, improve, protect, and even obtain more. It’s why we want to accumulate wealth or collect virtual coins. This Core Drive also provides emotional comfort and instills a sense of well-being and belonging to a society and cultural environment. Pokémon Go Pokémon Go focuses heavily on a Core Drive 4 concept called “ .” Each Pokémon captured is added to a collection and gives users a sense of ownership. Once players catch a few Pokémon, they are motivated to catch all of them, and the hunt continues. collection set Core Drive 5: Social Influence & Relatedness If used properly, it can be one of the most potent and long-lasting tools for motivating people. This core drive taps into all the social elements that motivate people: mentorship, social acceptance, social feedback, companionship, competition, and even envy. Has it ever happened to you that you bought something you didn’t need but just because it reminded you of your childhood? That’s relatedness which refers to the human need and tendency to nostalgia and emotional associations. Saregama — Caravaan One of the reasons why the Saregama Caravaan is so popular is Nostalgia. In an age of high tech Alexas, while everyone was busy adding more ways to listen to songs, Saregama Caravaan carved a niche for itself by looking the other way- back at a simpler age, an older time. Amazon People trust what they can relate to. Appealing to an emotional connection with other users builds a sense of trust and lowers the threshold to buy something. On Amazon, you must have come across the following statement while looking for products: “Customers who bought this item also bought…”. In fact, approximately 60% of Amazon’s revenue comes from the recommendations section. Leaderboards in fitness apps are another interesting example of social influence, as people check out their progress, compare and compete with others. Core Drive 6: Scarcity and Impatience If you can’t have it, you want it. We have all been there. It’s an innate desire of humans. And the sixth Core Drive addresses just that – the longing for something, simply because it is scarce, exclusive, or immediately unattainable. And because it is so difficult to obtain, its perceived value increases immensely. Even leading brands like have successfully used scarcity as a significant lever to influence choice. OnePlus Urgency has been greatly leveraged in eCommerce. You must have often come across sales promise bargains on eCommerce sites like Myntra, Nykaa, Amazon, etc., that are only available for a limited period like “70% OFF. Today ONLY!”. The impulse to push that button is immense. The existence of the sale is scarce, and people are motivated to act with a sense of urgency. Core Drive 7: Unpredictability and Curiosity We, humans, are hard-wired to seek thrill in uncertainty. We’re driven by the chase. We have no foolproof way of predicting the future, yet we’re always thinking about what will happen next. Unpredictability entails constant engagement as one does not know what will happen next, and our brain’s reward center lights up when we encounter such sensations. Unpredictability is a powerful force in motivating people to keep pressing on until they have clarified the unknown. This explains our love for surprises and our desire to seek new experiences. The virtual scratch cards on Google Play are a great example as we mischievously scratch them, knowing quite well that there’s not going to be much in there. Example: Gpay Virtual cards TV/Web Series A good web series will add a cliffhanger at the end of every episode to create a sense of anticipation for the next, which appeals to the audience’s curiosity and desire to clarify the unknown. Core Drive 8: Loss and Avoidance Humans are risk-averse by nature, and this core drive is our natural aversion to losing things we have worked hard to obtain. Avoidance and loss motivate through the fear of losing something or having an undesirable event occur. We can go to any lengths to minimize potential loss or risks wherever and whenever possible. According to psychology, we are more likely to act based on avoiding loss rather than making gains. Hence the fear of losing 1000 Rs is greater than the opportunity to gain Rs.1000. There’s nothing as powerful as offering an incentive upfront and then threatening to take it away. For example : uses streaks to encourage users to build a daily habit of using their app by giving you more XP if you maintain a streak. Learners or app users have to achieve their daily goals to save and improve their streak. Duolingo Duolingo Gamification – Streaks Miss one day and the streak is reset to zero. More recently, this option was replaced with one free ‘Streak Repair’ per month for premium members and a ‘ ‘ item that can be bought in the in-app shop with Gems. The urge to protect the daily streak motivates the users to put a small amount of effort every day to preserve their streaks. Streak Freeze Another classic example of this is the Marketing campaigns that often target our Core Drive 8 with tactics like, “If you don’t sign up/purchase now, you’ll lose this chance forever.” Black Friday Black Friday is an excellent example of how limited opportunity can motivate people to act with an extreme sense of urgency. Every year in the United States, products are priced a lot cheaper on the Friday after Thanksgiving, and people flock to stores to avoid losing out on sweet deals. Final Thoughts Gamification, or as Yu-Kai Chou calls it, human-focused design, is not about badges or leaderboards. It’s about human core drives, the most profound concept in gamification. And the Octalysis Framework tries to understand these nucleus motivations and uses them to drive behaviors. The more we understand the psychology behind our core drives, the better we will become at designing gamified systems and developing consistently good user experiences. First published here.

Decipher Your Mind: Gamification, the Octalysis Framework, and the Psychology of Motivation 

184 Stories To Learn About Psychology

The Gamification Playbook:  Mastering the Art of Engaging Product Building

দ্য গ্যামিফিকেশন প্লেবুক: আর্ট অফ এনগেজিং প্রোডাক্ট বিল্ডিং আয়ত্ত করা

Das Gamification-Playbook: Die Kunst der ansprechenden Produktentwicklung beherrschen

El libro de jugadas de la gamificación: dominar el arte de crear productos atractivos

Le manuel de jeu de la gamification : maîtriser l'art de créer des produits engageants

गेमिफ़िकेशन प्लेबुक: आकर्षक उत्पाद निर्माण की कला में महारत हासिल करना

ゲーミフィケーション プレイブック: 魅力的な製品構築の技術を習得する

게임화 플레이북: 매력적인 제품 구축 기술 익히기

O manual da gamificação: dominando a arte de engajar a criação de produtos

Oyunlaştırma Başucu Kitabı: İlgi Çekici Ürün Oluşturma Sanatında Ustalaşmak

Cẩm nang Gamification: Làm chủ nghệ thuật xây dựng sản phẩm hấp dẫn

游戏化手册：掌握参与产品构建的艺术

This guide recommends that can help developers increase their productivity. 12 Chrome extensions The extensions include tools suitable for developers of all types, including front-end, back-end, and full-stack developers. By using these extensions, developers can save time and get more work done efficiently. The guide suggests using these extensions to boost productivity and make coding easier. Chrome Responsive Viewer As a , you know how important it is to make sure your responsive designs look great on all screen sizes. That's where comes in! front-end developer Responsive Viewer The Chrome extension allows you to preview your website or app on multiple screens at once, so you can easily identify and fix any issues. With Responsive Viewer, testing your responsive designs has never been easier. Give it a try and see the difference it can make in your workflow!" 🔗 Link Material Icons for Github Material icons extension changes the file and folder icons in the file browser to icons representing the file's type and the tool it is used by. The icons used are from Visual Studio Code's Material Icon Theme. The extension can be used on , including GitHub, Gitlab, Bitbucket and more GitHub multiple websites 🔗 Link Hackertab helps developers to stay up-to-date with the , tools, and events. Hackertab latest developer news With , you can customize your feed to focus on your specific area of interest, whether that's frontend, backend, full-stack, mobile, or data science. Hackertab fetches content from the best developer news sources, including GitHub, Hacker News, DevTo, Hashnode, and more. Hackertab 🔗 Link Grepper helps you develop faster by showing you code snippets instantly right from your google search results. Code Grepper Having answers at the top of your search results keeps you from having to scour forums for the correct answer, having quick access to the right answer allows you to stay in the "developer zone". 🔗 Link Clear Session This extension does exactly what it promises: it deletes all cookies, session data, and local storage from the website you're currently on. This can be useful in some edge cases, such as sending an invitation or testing permissions per user type… 🔗 Link Better history Better History is a Chrome extension that history. It allows you to search through your history more easily, group and organize history entries by domain or date, and even import and export your history for safekeeping. With Better History, you can get more out of your browsing history and make it work for you. enhances your browsing 🔗 Link Octolinkr helps users navigate through projects more efficiently. It turns language-specific statements into links and allows users to quickly link to relative files, discover dependencies, access API documentation, and review code in pull requests. OctoLinker 🔗 Link Resource Override If you're a web developer, you know how frustrating it can be to debug production websites. But with , you can easily edit and inject code on the fly, making your debugging process much smoother. Plus, you don't have to sift through minified code anymore – you can simply redirect to an unminified version or use the integrated file editor to paste it in. Overall, this extension is a game-changer for anyone working with production websites. Resource Override 🔗 Link Screenshot.rocks This extension allows you to quickly and easily create beautiful browser and mobile mockups with just one click. You can wrap your screenshots in customizable frames, apply different styles and colours, and even export them in popular formats. With , you can make your screenshots stand out and never send a boring one again. screenshot.rocks 🔗 Link Gimli Tailwind is a DevTools extension that helps developers work with Tailwind CSS more efficiently. Gimli Tailwind It provides instant feedback and allows developers to preview changes by hovering or using keyboard shortcuts. Gimli Tailwind groups inputs in the same way as the official documentation and only shows relevant inputs for flex and grid elements. Its goal is to help developers build better websites faster. Link DevTools z-index This extension displays a that shows the ranking of elements, helping users to reduce the number of z-index values and make it easier to manage their web page's layout. This extension is particularly useful for developers working with the CSS z-index property, which specifies the stack order of elements on a webpage. "z-index" pane Link Pixel Perfect PerfectPixel helps both developers and designers ensure their code matches a design exactly by overlaying a semi-transparent image on top of the developed HTML. It has multiple layers support, layer inversion and scaling, and the ability to save layers between sessions. PerfectPixel is useful for creating websites with pixel-perfect accuracy and has a convenient UI with drag-and-drop file upload and keyboard arrow and mousewheel support. Link Final Thoughts 🚀 To sum it up, there are many ways to increase your productivity as a developer. By using helpful Chrome extensions and implementing effective strategies, you can streamline your workflow and achieve greater success. 💪 Happy coding! 💻

12 Best Chrome Extensions for Developers in 2023

Las 12 mejores extensiones de Chrome para desarrolladores en 2023

12 meilleures extensions Chrome pour les développeurs en 2023

2023 में डेवलपर्स के लिए 12 सर्वश्रेष्ठ क्रोम एक्सटेंशन

2023年の開発者向けの12の最高のChrome拡張機能

12 melhores extensões do Chrome para desenvolvedores em 2023

12 tiện ích mở rộng Chrome tốt nhất dành cho nhà phát triển năm 2023

2023 年面向开发人员的 12 个最佳 Chrome 扩展程序

Hey Hackers, We are excited to announce that has joined forces with as a media partner. We can’t wait to tell you all about one of the most anticipated crypto events in 2023. HackerNoon Miami NFT Week has finalized its speaker lineup with marquee presentations from , Mayor of Miami, , Founder and Co-managing Partner at SkyBridge Capital, and one of the most influential names in Web3, – entrepreneur, technology investor, and host of The Pomp Podcast. Miami NFT Week Francis X. Suarez Anthony Scaramucci Anthony Pompliano These speakers join a list of illustrious guests and individuals, including: Co-founder of Ape-In Productions and singer-songwriter, Timbaland Entrepreneur, two-time NBA All-Star and investor, Baron Davis The Miami Ape Co-Founder, Laura Rodriguez Mastercard Senior Vice President, Stefany Bello Metablox and Octalysis Founder, Yu-kai Chou OneOf Co-Founder and CEO, Lin Dai Decentral Founder and Ethereum Co-Founder, Anthony Di Iorio Artisant Co-Founder, Leila Ismailova Web3 Advisor and Creator, Swan Sit Miami NFT Week is focused on offering thought-provoking and educational discussions to address worldwide challenges and solutions within the Web3 space. Topics such as regulation, the future of Web3, NFT projects and their utility, the Latin American Web3 landscape, music, and more, led by industry leaders are expected to set the scene for the event. “We are thrilled to offer compelling stories from highly anticipated speakers at the conference this year,” said Miami NFT Week Co-Founder Ted Lucas. “Miami NFT Week is, at its core, about opening the space to diverse newcomers and natives. The event is focused on offering highly anticipated conversation within all topics pertaining to Web3 and the evolution of the industry.” In addition to the impressive speaker list, Miami NFT Week continues to gather anticipation for the event with noteworthy sponsors, such as: - who is leading the event’s four LatAm Spanish-speaking panels Mastercard® - a woman-led Web3 company that has developed an interactive game specifically for Miami NFT Week called The Crypto Bro’s Game Alpha IO - the official soft drink sponsor for all exclusive activities over the course of the weekend Jarritos - who will be hosting VIP Minting Party on Sunday Cloud Yachts - the official wellness partner of Miami NFT Week IV on Command With these exceptional sponsors, the event continues to implement its core mission of being Web3’s most diverse and accessible event in the industry. Learn more here. Also published here.

Dive Into Miami NFT Week's Must-See Roster

When someone asks me about how to make a product stand out and what could be one of the key product differentiators. I always tell them to stop looking at the product, wearing the lens of the one who has created/developed it. Instead, try wearing the lens of its user and customer to determine why he/she is willing to use it. Product Experience can be one of the key product differentiators. In my experience, Product Experience is a combination of customer journey and customer engagement. The best way to improve Product Experience is to simplify journeys and build emotion-based engagement for the product from a customer perspective. Let me elaborate them for you Customer Journey One of the best ways of improving product experience is simplifying customer journeys across the lifecycle of the product What is a customer journey? It is a story of a customer’s experience of how he /she engages with the product. This includes multiple facets of the journey like how the customer discovers the product, how they are onboarded, and finally how they use to product to derive maximum value. The experience of discovering the product and the ways of delivering it rests on how well the product is marketed. But the experience of onboarding (installation, registration etc.) and product usage falls on the product design & engineering team on how well this part of the journey has been visualised and laid out. How do you improve customer Journey? One of the best ways of improving a product is not adding new features but ensuring that the product delivers “more for less”. The product can deliver more value to the customer by improving and simplifying the various facets part of the customer’s journey. For instance, you can provide value to your customer by reducing the number of steps involved in achieving the end state/objective by using the right and optimal set of features. This will assure your customer always uses your product (ensures retention) as it helps them save time (better value). There will be other features, that add different perspectives like insights and analytics on usage, but the core features of the product should be in line with the product’s vision. Let’s look at a simple example of the food ordering experience on and . Both of these are India based food delivery companies Swiggy Zomato Disclaimer: I am just comparing the core features of Swiggy and Zomato based on my experience only . I have nothing to gain from Swiggy or have anything against Zomato I always found approach to ordering food to be a very simple customer journey than that of . simple design ensures the core process of ordering food is achieved in a few clicks. This is achievable right from the home page, making it easier even for a new user to get started.On , the multiple tabs that you see on its home page can be very confusing even to a new user. I understand does more than food ordering, but the core experience of ordering food is rather complex Swiggy’s Zomato’s Swiggy’s Zomato Zomato In the current COVID crisis, the way both and have changed their business modalities is commendable. Swiggy Zomato But, has ensured that people don’t forget that it is a food ordering app that also delivers groceries. I found, the interface of a bit confusing, as it conveys too much of information as against keeping Swiggy Zomato Now if you are a new user, you will find it difficult to understand what is trying to do. This results in poor product experience. You may even end up uninstalling it or would not know that can also be used for ordering food. Zomato Zomato Hence simplifying customer journeys is critical for better Product Experience. Once you simplify your customer journey, the next step to improving product experience is making the customer come back for more through better customer engagement Customer Engagement Customer engagement is the other critical aspect of improving product experience. Improved customer engagement is one of the outcomes of great product experience. What exactly is customer engagement? A simplified definition of customer engagement helps establish that emotional connection between the product and its customers. This makes them use the product, engage with the product, which ultimately leads to building an inseparable bond between the product and its users How do you improve customer engagement? One of the best ways of improving customer engagement is to get that emotional connection or tug going with the customer. These can be achieved through various strategies like: Involving the top customers for improving the product and product trials. This gives them a sense of purpose, making them more involved with the product. This helps to reduce customer churn and improve customer retention Relevant personalisation including recommendations of content for each customer, makes them feel exclusive. This makes the customer use the product more thereby increasing average revenue by the customer. For example, the extent of personalisation and recommendations provided by Amazon is so effective that over 35% of Amazon’s sales came from recommendations as per McKinsey in 2017. Sharing the customer’s success stories, will make them feel relevant and help increase their engagement with the product. For instance, the trending feature in Linkedin, wherein if your post has higher levels of engagement it will start trending in your network. There are many strategies like these. But the best way of getting all of these together is by using a technique called . Gamification Improving product experience using Gamification According to Wikipedia, Gamification is the application of game-design elements and game principles in non-game contexts and scenarios. By using the game-design elements as part of user engagement its easier to develop an emotional bond while the user is achieving their goals using the product. This has a significant impact on product experience. One of my go-to frameworks in gamification is the developed by Yu-Kai Chou. It is based on human-centred design driven by of human nature. Octalysis framework 8 core drives/principles These 8 core drives can help improve customer engagement through a combination of emotions that appeal at various levels, while some of them are good for long term engagement and some for short term engagement The core drives mentioned on the left can help build the engagement from a long-term perspective, the ones to the right help building short and quick engagements. These strategies help in keeping the customer engaged and help improve the value the customer gets from the product. Let us look at a few examples of how gamification has been used in popular products to drive engagement GooglePay and drives are used as part of the rewardsIn addition, during last Diwali (India’s festival of lights), they made it very interesting where you need to collect certain reward types (e.g., lamp, firecracker) etc. to win a cash-back. The element was leveraged, where the user could exchange their rewards to build on their collection of rewards Unpredictability Scarcity Social Influence CRED & elements are used, triggering most of the users to use CRED to make their credit card payments to collect rewards (CRED Coins & Gems)In addition to that, they use the core drive where you can pledge some of your CRED points to either win a product or get a hefty cash-back Accomplishment Ownership Unpredictability In conclusion Your product’s experience is directly related to the time spent by your user on your product. Hence it is a huge opportunity in terms of reducing customer churn and driving customer retention. Better product experience drives better engagement and hence it is not just a trend but a need to survive in the market A similar version of this post is published by me — https://www.yaagneshwaran.com/blog/product-experience/

Make Product Experience The Differentiator [Explained]

Stories, News & Mentions about OCTOLY

Octoly’s Stories on HackerNoon