https://www.delightfulproducts.org/posts daily 0.75 2021-08-12 https://www.delightfulproducts.org/posts/motion monthly 0.5 2020-07-08 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed4580248814c0a32911071/1594181311952/ezgif-4-544f97be27f8.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5edc3ee35766ec0ed8141838/5edc3eff74da2f6b54988c23/1594181312021/1_GzhhRuXhpSls9UDNbr5uCQ.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5edc3ee35766ec0ed8141838/5edc3ee49ae1433b3aa4ee01/1594181312016/daniel-image.png Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed46a0a816525165b8fdcee/1594181312038/1_3i0h1Q4uWfx1fA08GaPOCw.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed4584b123e6107725bf115/1594181311957/ezgif-4-90d683cdb040.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed4141248814c0a32880de9/1594181311965/Motion+Graphics+-+Informational Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5ed460e5939ba41cd17a423b/5ed461447f741f7a2f4e2acf/1594181311948/ezgif-4-564bdd2dea0d.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5ed460e5939ba41cd17a423b/5ed460e5bca31d52af3da7de/1594181311942/Screen+Shot+2020-05-31+at+6.58.49+PM.png Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed35571f426f87f63286af6/1594181311937/Captain+Underpants+Flip-O-Rama Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed415739aade127953a3e3c/1594181311974/Motion+Graphics+-+Expressive Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed46919d1fbb47d9753696c/1594181312026/1_liFYaveAeSToocbX9RxPLw.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed43f0fe5817a02bad83462/1594181311993/Nudge+GIF Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed43114c189e7392e4a3871/1594181311986/Grocery+Shopping+by+Mauricio+Bucardo Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed46af1ff1f544b3b5c3bb4/1594181312042/1_Nj2EzGOskF51B5AKuR-szw.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed42ee552706d0512af2601/1594181311978/Daniel+Tan+-+Haruki+Murakami+Concept Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed4689248814c0a3293106a/1594181312030/1_7rRMvWTms2t7FnR0kyJN3g.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed43261c189e7392e4a61bb/1594181311990/ezgif-4-c8d12c83cad7.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed458a0def8546a01d96bb8/1594181311961/ezgif-4-5154637b5bca.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5ed35c3f71525e120c5d2694/5ed35c85b97d276149a795cb/1594181312002/ezgif-4-f62a78b79173.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5ed35c3f71525e120c5d2694/5ed35c3fff1f544b3b3e508a/1594181311997/148344261a789f23e06fc2186d8ae520.png Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5edc3f934191b966b7149762/5edc400a89d95f3735de5153/1594181312012/semi.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/5edc3f934191b966b7149762/5edc3f935766ec0ed8142df2/1594181312006/100996529_1157559787931562_9001282293045657600_n.jpg Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed469a9b4a2b057f391771a/1594181312034/animated-motion-graphics.gif Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed414b1123e61077252d4a0/1594181311969/Motion+Graphics+-+Focusing Issues - Issue 1: Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed42fedc189e7392e4a18ca/1594181311982/Custom+Like+Animation+by+Margarita+Ivanchikova Issues - Issue 1: Motion https://www.delightfulproducts.org/posts/daniel-tan monthly 0.5 2020-08-19 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed888e940304e5e61f7b590/1597817067094/daniel-image.png Issues - Daniel Tan of Tofu Design https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed88493df72c14cdc6699a6/1597817067098/ezgif-3-97cd646e8676.gif Issues - Daniel Tan of Tofu Design ⤷ Daniel’s Olympic Sports Website plays with continuous animation and immersive depth to create an “explosive effect”. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed886128d608f78a7a5f100/1597817067107/ezgif-3-cb78d0462d98.gif Issues - Daniel Tan of Tofu Design ⤷ Climate & Animals: Extinction Crisis, by Daniel Tan of Tofu Design https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed886c74c619356588d38c6/1597817067110/919a3a68257851.5b6fcdce54ba8.gif Issues - Daniel Tan of Tofu Design ⤷ Tofu Design’s delightfully “jiggly” logo & title animation | Read about how tofu inspired their design studio here https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed88827611dc04dc4c815f0/1597817067114/Screen+Shot+2020-06-03+at+10.35.20+PM.png Issues - Daniel Tan of Tofu Design ⤷ Daniel’s Behance Page | Another fantastic source of inspiration. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed881668d608f78a7a5841a/1597817067102/ezgif-3-dae677d4f641.gif Issues - Daniel Tan of Tofu Design ⤷ Daniel’s Concept Haruki Murakami Book Author Site, inspired by the feeling of reading a Murakami book, “a sense of fantasy and openness”. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed88b6ee1acba03d2f9d21b/1597817067118/DanielTan.png Issues - Daniel Tan of Tofu Design https://www.delightfulproducts.org/posts/play monthly 0.5 2020-09-22 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cb4ae8645e045e1dccf5a/1600749419632/Graphic+Design+Play+Book Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ca746f7fa1e5583ad2c5a/1600749419623/Plant+Nanny Issues - Issue 3: Play ⤷ Video snippet courtesy of Plant Nanny https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b72652fce70474b870f99/1600749419643/Crayon+Data+Logo Issues - Issue 3: Play ⤷ Animation courtesy of Crayon Data https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ca950f69bd73dc28b3f24/1600749419626/Zombies%2C+Run%21 Issues - Issue 3: Play ⤷ Video snippet courtesy of Zombies, Run! https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3c9d9e0bc87a6e02c59ec8/1600749419612/PlayTypes2.png Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b6dae2f12333a3bf914dd/1600749419637/Coy%21+Communications%3A+Youth+Culture Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cbfa3f7fa1e5583af5acf/1600749419629/elizabeth-horizontal.jpg Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cb5ad3d95e537c0cb8688/1600749419635/Learning+Playgrounds Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ca05682d51e18e92c67b3/1600749419615/Choose+Your+Own+Adventure+Quest Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b6ed2878a1656e3f17574/1600749419640/Richard+Hutton Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cd5a7431b73526c430869/1600749419598/animation_200_ke0z3szb.gif Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b81af2bdfc62156216ec8/1600749419606/Acting+GIF Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b83137b401a594310f3f1/1600749419609/Paper+Sailboat+Animation Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b806e23d0af47094e7e4d/1600749419601/Trophy+GIF Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3b814d057b6a4e6577ef46/1600749419604/Dice+Animation Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cbb1349880640e2a7bfcb/1600749419646/Let%27s+Play Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cbd9036dbe60157df4d18/1600749419590/Play+in+Products Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cbdef99e5cd0f83ca8fe1/1600749419595/Creatives Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ca3eda0bc741f2e2e0a57/1600749419621/Bounty+Tasker Issues - Issue 3: Play https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ca1dee527ad70e39592cb/1600749419618/Quest+Animation Issues - Issue 3: Play https://www.delightfulproducts.org/posts/elizabeth-lin monthly 0.5 2020-08-19 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ccd638a32d21577510192/1597820277285/elizabeth-portrait.jpeg Issues - Elizabeth Lin https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cd03555e4a94af1bf3d11/1597821110717/thumb-labs.a9691c3b.gif Issues - Elizabeth Lin ⤷ An example of real-time collaboration in Figma, from one of Elizabeth’s classes | Read more about “Creating the Lambda Labs design student experience” https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ccf52fdf8ac68a529fa36/1597820866587/ezgif-6-a2269bc56441.gif Issues - Elizabeth Lin ⤷ An example of the visual emotion activity | Read more about “Teaching Visual Design” https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3ce521d452546d3eb65c23/1597826342249/ELin.png Issues - Elizabeth Lin https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cd207eda20009a575f350/1597821549154/52dac144a8b3609184ccac13dba64611c4af2d02.gif Issues - Elizabeth Lin ⤷ A look at the trial class for GUI through Art History | Explore the curriculum https://www.delightfulproducts.org/posts/andrew-eugene monthly 0.5 2020-06-08 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed58ed6c32806299abde0a2/1591245835776/100996529_1157559787931562_9001282293045657600_n.jpg Issues - Andrew Eugene https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed734d5659fc92f865cd785/1591654965296/Screen+Shot+2020-06-02+at+10.27.36+PM.png Issues - Andrew Eugene ⤷ Andrew’s Dribbble account | Follow him for your own inspiration! https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed73430020b082be059f11b/1591654962764/1_boQYFGPLtlDof3RRs124bQ.gif Issues - Andrew Eugene ⤷ Issara Willenskomer’s 12 Principles of UX in Motion https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed737d99d9c001666970a44/1591654972541/Screen+Shot+2020-06-02+at+10.40.29+PM.png Issues - Andrew Eugene ⤷ Zocial Earn | A referrals-based platform for merchants and social network users. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed735f7238c6011ad0d7ca0/1591654969489/ezgif-3-7562fe8f3194.gif Issues - Andrew Eugene ⤷ Add to Cart Interaction, by Dannniel | The very first interaction that inspired Andrew. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed732a47f9a804c65917748/1591654959769/ Issues - Andrew Eugene ⤷ Andrew’s 404 Page Concept, featuring a subtle, floating animation style. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed58c4b7c86803106f6cc49/1591245835802/225f4618e3ba3f61d976d5744ae7d51a.png Issues - Andrew Eugene https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5ed73032fd86f82652be67c7/1591654956368/ Issues - Andrew Eugene ⤷ Andrew’s Movie Library Concept | Click the link for full sound! https://www.delightfulproducts.org/posts/personality monthly 0.5 2020-08-18 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f07f5b6f9ea237b87625b2f/1597727283522/search.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f056778e413f650d2973204/1597727283471/animation_300_kcczd1sq.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f08070d20d98161b7dab354/1597727283548/tenor.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f056a612bf0e26cbd8de6e8/1597727283480/ezgif-6-6e09b6362994.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f055352868f662ef0b94d0e/1597727283484/Leary.png Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f0808e57594eb11c44a6fd4/1597727283508/source.gif Issues - Issue 2: Personality Image courtesy of Giphy https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f055db96c73e06e9cb6a63f/1597727283501/animation_200_kccxvyrv.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f055c4cf6680542c541b566/1597727283496/animation_200_kccxo6wp.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f0566bc609adf360bf19440/1597727283476/animation_300_kccz92ft.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f07fd5206f7b76467728c1a/1597727283535/Screen+Shot+2020-07-09+at+10.31.45+PM.png Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f07f4a97594eb11c448b028/1597727283517/onboarding.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f05635ee52cfa1d1d725f54/1597727283488/animation_200_kccyqyuv.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f0808525417cf51de3932b1/1597727283504/ Issues - Issue 2: Personality Image courtesy of Tigran Manukyan https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f07f7900268093cb3231b69/1597727283527/adventure.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f0801227594eb11c449c31b/1597727283531/brand_archetypes_01.gif Issues - Issue 2: Personality Image courtesy of Studio Day Job https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f0800c52466bc506651fe09/1597727283539/521aed14dc21738b7e4124a11aad266b.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f055d4832cb98544ffd1186/1597727283492/animation_200_kccxtjhk.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f080997e5857b7af39001a8/1597727283513/5d35e39988e3a183bdc3a9d2570d20a9.gif Issues - Issue 2: Personality Image courtesy of Dany Arkan https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f080078a37098761286119b/1597727283544/ezgif.com-video-to-gif.gif Issues - Issue 2: Personality https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f05484af5edb16b874fd375/1597727283466/yEAzASO.jpg Issues - Issue 2: Personality https://www.delightfulproducts.org/posts/illustration monthly 0.5 2020-10-21 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae383db675467a68a1444/1603311815927/Screen+Shot+2020-09-22+at+10.54.39+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6afee4d17cb05cb14bc122/1603311815891/giphy+%289%29.gif Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ac95670018d1cbf7fb5b7/1603311815902/Robinhood Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae714cba9264218d38120/1603311815936/Screen+Shot+2020-09-22+at+11.11.23+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae86d70018d1cbf82582f/1603311815940/1_givBHU911PYWM-H8HqYT_g.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6adb0305bd7d5c88725907/1603311815922/Screen+Shot+2020-09-22+at+10.19.52+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6afe489f9cd465a8672b68/1603311815894/giphy+%288%29.gif Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad024c3daac1a522f396f/1603311815951/AIrbnb+Case+Study Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6afd956b3008416ba88d3d/1603311815886/giphy+%286%29.gif Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad3b8db675467a688aeda/1603311815883/Robinhood+Onboarding Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae9c505bd7d5c88738698/1603311815955/Screen+Shot+2020-09-22+at+11.22.49+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae0179f9cd465a864c812/1603311815924/Screen+Shot+2020-09-22+at+10.39.14+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad7358348226f1a4cbd7e/1603311815919/before_after.jpg Issues - Issue 4: Illustration ⤷ From Airbnb: The transition from the old style (left) to the new (right) https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6981838845065eabdff78e/1603311815871/Notion Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae5b86b11f00d56cbc7e7/1603311815933/Screen+Shot+2020-09-22+at+11.05.29+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6adcc26b3008416ba5d57d/1603311815930/Screen+Shot+2020-09-22+at+10.27.16+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f698119bdf79a75853ce5ee/1603311815868/Airbnb+Homepage Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6aca71a7b2294e5dbe9f41/1603311815905/Mailchimp+Send+Campaign Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f69819d2381782913ab1f69/1603311815875/Robinhood Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad4a4db675467a688c727/1603311815912/host-and-guests-with-app.jpg Issues - Issue 4: Illustration ⤷ From Airbnb: A host communicates with her guests through the Airbnb app https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ae93bdb675467a68a7e94/1603311815943/Screen+Shot+2020-09-22+at+11.20.35+PM.png Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ac8a3b12d922ff6db3668/1603311815897/endel.gif Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6af32e70642b5e902b6cfd/1603311816179/giphy+%285%29.gif Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6acbd1db675467a6880000/1603311815908/Hostelworld+iOS+App Issues - Issue 4: Illustration ⤷ Image from MarvelApp Blog https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad30915d0153272c4f600/1603311815879/Airbnb+App Issues - Issue 4: Illustration https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6aea3d6b11f00d56cc1a72/1603311816165/5ee67f63851b1a4e8374c4d7_ezgif-6-89cf804f1d6f.gif Issues - Issue 4: Illustration ⤷ Animation courtesy of Brandy https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6ad6ea7e67e67f0e3409f9/1603311815915/old_style.jpg Issues - Issue 4: Illustration ⤷ From Airbnb: Different illustration styles used in the platform before 2018 https://www.delightfulproducts.org/posts/onboarding monthly 0.5 2020-11-24 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9098c7c584ba7680421ed0/1600848177760/giphy+%288%29.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9098c7c584ba7680421eca/1600848182515/giphy+%286%29.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f910ab8e99f5b2e9aa99792/1606195063940/soapbox_motivation_email_example.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f910b4243e34c13f5980d91/1606195063943/dropbox-onboarding-success.png Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f911c1f8363457e25a9c27b/1606195063926/ezgif-3-02cffde19ab1.gif Issues - Issue 5: Onboarding ⤷ Ship animation courtesy of Alexandra B https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f91222ab5b1d1382628cc5b/1606195063954/giphy+%2810%29.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9098c7c584ba7680421ecd/1600848173858/giphy+%289%29.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9119de585dd565cc37f1ec/1606195063918/apps-apps-everywhere.jpg Issues - Issue 5: Onboarding ⤷ Buzz has got it right— apps are everywhere these days! https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f911f4351c9a70f231cd5a3/1606195063948/5c915b9ddedf0e1d33a41c02_5c2a424d131f0252c976adba_duolingo-register-prompt.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f911d961ed0c934c74598e9/1606195063928/ezgif-3-74d0488a0842.gif Issues - Issue 5: Onboarding ⤷ Animation courtesy of Arianna Cristiano & Laurentiu Lunic https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f90f625c6f7d869ef830556/1606195063931/asana-select-1.png Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f911a1a2a3aec211b4b88bd/1606195063922/0+%284%29.jpeg Issues - Issue 5: Onboarding ⤷ Retention curves for Android apps, courtesy of Andrew Chen https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f910b61f04d99158a75762c/1606195063945/Screen+Shot+2020-10-21+at+12.36.51+PM.png Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f91226443e34c13f59a0edc/1606195063951/giphy+%2811%29.gif Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9098c7c584ba7680421efd/1600842066524/Screen+Shot+2020-09-22+at+11.20.35+PM.png Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f90f6429a7e0f1727492a31/1606195063934/asana-onboarding-marketing.png Issues - Issue 5: Onboarding https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f910a138363457e25a80158/1606195063937/5d38a5064d19390a79467757_grammarly-5.gif Issues - Issue 5: Onboarding https://www.delightfulproducts.org/posts/color monthly 0.5 2021-02-15 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcbf39dae50a0145812b2c/1613373519981/A+horizontal+lineup+of+Google%27s+lates+app+icons.+They+all+have+similar+shapes+and+colors+and+are+difficult+to+tell+apart. Issues - Issue 6: Color ⤷ Image courtesy of Android Police https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbc995eb4c4d833b8b4b01c/1613373519914/A+chart+of+14+Among+Us+player+colors%2C+with+the+color+scheme+showing+shades+of+blue%2C+yellow%2C+and+gray.+In+the+image%2C+several+colors+look+indistinguishable.+Red+and+brown+look+the+same.+Purple+and+blue+look+similar.+Cyan+and+white+look+the+same.+Green+and+fortegreen+also+look+the+same. Issues - Issue 6: Color ⤷ Source: Umma Desai, from "The UX of Among Us" https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcb96cb7a66e04eaee9cb9/1613373519958/Image+of+a+card+with+an+image+of+a+plant.+A+semi-transparent+pink+colored+layer+increases+the+readability+of+the+black+text+overlaid+on+top. Issues - Issue 6: Color ⤷ A UI example, courtesy of Google Material Design https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcbe518bc8713fe6f79e8c/1613373519978/Image+of+a+travel+app+with+a+list+of+selected+filters%2C+displaying+red+checkboxes+and+a+purple+button.+At+the+bottom%2C+an+orange+error+message+appears%2C+above+the+red+checkboxes. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcb69979c08c7f2b984d28/1613373519947/On+the+left%2C+a+color+palette+of+yellow%2C+blue%2C+and+red.+On+the+right%2C+a+series+of+screenshots+of+the+app+with+colors+applied+to+different+sections. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc6598bc8713fe6f83685/1613373519987/Screenshot+of+Khroma%2C+an+AI-powered+app+that+helps+you+uncover+color+palettes+you+love. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc78c3fdc31513a0a86d3/1613373519999/Screenshot+of+the+article. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbc98731491241adc3c7f4a/1613373519910/An+image+of+the+Sherwin+Williams+logo.+A+vertical%2C+rectangular+background+of+blue.+Above+large%2C+all+caps+white+text+at+the+bottom+is+the+word+%22Sherwin+Williams%22.+Above+the+text+is+an+image+of+an+upside-down+paint+can+with+the+initial%2C+%22SWP%22%2C+and+a+waterfall+of+blood-red+paint+pours+out%2C+overflowing+across+the+surface+of+a+globe.+A+tagline+in+white+above+the+red+paint+reads%2C+%22Cover+the+earth%22. Issues - Issue 6: Color ⤷ Source: Sherwin-Williams https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcaede64a3cc40589d62b5/1613373519928/Animation+of+3+circles+in+a+spotlight.+Each+circle+is+slightly+translucent+and+overlaps+one+another.+A+rainbow+border+is+drawn+around+the+sides+of+the+image. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbc99ce3ca23154c95292f0/1613373519917/A+screenshot+from+Among+Us%2C+with+a+color+filter+applied+halfway+across+the+image%2C+like+a+split+screen.+The+left+half+of+the+image+is+displayed+in+full+color%2C+of+broken+wires+in+a+metal+box.+On+the+left%2C+the+wires+from+top+to+bottom+are+yellow%2C+blue%2C+pink%2C+and+red.+On+the+right%2C+the+wires+from+top+to+bottom+are+red%2C+blue%2C+yellow%2C+and+pink.+Players+must+connect+the+left+side+to+the+right.+On+the+right+of+the+full-color+image+is+an+image+in+gray+scale.+You+cannot+tell+any+colors+apart+in+the+gray+scale+image. Issues - Issue 6: Color ⤷ Source: BaconShadow, "Colorblind fix wiring but you're colorblind too" https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc452ec0a1d2b4e509e93/1613373519961/Animation+of+a+coin+with+a+fire+illustration.+A+shine+appears+along+the+coin. Issues - Issue 6: Color ⤷ Animation courtesy of Chethan https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc6a429c5e26690208884/1613373519990/Screenshot+of+Canva+Color+Meanings Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbc97c7edabee7b44fe24ae/1613373519906/New+Google+Icons Issues - Issue 6: Color ⤷ Source: Reddit https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcaebd6a371610b870672e/1613373519924/Animation+of+a+flower+opening+up.+Each+petal+is+slightly+translucent+and+a+different+color+of+the+rainbow. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcaf0e2edfcd2bda8a29c3/1613373519931/An+animation+of+a+spinning+rainbow+in+a+circle. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcb60a45ca4f79025f705b/1613373519944/Image+of+a+mobile+app%2C+with+a+purple+backdrop+and+white+card+overlaid+atop. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc1d1ef3361272ae6697d/1613373519984/Image+of+5+circles%2C+each+showing+pointilist+dots+which+form+different+numbers. Issues - Issue 6: Color ⤷ Examples of Ishihara tests, courtesy of Web Eye Clinic https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc33e2c6de34c7a3393c9/1613373519940/Animation+of+a+laptop%2C+with+plants+waving+around+it.+On+screen%2C+three+shapes+of+different+color--+red%2C+purple%2C+and+green--+swap+positions+with+each+other+in+a+row. Issues - Issue 6: Color ⤷ Animation courtesy of Goyo https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcbe221af5bf52c321b9c2/1613373519975/Image+of+a+travel+app+with+a+list+of+selected+filters%2C+displaying+red+checkboxes+and+a+purple+button.+At+the+bottom%2C+a+red+error+message+appears%2C+above+the+red+checkboxes. Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc6e445ca4f790260d371/1613373519993/Screenshot+of+Happy+Hues Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcbb0cb7a66e04eaeeb33b/1613373519963/An+image+of+an+education+app%2C+OWL.+The+background+is+a+bright+yellow+and+the+interface+shows+options+for+users+to+select+topics+that+interest+them.+Below%2C+there+are+rectangular+horizontal+cards+with+topics%2C+such+as+%22Photography%22%2C+%22Music%22%2C+%22Gaming%22%2C+and+%22Technology%22.+Selected+cards+show+a+pink+overlay+and+black+check+mark. Issues - Issue 6: Color ⤷ From Owl, an education app https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc74e1af5bf52c322710d/1613373519995/Screenshot+of+We+Are+Colorblind Issues - Issue 6: Color https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcb090dae50a01457ffb3f/1613373519934/Animation+of+colorful+shapes+bouncing+atop+a+horizontal+black+line%2C+overlaid+on+a+yellow+background. Issues - Issue 6: Color ⤷ Color animation, courtesy of Kanrad https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc3da64be903ae63ac8d7/1613373519954/Animation+of+a+book+with+a+dark+blue+cover+popping+up.+As+it+appears%2C+lines+depicting+text+unfold+on+its+cover+and+a+yellow+bookmark+emerges+to+drape+against+the+cover. Issues - Issue 6: Color ⤷ Animation courtesy of Spencer Lalonde https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcb2411491241adc3ebed9/1613373519937/singinsignup.jpg Issues - Issue 6: Color ⤷ A UI example from Vandelay Design https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcbb7429c5e266901f7867/1613373519967/A+news+app+called+%22Fortnightly%22%2C+which+shows+an+example+article%2C+%22Poverty+to+Empowerment+in+Chicago%22.+The+interface+is+mostly+white%2C+with+black+bold+text%2C+drawing+the+eye+to+a+central+image+of+a+homeless+person+lying+on+a+bench%2C+wearing+a+red+jacket. Issues - Issue 6: Color ⤷ From Fortnightly, a news app https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc4feec0a1d2b4e50a9f9/1613373519972/Animation+of+two+groups+of+5+circles.+One+group+is+yellow+and+the+other+group+is+blue.+They+circle+each+other. Issues - Issue 6: Color ⤷ Animation courtesy of Manoj Kumar https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5fbcc89d3ca23154c95666d4/1613373520002/Animation+of+the+Simpsons.+Lisa+turns+to+Bart+and+says%2C+%22Wow+look+at+all+the+colors%2C+man%21%22 Issues - Issue 6: Color https://www.delightfulproducts.org/posts/flow monthly 0.5 2021-03-21 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a37cc4833c90da83bccbf/1616295315028/Cover+of+Nir+Eyal%27s+book%2C+%22Indistractible%22.+A+bright+yellow+cover+with+the+title+%22Indistractable%3A+How+to+control+your+attention+and+choose+your+life.%22 Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a30f872b86832436ce126/1616295314978/44028-flower-animation4.gif Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a30e81140e20c4045b51d/1616295314975/42640-flower-animation.gif Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a2e3d275c2b39ebdcfdaa/1616295314986/Csikszentmihalyis-flow-channel-shows-the-relation-between-challenges-and-player-skills.png Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a2552c165a2198dd47eac/1616295314996/Notion+Screenshot%3A+A+video+showing+the+Notion+interface.+The+user+selects+from+a+side+menu+of+different+options+%28Design%2C+Engineering%2C+Human+Resources%29.+Each+item+contains+sample+templates%2C+which+appear+preloaded+on+the+screen+for+the+user+to+select+from. Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a3336ab0deb12bba8c686/1616295315000/duolingo-welldone.gif Issues - Issue 7: Flow ⤷ Example of a slide transition from Duolingo https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a34a8db12250c43886ca2/1616295315004/ezgif-7-cd945f45496b.gif Issues - Issue 7: Flow ⤷ Button microinteraction from Nate Nichols https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a2699963d572651093ce7/1616295315008/0_cL6aChiUnl0H5aqm.jpg Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a266cb341c828b3ab5983/1616295315011/0_U7PM3nTZoiZ5qQQ9.png Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a30d0c6bed064bd4792ad/1616295314970/42745-flower3.gif Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a3774e5d7be134f18e8f2/1616295315024/Image+from+Sean%27s+article+on+game+design+and+psychology.+Depicts+a+chart+of+game+feedback+over+time+and+player+actions. Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a3598750e046ac958456d/1616295315014/Image+of+the+flow+profile+report.+Title+reads%2C+%22Flow+Profiles+Unpacked%3A+a+breakdown+of+the+four+Flow+Profiles%22. Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a2423fcff027e85174b15/1616295314989/Product+Flow+Framework.png Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a361172b86832436d0a28/1616295315017/Screencap+from+Mihaly%27s+Ted+Talk+on+Flow. Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a368db441e6035c531484/1616295315021/Screenshot+of+Sebastien%27s+article%2C+%22What+product+management+can+learn+from+psychology%22. Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a24acd87cf20888fd2051/1616295314993/Screen+Shot+2021-02-14+at+11.04.17+PM.png Issues - Issue 7: Flow https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a2db8b441e6035c52bf35/1616295314982/23189-watering-flowers.gif Issues - Issue 7: Flow ⤷ Watering flowers animation, courtesy of Sant Rojas https://www.delightfulproducts.org/posts/simplicity monthly 0.5 2021-08-12 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056b61e4198d7194cc0f393/1628800772299/Simplicity%3A+The+quality+or+condition+of+being+easy+to+understand+or+do. Issues - Issue 8: Simplicity https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056cd97fabb522b0f39610c/1628800772313/giphy+%283%29.gif Issues - Issue 8: Simplicity https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056c03f9d0803023ba4b3b0/1628800772306/ezgif-1-3641868ed9d6.gif Issues - Issue 8: Simplicity ⤷ Above: By default, Netflix automatically starts playing video content, so that people can solve their entertainment needs as quickly as possible. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056c50af2e79040b7b3b58e/1628800772309/Acrylic+puzzle+pieces+with+a+gradient+pattern.+In+the+middle+of+the+image%2C+a+few+pieces+are+connected+to+each+other. Issues - Issue 8: Simplicity ⤷ Above: Puzzles are a great example of Gestalt theory in action. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056df2931e52416d662ec5c/1628800772303/Simple+Product+Framework.png Issues - Issue 8: Simplicity https://www.delightfulproducts.org/posts/surprise monthly 0.5 2021-08-12 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159752d7e1135041241071/1628805162907/A+GIF+showing+a+segment+from+Spotify%27s+Wrapped+2020+results. Issues - Issue 9: Surprise ⤷ Above: A segment from Spotify’s Wrapped 2020 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159fa375d6553fc3623915/1628807122908/47336-online-shopping-search-product-concept-animation.gif Issues - Issue 9: Surprise - Make it stand out ⤷ Above: Animation courtesy of Abdul Latif https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6115a189fa88e830505a3703/1628807588841/66975-online-learning-animation.gif Issues - Issue 9: Surprise - Make it stand out ⤷ Above: Animation courtesy of Creative Studio https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6115ad69295f857705daccc5/1628810607370/Surprise+Definition.png Issues - Issue 9: Surprise - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61158a036d318b288c40d103/1628804560662/Image+of+the+Apple+Macintosh+II+computer. Issues - Issue 9: Surprise - Make it stand out ⤷ Above: Image of the Apple Macintosh II, 1984. (Courtesy of PCGamer) https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159cf3bd670d19c0b9df4f/1628807099212/67618-think-tank.gif Issues - Issue 9: Surprise - Make it stand out ⤷ Above: Animation courtesy of Maksim Turkov https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159d5ef226cd681aec8f8c/1628806777171/GIF+of+brain Issues - Issue 9: Surprise - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6115a05843874028e031b203/1628807261539/animation_300_ks9hrfz0.gif Issues - Issue 9: Surprise - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6115a07b7ac08d15944392a2/1628807293669/animation_300_ks9hstz0.gif Issues - Issue 9: Surprise - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159802255372394b93a356/1628807579639/A+screenshot+of+the+2021+Lemonade+Giveback+report. Issues - Issue 9: Surprise - Make it stand out ⤷ Above: One of the many beautiful visual interactions from the 2021 Lemonade Giveback Report. https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61158adec5caeb017619e1f2/1628806431932/Image+of+a+fanmade+Windows+ad.+Title+reads+%22Evolution+of+PCs.%22+Below%2C+a+series+of+Windows+devices+displayed+in+a+row%2C+appear+to+be+disappearing+into+the+screen.+In+the+bottom-right%2C+a+logo+for+%22Windows+8%22. Issues - Issue 9: Surprise - Make it stand out ⤷ Above: A fan-made Windows ad, 2012. (Courtesy of MetroUI) https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6115957a4048c54be1b154f1/1628804666599/Screenshot+of+Lookout%27s+mobile+onboarding. Issues - Issue 9: Surprise ⤷ Above: Lookout's mobile onboarding. It uses a simple 4-question quiz to educate new users about key features. (Courtesy of JustInMind) https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61159a0620e6886ec8facf29/1628805662382/GIF+of+person+saying%2C+%22What+a+surprise%22. Issues - Issue 9: Surprise https://www.delightfulproducts.org/home daily 1.0 2021-08-13 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6116067ed2821f050c771e44/1628833415208/67618-think-tank.gif Home ⇨Issue 9: Surprise Surprise is a powerful emotion- one that has been shown to increase recognition, focus, attention, and recall. In this issue, we explore the element of surprise. Share this post on Twitter or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/61160647f0e9896832e127b6/1616303219710/Yq8zK4x+%281%29.gif Home ⇨Issue 8: Simplicity Clunky. Confusing. Too many features. We've all experienced products like that before. But how do we take steps to keep our products simple? In this issue: the power of product simplicity. Share this post on Twitter or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/6056d3fd3e719350773465b4/1616303096004/ezgif-2-25994aed9619.gif Home ⇨Issue 7: Flow Flow is an optimal state of focus, resulting in happiness, creativity, and satisfaction. So why does our tech create so much anxiety? In this issue, learn 4 steps for designing products with flow. Share this post on Twitter or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/602a3abcf4275a2cb1f9bbd6/1606208731823/35113-design-process.gif Home ⇨Issue 6: Color In design, color is critical for usability, conversion, and in emotions. In this issue, we teach you how to use color to make products more delightful and effective. Share this post on Twitter or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f9125bc4ae53632cdee3085/1603348123261/ezgif-3-02cffde19ab1.gif Home ⇨Issue 5: Onboarding Did you know that 77% of users stop using a new app within the first 3 days? To prevent drop-off, it’s critical that your onboarding is timely, relevant, and contextual. Read on to learn how to drastically improve yours ⤵️ Share this post on Facebook, Twitter, or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f6b6294db8f891c3642ddfd/1600873130750/giphy+%285%29.gif Home ⇨Issue 4: Illustration Product illustration is style of illustration that integrates aesthetic with function. More importantly, it has the power to humanize your product and connect emotionally. Share this post on Facebook, Twitter, or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cd890fab5136c596e3cf6/1597823502090/ezgif-6-27a2a0e11fba.gif Home - ⇨Issue 3: Play Play is a ⚡burst of energy⚡, usually accompanied by curiosity and a desire to explore. When brought into products, play helps people learn, discover, and connect. Share this post on Facebook, Twitter, or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f081049c121d13161644f3e/1594364002779/brand_archetypes_01.gif Home - ⇨Issue 2: Personality Even when they’re not realizing it, people assign human traits to the products they interact with. A strong product personality can transform an experience from utilitarian to unforgettable. Read on for how to create a memorable personality for your own products! Share this post on Facebook, Twitter, or LinkedIn https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5f3cd8f7857e757f16ca136b/1597823240039/ezgif-3-7562fe8f3194.gif Home - ⇨Issue 1: Motion As humans, our senses are hardwired to notice motion. When used thoughtfully in products, motion creates immersive, engaging experiences that grab our user’s attention and make our products come to life. Learn how to apply these learnings to your own products. Share this post: Facebook, Twitter, or LinkedIn https://www.delightfulproducts.org/about daily 0.75 2021-02-15 https://static1.squarespace.com/static/5eba1bd27c4a7b65f8ae4b45/t/5edc44883e8b82209b049ae6/1591494668131/IMG_20180919_164317-01_mr1537404727918.jpg About - Hi, I’m Lucy! I design & build digital products for social good. Which means I spend a lot of time researching, analyzing, and understanding the differences between good and extraordinary products. In each month’s issue of Delightful Products, I’ll be exploring and breaking down the traits that make delightful products, such as: motion ✨ flow state personality illustration ️ & more! Every issue will introduce a new concept, highlight remarkable products, talented creatives, and helpful resources to make your products truly delightful. Curious? Subscribe to get each issue straight to your inbox: