{"id":504,"date":"2022-02-02T11:42:39","date_gmt":"2022-02-02T04:42:39","guid":{"rendered":"https:\/\/bnsd.binus.ac.id\/graphic-design\/?p=504"},"modified":"2022-02-02T11:42:39","modified_gmt":"2022-02-02T04:42:39","slug":"gamification-in-ux-design-designing-fun-experiences-for-serious-situations","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2022\/02\/02\/gamification-in-ux-design-designing-fun-experiences-for-serious-situations\/","title":{"rendered":"Gamification in UX Design: Designing Fun Experiences for Serious Situations"},"content":{"rendered":"<p id=\"442e\" class=\"pw-post-body-paragraph hw hx dp hy b hz ia ib ic id ie if ig ih ii ij ik il im in io ip iq ir is it dh em iu\" data-selectable-paragraph=\"\"><span class=\"s iv iw ix iy iz ja jb jc jd ew\">G<\/span>amification has become one of the most exciting UX design trends in recent years. Regardless of the \u201cseriousness\u201d of the tasks we perform using apps, we still prefer those mobile experiences that give us laughter and fun. Gamification can become an excellent solution for many apps. It empowers us to transform even the most tedious processes and daily activities into the fun for users. Here we will consider this concept under a magnifying glass, as well as the\u00a0<a class=\"bv hv\" href=\"https:\/\/fireart.studio\/blog\/how-gamification-improves-ux\/\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">benefits of gamification in UX design<\/a>.<\/p>\n<h1 id=\"7152\" class=\"je jf dp bp jg jh ji ib jj jk jl if jm jn jo jp jq jr js jt ju jv jw jx jy jz em\" data-selectable-paragraph=\"\">What is gamification, and why do we need fun?<\/h1>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu hf\">\n<div class=\"kk s ew kl\">\n<div class=\"km kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/1*-bCDundqBb02-7SCnFi6Vg.gif\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Orix Rent App Onboarding Animation by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/sajon007\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Sajon<\/a>\u00a0for\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/Fireart-d\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Fireart Studio<\/a><\/figcaption><\/figure>\n<p id=\"2a7e\" class=\"pw-post-body-paragraph hw hx dp hy b hz ia ib ic id ie if ig ih ii ij ik il im in io ip iq ir is it dh em\" data-selectable-paragraph=\"\">Today\u2019s world is full of game consumers. This industry is fast-growing, and state-of-the-art technologies promise the rise of even more exciting gaming experiences soon. Modern users love games, and they\u2019re always happy to meet gaming elements beyond the game itself, for example, in a mobile app.<\/p>\n<p id=\"9f87\" class=\"pw-post-body-paragraph hw hx dp hy b hz ia ib ic id ie if ig ih ii ij ik il im in io ip iq ir is it dh em\" data-selectable-paragraph=\"\"><mark class=\"wm wn ne\">Gamification is the technique of inserting game mechanics into non-game products.<\/mark>\u00a0It\u2019s the manifestation of care about the users, as the brand tries to make the product UX fun and entertaining, like a game. We can see gamification in financial applications, digital banking systems, healthcare apps, language-learning apps, etc. It has become an essential component of many great mobile apps and software products. Usually, it involves animations and\u00a0<a class=\"bv hv\" href=\"https:\/\/fireart.studio\/blog\/7-ways-digital-illustrations-amplify-user-experience-design\/\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">illustrations that improve UX<\/a>.<\/p>\n<h1 id=\"70bc\" class=\"je jf dp bp jg jh ji ib jj jk jl if jm jn jo jp jq jr js jt ju jv jw jx jy jz em\" data-selectable-paragraph=\"\">Types of game mechanics in UX design<\/h1>\n<p id=\"32ea\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">UX designers use various types of game mechanics to spice up mobile and web experiences. It allows increasing user engagement, building loyalty toward the app creator, and retaining users. There are the five most popular types of game mechanics.<\/p>\n<h2 id=\"9674\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Badges and stickers<\/h2>\n<p id=\"1253\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">Badges and stickers are well known for users, as we used to see them in video games. You can incorporate them into your mobile app experience and reward users for gathering a certain number of points. It seems to be a detail. It looks so small and insignificant. However, you must admit that you usually feel particular satisfaction when the work is completed and get the notification. Now, consider this notification comes together with a reward (like a badge or sticker, for instance). It may amplify the user\u2019s satisfaction even more.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu hf\">\n<div class=\"kk s ew kl\">\n<div class=\"km kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/1*njhw8pGg0kPHZAE5M90f_g.gif\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Clash of clans\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/Heshammohamed\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Hesham mohamed<\/a><\/figcaption><\/figure>\n<h2 id=\"95e0\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Leaderboard<\/h2>\n<p id=\"107a\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">Nothing makes the challenge as sweet as the alluring opportunity of becoming the leader. The competition is another crucial factor turning a mobile app UX into an even more exciting and adventurous activity.<\/p>\n<p id=\"fac6\" class=\"pw-post-body-paragraph hw hx dp hy b hz ia ib ic id ie if ig ih ii ij ik il im in io ip iq ir is it dh em\" data-selectable-paragraph=\"\">You know, my friend has been learning a foreign language using an educational app with a leaderboard. It seemed that none of the participants could sleep well until the learning course leader was defined at the end of the day based on the number of points gathered when tasks were performed. These people were competing like crazy every single day. It\u2019s a funny case, LOL. But it\u2019s a great example of how the leaderboard can motivate us to grow.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu ln\">\n<div class=\"kk s ew kl\">\n<div class=\"km kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/0*uUsDOLJEVMfDZ2Nq\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Leaderboard Screens by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/KaranMenon\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Karan Menon<\/a><\/figcaption><\/figure>\n<h2 id=\"93de\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Challenge<\/h2>\n<p id=\"b789\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">At its heart, the human being is the creature that evolves, taking new challenges and learning how to tackle them. We love challenges. At least we should. Most of us perceive them as opportunities to try ourselves and define our limits. On the one hand, they make us step out of our comfort zone, empowering us to reach new heights. On the other hand, they engage us, turning boring stuff into an adventurous activity. Applied in mobile and web UX, this gamification technique helps motivate users to try new experiences and learn more about the product.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu ln\">\n<div class=\"kk s ew kl\">\n<div class=\"lo kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/0*DccFI_3SsagxhTNZ\" alt=\"\" width=\"700\" height=\"526\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Mobile Banking by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/SergiMi\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">S\u00e8rgi Mi<\/a>\u00a0for\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/Fireart-d\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Fireart Studio<\/a><\/figcaption><\/figure>\n<h2 id=\"c35a\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Points<\/h2>\n<p id=\"c7fc\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">Many games use the point system to demonstrate the player\u2019s progress. It enables users to see how much is done and how much is ahead. It\u2019s a stimulus boosting them to proceed with completing the tasks. Gamified digital products may include points to measure the user\u2019s success as well. This technique is the most widely used in language-learning applications, productivity apps, time-management apps, task managers, and various educational apps.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu ln\">\n<div class=\"kk s ew kl\">\n<div class=\"lp kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/0*uD4sOC0j2GW6uQjl\" alt=\"\" width=\"700\" height=\"529\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">UI Design by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/Fireart-d\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Fireart Studio<\/a><\/figcaption><\/figure>\n<h2 id=\"5f56\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Journey<\/h2>\n<p id=\"1713\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">This game mechanics means onboarding users step by step, turning their experience with a product into a personal journey. Usually, it\u2019s recommended to use the \u201cscaffolding\u201d technique to introduce new features as the user becomes more experienced gradually. This practice allows people to feel like real players discovering new product features during the app\u2019s exciting journey. It feels like a game and adventure, and yes, it improves the user\u2019s interaction with a product, making it smoother and more enjoyable.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu hf\">\n<div class=\"kk s ew kl\">\n<div class=\"km kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/1*CG59dIt5UGO7CKB6AZD60A.gif\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Onboarding Flow by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/slavomier\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Slavo Glinsky<\/a><\/figcaption><\/figure>\n<h2 id=\"ea97\" class=\"kw jf dp bp jg kx ky kz jj la lb lc jm ld le lf jq lg lh li ju lj lk ll jy lm em\" data-selectable-paragraph=\"\">Constraints<\/h2>\n<p id=\"6a61\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">Constraints. Limitations. Deadlines. It doesn\u2019t sound funny at all, right? However, it still is the game element. Countdowns are often used in games to motivate players to complete a certain level or task within a limited time. Although constraints seem to create psychological tension for the users (nobody says it\u2019s not true, LOL \ud83d\ude42 ), they also motivate them to react faster and take action. Actually, many users need and want to be limited in time to be inspired and become more productive. It\u2019s an excellent opportunity for you, as the designer, to address the user\u2019s needs.<\/p>\n<figure class=\"ka kb kc kd ke hk ct cu paragraph-image\">\n<div class=\"hl hm ew hn aj ho\" role=\"button\">\n<div class=\"ct cu hf\">\n<div class=\"kk s ew kl\">\n<div class=\"km kn s\">\n<div class=\"kf kg t u v kh aj au ki kj\"><img loading=\"lazy\" decoding=\"async\" class=\"t u v kh aj ko kp ta wq\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/60\/0*DuPjwy42v10HEnaJ?q=20\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"nt sm t u v kh aj c\" role=\"presentation\" src=\"https:\/\/miro.medium.com\/max\/700\/0*DuPjwy42v10HEnaJ\" alt=\"\" width=\"700\" height=\"525\" \/><\/div>\n<\/div>\n<\/div>\n<\/div><figcaption class=\"hr hs cv ct cu ht hu bp b ey br gq\" data-selectable-paragraph=\"\">Trivia Game App by\u00a0<a class=\"bv hv\" href=\"https:\/\/dribbble.com\/dannniel\" target=\"_blank\" rel=\"noopener ugc nofollow noreferrer\">Dannniel<\/a><\/figcaption><\/figure>\n<h1 id=\"bdf8\" class=\"je jf dp bp jg jh ji ib jj jk jl if jm jn jo jp jq jr js jt ju jv jw jx jy jz em\" data-selectable-paragraph=\"\">The role of gamification in user experience<\/h1>\n<p id=\"3b49\" class=\"pw-post-body-paragraph hw hx dp hy b hz kr ib ic id ks if ig ih kt ij ik il ku in io ip kv ir is it dh em\" data-selectable-paragraph=\"\">The role of gamification? It\u2019s amazing, fun, and extremely important. Gamification turns the user\u2019s interaction with a product into an unforgettable experience full of adventures, fun challenges, and the pleasure of the win. Different types of game mechanics allow us to create particular experiences and evoke a specific spectrum of the user\u2019s emotions.<\/p>\n<p id=\"bd3b\" class=\"pw-post-body-paragraph hw hx dp hy b hz ia ib ic id ie if ig ih ii ij ik il im in io ip iq ir is it dh em\" data-selectable-paragraph=\"\">Think of that from the empathic UX perspective. Gamification empowers you to drive the human emotions that automatically means your product has more chances to become successful because it gets the user\u2019s reaction. It\u2019s not unnoticed and quickly forgotten. It becomes remarkable and stand-out.<\/p>\n<p>Sources: <a href=\"https:\/\/medium.muz.li\/gamification-in-ux-design-designing-fun-experiences-for-serious-situations-5a55e2d6a730\">Gamification in UX Design: Designing Fun Experiences for Serious Situations | by Dana Kachan | Muzli &#8211; Design Inspiration<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gamification has become one of the most exciting UX design trends in recent years. Regardless of the \u201cseriousness\u201d of the tasks we perform using apps, we still prefer those mobile experiences that give us laughter and fun. Gamification can become an excellent solution for many apps. It empowers us to transform even the most tedious [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":505,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/504"}],"collection":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":0,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media\/505"}],"wp:attachment":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}