{"id":4489,"date":"2021-02-17T10:12:30","date_gmt":"2021-02-17T01:12:30","guid":{"rendered":"https:\/\/www.beusable.net\/blog\/?p=4489"},"modified":"2021-02-17T10:15:48","modified_gmt":"2021-02-17T01:15:48","slug":"%eb%b7%b0%ec%a0%80%eb%b8%94-%ec%8b%a4%ec%a0%9c-%eb%b6%84%ec%84%9d-%ec%82%ac%eb%a1%803-3-%ed%9e%88%ed%8a%b8%eb%a7%b5-%eb%b6%84%ec%84%9d%ec%9c%bc%eb%a1%9c-%eb%82%b4%eb%b9%84%ea%b2%8c%ec%9d%b4","status":"publish","type":"post","link":"https:\/\/www.beusable.net\/blog\/?p=4489","title":{"rendered":"\ubdf0\uc800\ube14 \uc2e4\uc81c \ubd84\uc11d \uc0ac\ub840(3\/3): \ud788\ud2b8\ub9f5 \ubd84\uc11d\uc73c\ub85c \ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\ud558\uae30"},"content":{"rendered":"\n<p>\uc548\ub155\ud558\uc138\uc694. \ubdf0\uc800\ube14\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ubc88 \uae00\uc740 UX \ud788\ud2b8\ub9f5 \ubd84\uc11d\uc744 \uc2e4\ubb34\uc5d0\uc11c \uc5b4\ub5bb\uac8c \ud65c\uc6a9\ud560 \uc218 \uc788\ub294\uc9c0 \uc54c\uc544\ubcf4\ub294 \uc138\ubc88\uc9f8 \uae00\uc785\ub2c8\ub2e4. \uc9c0\ub09c \uc8fc\uc5d0\ub294 <a href=\"https:\/\/www.beusable.net\/blog\/?p=4474\" target=\"_blank\" rel=\"noreferrer noopener\">\u2018\uc0ac\uc6a9\uc790\uc758 \ucc29\uac01\uc744 \ubc1c\uacac\ud558\uace0 \ucf58\ud150\uce20 \uac1c\uc120\ud558\uae30\u2019<\/a>\uc5d0 \ub300\ud574\uc11c \uc54c\uc544\ubd24\uc2b5\ub2c8\ub2e4. \uc624\ub298\uc740 \u2018UX \ud788\ud2b8\ub9f5\uc744 \ud1b5\ud574 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud558\uace0 \uac1c\uc120\ud558\ub294 \ubc29\ubc95\u2019\uc5d0 \ub300\ud574\uc11c \uc2e4\uc81c \ubd84\uc11d \uc0ac\ub840\ub97c \ubc14\ud0d5\uc73c\ub85c \uc774\uc57c\uae30\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<h4>Notice! <\/h4>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f3f3f3\">\uc774 \uae00\uc740 \ube44\ub514\uc624 \ucee4\uba38\uc2a4 \uc6b0\uba3c\uc2a4\ud1a1\uc758 \uc2e4\uc81c \ubd84\uc11d \uc0ac\ub840\ub97c \ubc14\ud0d5\uc73c\ub85c \uc791\uc131\ub418\uc5c8\uc73c\uba70, \uc774\ub294 \uc6b0\uba3c\uc2a4\ud1a1\uacfc \ub2f9\uc0ac\uc758 \uc5c5\ubb34\ud611\uc57d \ubc0f \uc815\ubcf4\uc81c\uacf5\ud65c\uc6a9 \ub3d9\uc758\ub97c \uae30\ubc18\uc73c\ub85c \ud569\ub2c8\ub2e4. \ub610\ud55c \uc774\ud574\ub97c \ub3d5\uae30 \uc704\ud574 \uc77c\ubd80 \uc774\ubbf8\uc9c0 \ubc0f \ub370\uc774\ud130\ub97c \uac00\uacf5\ud558\uc5ec \uc0ac\uc6a9\ud558\uc600\uc74c\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4.<br><br>\u2022 \uc11c\ube44\uc2a4\uba85 : \uc6b0\uba3c\uc2a4\ud1a1<br>\u2022 \ubd84\uc11d \ud398\uc774\uc9c0 \uc218 : \ucd1d 105\uac1c<br>\u2022 \ubd84\uc11d\uae30\uac04 : 2018\ub144 3\uc6d4 29\uc77c ~ 9\uc6d4 29\uc77c (6\uac1c\uc6d4\uac04)<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-d8c249\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<h2><strong>\u201c\uc774\ud574\ud558\uae30 \u2013 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub294 \uc65c \ubd84\uc11d\ud574\uc57c\ud560\uae4c?\u201d<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1070\" height=\"622\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217.png\" alt=\"\" class=\"wp-image-4492\"\/><figcaption>&lt;\ub2e4\uc591\ud55c \ub0b4\ube44\uac8c\uc774\uc158 UI\uac00 \uc0ac\uc6a9\ub418\uace0 \uc788\ub294 \uc11c\ube44\uc2a4 \uc0ac\ub840&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uba3c\uc800, \uc6b0\ub9ac\ub294 \uc65c \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud574\uc57c\ud560\uae4c\uc694? \uc77c\ubc18\uc801\uc73c\ub85c \uc6f9\/\ubaa8\ubc14\uc77c \uc11c\ube44\uc2a4 \uc0ac\uc6a9\uc790\ub294 \ud0d0\uc0c9 \ud589\ub3d9 \ubc29\uc2dd\uc5d0 \ub530\ub77c <strong><span class=\"has-inline-color has-neve-button-color-color\">1) \uac80\uc0c9\ucc3d\uc744 \ud1b5\ud55c \uac80\uc0c9 \uae30\ub2a5 \uc911\uc2ec\uc758 \ud0d0\uc0c9 \uc0ac\uc6a9\uc790<\/span><\/strong>\uc640 <strong><span class=\"has-inline-color has-neve-button-color-color\">2) GNB\ub098 \uce74\ud14c\uace0\ub9ac\uc640 \uac19\uc740 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc911\uc2ec\uc758 \ud0d0\uc0c9 \uc0ac\uc6a9\uc790<\/span><\/strong>\ub85c \ubd84\ub958\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p>e-\ucee4\uba38\uc2a4 \uc11c\ube44\uc2a4\ub97c \uc608\ub85c \uc124\uba85\ud55c\ub2e4\uba74, \uc804\uc790\uc758 \uacbd\uc6b0 \ub69c\ub837\ud55c \uad6c\ub9e4 \ubaa9\uc801(Ex. \ud6a1\uc131 \ud55c\uc6b0 \uad6c\ub9e4)\uc744 \uc9c0\ub2cc \uace0\uac1d\uc774\ub77c\uace0 \ud560 \uc218 \uc788\uace0, \ud6c4\uc790\uc758 \uacbd\uc6b0 \ubc29\ubb38 \ubaa9\uc801\uc740 \ubd88\ubd84\uba85 \ud558\uc9c0\ub9cc \uc1fc\ud551 \uc758\uc9c0(Ex. \uc815\uc721\/\uacc4\ub780\ub958 \uad6c\ub9e4)\uac00 \uc788\ub294 \uace0\uac1d\uc774\ub77c\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ud6c4\uc790\uc778 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc911\uc2ec\uc758 \ud0d0\uc0c9 \uc0ac\uc6a9\uc790\uac00 \uc11c\ube44\uc2a4 \uc774\uc6a9 \uacfc\uc815\uc5d0\uc11c \uc6d0\ud558\ub294 \uc815\ubcf4\ub97c \uc5bb\uc9c0 \ubabb\ud574 \uc88c\uc808\ud558\uac70\ub098 \ubc29\ud669 \ub610\ub294 \uc774\ud0c8\ud558\ub294 \uac83\uc744 \ub9c9\uae30 \uc704\ud574 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud558\ub294 \uac83\uc774 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<h4>Tips!<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f3f3f3\"><strong>\ub0b4\ube44\uac8c\uc774\uc158 UI\ub780?<\/strong><br>\u2022 \uc6f9\/\ubaa8\ubc14\uc77c \uc11c\ube44\uc2a4 \ubc29\ubb38\uc790\uac00 \uc6d0\ud558\ub294 \ud2b9\uc815 \ud398\uc774\uc9c0\ub098 \ucf58\ud150\uce20\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uc7a5\uce58\ub97c \ub9d0\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-bfdf0a\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<h2><strong>\u201c\ubd84\uc11d\ud558\uae30 \u2013 \uc0ac\uc6a9\uc790\ub294 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \uc5b4\ub5bb\uac8c \uc0ac\uc6a9\ud558\uace0 \uc788\uc744\uae4c?\u201d<\/strong><\/h2>\n\n\n\n<\/br>\n\n\n\n<p>\uadf8\ub7fc \uc774\uc81c \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574\uc11c \uc774\uc57c\uae30\ud574\ubcf4\ub3c4\ub85d \ud558\uaca0\uc2b5\ub2c8\ub2e4. \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc5b4\ub5a4 UX \ub370\uc774\ud130\ub97c \ubd10\uc57c\ud560\uae4c\uc694? \ud574\ub2f9 UI\uc758 \ud2b9\uc131\uacfc \ubd84\uc11d \ubaa9\uc801\uc5d0 \ub530\ub77c \uc870\uae08\uc529 \ub2e4\ub97c \uc218 \uc788\uc9c0\ub9cc, \uc77c\ubc18\uc801\uc73c\ub85c \ud074\ub9ad \ud788\ud2b8\ub9f5\uc744 \uc0b4\ud3b4\ubcf4\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\uadf8 \uc774\uc720\ub294 \ubb34\uc5c7\uc77c\uae4c\uc694? \ub0b4\ube44\uac8c\uc774\uc158 UI\uac00 \uc6f9\/\ubaa8\ubc14\uc77c \uc11c\ube44\uc2a4 \ubc29\ubb38\uc790\uac00 \uc6d0\ud558\ub294 \ud2b9\uc815 \ud398\uc774\uc9c0\ub098 \ucf58\ud150\uce20\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uc7a5\uce58\ub77c\ub294 \uc810\uc744 \uc0dd\uac01\ud588\uc744 \ub54c \uc774\ub7ec\ud55c \uc0ac\uc6a9\uc790\uc758 \uc774\ub3d9 \uc989, \uc804\ud658\uc740 \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ud1b5\ud574 \uc774\ub8e8\uc5b4\uc9c0\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<h4>Tips!<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f3f3f3\"><strong>\ud074\ub9ad \ud788\ud2b8\ub9f5\uc774\ub780?<\/strong><br>\u2022 \uc0ac\uc6a9\uc790\uc758 \ud074\ub9ad \uc774\ubca4\ud2b8\uac00 \ubc1c\uc0dd\ud55c \uc704\uce58\ub97c \ud788\ud2b8\ub9f5\uc73c\ub85c \ub098\ud0c0\ub0b4\uc5b4, \uc0ac\uc6a9\uc790\uc758 \uc120\ud0dd\uacfc \ucd5c\uc885 \ubaa9\uc801\uc9c0\uc758 \ubd84\ud3ec \ubc0f \uaddc\ubaa8\ub97c \ud30c\uc545\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1052\" height=\"662\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217_2.png\" alt=\"\" class=\"wp-image-4493\"\/><figcaption>&lt;\uc6b0\uba3c\uc2a4\ud1a1\uc758 \ub0b4\ube44\uac8c\uc774\uc158 UI \ubd84\uc11d \uc0ac\ub840&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uc704\uc758 \uc774\ubbf8\uc9c0\ub294 \ube44\ub514\uc624 \ucee4\uba38\uc2a4 \uc6b0\uba3c\uc2a4\ud1a1\uc758 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud55c \ud074\ub9ad \ud788\ud2b8\ub9f5\uc785\ub2c8\ub2e4. \uc9c0\ub09c 2018\ub144 \ubdf0\uc800\ube14\uacfc \ube44\ub514\uc624 \ucee4\uba38\uc2a4 \uc6b0\uba3c\uc2a4\ud1a1\uc774 \uc5c5\ubb34\ud611\uc57d\uc744 \ud1b5\ud574 \uc9c4\ud589\ud55c \uc774 \ub0b4\ube44\uac8c\uc774\uc158 UI \ubd84\uc11d \uc0ac\ub840\uc5d0\uc11c \ubdf0\uc800\ube14\uc740 2\uac00\uc9c0 \ub208\uc5d0 \ub744\ub294 \uc0ac\uc6a9\uc790 \ud589\ud0dc\ub97c \ubc1c\uacac\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1047\" height=\"702\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217_4.png\" alt=\"\" class=\"wp-image-4495\"\/><figcaption>&lt;\uc0c1\uc704 \uba54\ub274 \uad6c\uc131\uacfc \uc0ac\uc6a9\uc790 \uc120\ud638\ub3c4&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uccab\ubc88\uc9f8\ub294 <strong><span class=\"has-inline-color has-neve-button-color-color\">\u2018\uc0ac\uc6a9\uc790\uc758 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc0c1\uc704 \uba54\ub274 \uc120\ud638\ub3c4\ub294 \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uacfc \ubd88\uc77c\uce58\ud558\uace0 \uc788\ub2e4.\u2019<\/span><\/strong>\uc785\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\uc6b0\uba3c\uc2a4\ud1a1\uc758 \uc0c1\uc704 \ub0b4\ube44\uac8c\uc774\uc158\uc740 \uae30\ubcf8\uac12\uc778 \ubdf0\ud2f0\uc0f5\ubd80\ud130 \ud328\uc158\uc0f5, \uc2ec\ucff5\ud035, \ubca0\uc2a4\ud2b8, \uc774\ubca4\ud2b8 \uc21c\uc73c\ub85c \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc Click PV Rate\ub97c \uc0b4\ud3b4\ubd24\uc744 \ub54c, \uae30\ubcf8\uac12\uc778 \ubdf0\ud2f0\uc0f5\uc744 \uc81c\uc678\ud55c \uc0ac\uc6a9\uc790\uc758 \uc120\ud638\ub3c4\ub294 [\ud328\uc158\uc0f5(4.0%) &gt; \ubca0\uc2a4\ud2b8(1.4%) &gt; \uc2ec\ucff5\ud035(1.2%) &gt; \uc774\ubca4\ud2b8(0.7%)] \uc21c\uc73c\ub85c \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uc758 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc0c1\uc704 \uba54\ub274 \uc120\ud638\ub3c4\ub294 \ub808\uc774\uc544\uc6c3\uacfc \ubd88\uc77c\uce58\ud558\uace0 \uc788\ub2e4\ub294 \uac83\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217_3-1.png\" alt=\"\" class=\"wp-image-4496\" width=\"912\" height=\"920\"\/><figcaption>&lt;\uce74\ud14c\uace0\ub9ac \uad6c\uc131\uacfc \uc0ac\uc6a9\uc790 \uc120\ud638\ub3c4&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\ub450\ubc88\uc9f8\ub294<strong><span class=\"has-inline-color has-neve-button-color-color\"> \u2018\ubdf0\ud2f0\uc0f5 \ud558\uc704 \uce74\ud14c\uace0\ub9ac\uc758 \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc774 \uc0ac\uc6a9\uc790\uc758 \uc120\ud638\ub3c4\uc640 \ubd88\uc77c\uce58\ud558\uba70, \uc0ac\uc6a9\uc790\ub294 \uc0c9\uc870 \uba54\uc774\ud06c\uc5c5\uacfc \ubca0\uc774\uc2a4 \uba54\uc774\ud06c\uc5c5\uc5d0 \ub300\ud55c \ub2c8\uc988\uac00 \ud06c\ub2e4.\u2019<\/span><\/strong>\uc785\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\ubdf0\ud2f0\uc0f5 \ud558\uc704 \uce74\ud14c\uace0\ub9ac\uc758 \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc740 [\uc2a4\ud0a8\ucf00\uc5b4 \u2013 \uc120\ucf00\uc5b4 \u2013 \ubca0\uc774\uc2a4 \uba54\uc774\ud06c\uc5c5 \u2013 \uc0c9\uc870 \uba54\uc774\ud06c\uc5c5 &#8211; \u2026] \uc21c\uc73c\ub85c \ub418\uc5b4 \uc788\uc9c0\ub9cc Click PV Rate\ub97c \uc0b4\ud3b4\ubd24\uc744 \ub54c, [\uc0c9\uc870 \uba54\uc774\ud06c\uc5c5(6.2%) &gt; \ubca0\uc774\uc2a4 \uba54\uc774\ud06c\uc5c5(3.5%) &gt; \uc2a4\ud0a8\ucf00\uc5b4(2.5%) &gt; \ubdf0\ud2f0\uc18c\ud488(1.6%) &gt; \u2026] \uc21c\uc73c\ub85c \uc0ac\uc6a9\uc790\uac00 \uc120\ud638\ud558\uace0 \uc788\uc74c\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<h4>Tips!<\/h4>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f3f3f3\"><strong>Click Counts<\/strong><br>\u2022 \uc0ac\uc6a9\uc790\uac00 \uc77c\uc73c\ud0a8 \ud074\ub9ad \uc774\ubca4\ud2b8\uc758 \uaddc\ubaa8<br><br><strong>PV(Page View)<\/strong><br>\u2022 \uc6f9 \uc0ac\uc774\ud2b8 \ub0b4 \ud2b9\uc815 \ud398\uc774\uc9c0\uac00 \uc0ac\uc6a9\uc790\uc758 \uc694\uccad\uc5d0 \ub530\ub77c \ubcf4\uc5ec\uc9c0\ub294 \uac83 \ub610\ub294 \uc774\ub7ec\ud55c \uc694\uccad\uc758 \uc218\ub97c \uc138\ub294 \ub2e8\uc704<br><br><strong>Click PV Rate<\/strong><br>\u2022 Click PV(Unique Click) \/ All PV (%)<br>\u2022 \ud574\ub2f9 \ucf58\ud150\uce20\ub97c \ud074\ub9ad\ud55c PV\uc758 \uaddc\ubaa8\ub97c \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-b36d5c\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<h2><strong>\u201c\uac1c\uc120 \ubc29\ud5a5 \uc124\uc815\ud558\uae30 \u2013 \ubb34\uc5c7\uc744 \uc5b4\ub5bb\uac8c \uac1c\uc120\ud574\uc57c\ud560\uae4c?\u201d<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217_5.png\" alt=\"\" class=\"wp-image-4497\" width=\"1450\" height=\"614\"\/><figcaption>&lt;\uc0ac\uc6a9\uc790 \uc120\ud638\uc5d0 \ub9de\uac8c \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \uac1c\uc120\ud55c \uc608\uc2dc&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uc55e\uc120 \ubd84\uc11d\ud558\uae30\ub97c \ud1b5\ud574 \ubdf0\uc800\ube14\uc740 \uc6b0\uba3c\uc2a4\ud1a1\uc758 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc911 \uba54\ub274 \ubc0f \ud558\uc704 \uce74\ud14c\uace0\ub9ac\uc758 \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc774 \uc0ac\uc6a9\uc790 \uc120\ud638\uc640 \uc77c\uce58\ud558\uc9c0 \uc54a\ub294 \uac83\uc744 \ud655\uc778\ud588\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<\/br>\n\n\n\n<h4>\uadf8\ub807\ub2e4\uba74 \uc6b0\ub9ac\ub294 \ubb34\uc5c7\uc744 \uc5b4\ub5bb\uac8c \uac1c\uc120\ud560 \uc218 \uc788\uc744\uae4c\uc694? <\/h4>\n\n\n\n<p>\uc6b0\ub9ac\ub294 \uc55e\uc120 \uc774\ud574\ud558\uae30 \ub2e8\uacc4\uc5d0\uc11c \uc54c\uc544\ubcf4\uc558\ub4ef\uc774 \ub0b4\ube44\uac8c\uc774\uc158 UI \uc911\uc2ec\uc758 \ud0d0\uc0c9 \uc0ac\uc6a9\uc790\uac00 \uc11c\ube44\uc2a4 \uc774\uc6a9 \uacfc\uc815\uc5d0\uc11c \uc6d0\ud558\ub294 \uc815\ubcf4\ub97c \uc5bb\uc9c0 \ubabb\ud574 \uc88c\uc808\ud558\uac70\ub098 \ubc29\ud669 \ub610\ub294 \uc774\ud0c8\ud558\ub294 \uac83\uc744 \ub9c9\uae30 \uc704\ud574 \ubd84\uc11d\ud55c \ub370\uc774\ud130\ub97c \uadfc\uac70\ub85c \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \uac1c\uc120\ud574\uc57c \ud569\ub2c8\ub2e4. \ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\uc740 \ub514\uc790\uc778 \ubcc0\uacbd\uc744 \ud3ec\ud568\ud55c \ub2e4\uc591\ud55c \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uac00\uc7a5 \uc27d\uace0 \uac04\ub2e8\ud558\uac8c \uac1c\uc120\ud558\ub294 \ubc29\ubc95\uc73c\ub85c \ub0b4\ube44\uac8c\uc774\uc158 UI \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc744 \uc0ac\uc6a9\uc790 \uc120\ud638\uc5d0 \ub9de\uac8c \uc7ac\ubc30\uce58\ud558\ub294 \uac83\uc744 \uc0dd\uac01\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-92f9f3\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<h2><strong>&nbsp;\u201c\uc131\uacfc \ubd84\uc11d\ud558\uae30 \u2013 \uc5b4\ub5a4 \ub370\uc774\ud130\ub97c \ubd10\uc57c\ud560\uae4c?\u201d<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/0217_6.png\" alt=\"\" class=\"wp-image-4498\" width=\"1450\" height=\"603\"\/><figcaption>&lt;\ud074\ub9ad \ud788\ud2b8\ub9f5\uacfc \uc0ac\uc6a9\uc790 \ud750\ub984 \ubd84\uc11d \uc608\uc2dc&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<\/br>\n\n\n\n<p>UX \ud788\ud2b8\ub9f5\uc744 \ud1b5\ud574 \ub0b4\ube44\uac8c\uc774\uc158 UI\ub97c \ubd84\uc11d\ud558\uace0, \ubb38\uc81c\uc810 \ubc1c\uacac \ubc0f \uac1c\uc120\uc744 \uc9c4\ud589\ud588\ub2e4\uba74 \uc131\uacfc \ubd84\uc11d\uc740 \uc5b4\ub5a4 \ub370\uc774\ud130\ub97c \ubd10\uc57c\ud560\uae4c\uc694? <\/p>\n\n\n\n<p>\uba3c\uc800, \ubd84\uc11d\ud558\uae30 \ub2e8\uacc4\uc640 \uac19\uc774 \ub0b4\ube44\uac8c\uc774\uc158 UI\uc758 \ud074\ub9ad \ud788\ud2b8\ub9f5 \ub370\uc774\ud130\ub97c \uc131\uacfc \ubd84\uc11d\uc744 \uc704\ud55c UX KPI(Key Performance Indicator, \ud575\uc2ec\uc131\uacfc\uc9c0\ud45c)\ub85c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc0ac\uc6a9\uc790\uc758 \ud2b9\uc815 \ud398\uc774\uc9c0 \ub610\ub294 \ucf58\ud150\uce20\ub85c\uc758 \uc774\ub3d9(=\uc804\ud658)\uc744 \ub3d5\ub294 \ub0b4\ube44\uac8c\uc774\uc158 UI\uc758 \ud2b9\uc131\uc744 \uace0\ub824\ud588\uc744 \ub54c, \uac1c\uc120 \uc804\ud6c4\uc758 \ud398\uc774\uc9c0 \uc804\ud658 \uacbd\ub85c\ub97c UX KPI\ub85c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n\n\n\n<div class=\"wp-block-qubely-divider qubely-block-0ee0f2\"><div class=\"qubely-block-divider \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 240 40\" preserveaspectratio=\"none\"><path d=\"M3.3 22.1c-.5-.2-.9-.5-1.3-.9-.3-.2-.5-.4-.8-.6.8-.7 1.5-1.3 2.3-2 .9-.7 1.8-1.6 2.4-2.6.1-.1.1-.2 0-.3-.1-.2-.3-.2-.5-.2-1.1.5-2 1.3-2.8 2.2-.8.9-1.7 1.7-2.5 2.5l-.1.1v.1c-.1.2-.1.5.2.6.5.3.9.5 1.4.8.4.3.9.6 1.2 1 .8.7 1.7 1.3 2.6 1.8.1.1.3 0 .4-.1.2-.1.2-.3.1-.5-.8-.8-1.6-1.4-2.6-1.9z\"><\/path><path d=\"M112.3 20c-4.5-.2-9-.3-13.5-.3-2.2 0-4.5-.1-6.7 0s-4.5.2-6.7.1c-4.5 0-9-.1-13.5-.2-1.1 0-2.2 0-3.4.1-1.1.1-2.2.1-3.4.2-2.2 0-4.5 0-6.7-.1-4.5-.1-9 0-13.5-.2-2.2-.1-4.5-.1-6.7 0s-4.5.3-6.7.3c-4.5.1-9-.1-13.5-.1s-9 0-13.5.2c-.1 0-.2.1-.2.2s.1.3.2.3c4.5.1 9 .2 13.5.2s9-.1 13.5-.1c2.2 0 4.5.2 6.7.3 2.2.1 4.5 0 6.7 0 4.5-.1 9 0 13.5-.2 2.2-.1 4.5-.1 6.7-.1 1.1 0 2.2.1 3.4.2 1.1 0 2.2.1 3.4.1 4.5-.1 9-.1 13.5-.2 2.2 0 4.5 0 6.7.1s4.5.1 6.7 0c4.5 0 9-.1 13.5-.3.1 0 .2-.1.2-.2 0-.2-.1-.3-.2-.3zM239.9 20.3c-.8-.9-1.7-1.7-2.5-2.6-.8-.9-1.7-1.7-2.8-2.2h-.3c-.2.1-.2.3-.1.5.6 1.1 1.4 1.9 2.4 2.6.8.6 1.5 1.3 2.3 2-.2.2-.5.4-.8.6-.4.3-.9.6-1.3.9-.9.5-1.8 1.2-2.5 2-.1.1-.1.2-.1.4.1.2.3.2.5.2 1-.5 1.9-1 2.6-1.8.4-.4.8-.7 1.2-1 .4-.3.9-.6 1.4-.8l.1-.1c0-.3.1-.6-.1-.7z\"><\/path><path d=\"M235.7 20.2c0-.1-.1-.3-.2-.3-4.5-.1-9-.2-13.5-.2s-9 .1-13.5.1c-2.2 0-4.5-.2-6.7-.3-2.2-.1-4.5 0-6.7 0-4.5.1-9 0-13.5.2-2.2.1-4.5.1-6.7.1-1.1 0-2.2-.1-3.4-.2-1.1 0-2.2-.1-3.4-.1-4.5.1-9 .1-13.5.2-2.2 0-4.5 0-6.7-.1s-4.5-.1-6.7 0c-4.5 0-9 .1-13.5.3-.1 0-.2.1-.2.2s.1.3.2.3c4.5.2 9 .3 13.5.3 2.2 0 4.5.1 6.7 0s4.5-.2 6.7-.1c4.5 0 9 .1 13.5.2 1.1 0 2.2 0 3.4-.1 1.1-.1 2.2-.1 3.4-.2 2.2 0 4.5 0 6.7.1 4.5.1 9 0 13.5.2 2.2.1 4.5.1 6.7 0s4.5-.3 6.7-.3c4.5-.1 9 .1 13.5.1s9 0 13.5-.2c.1 0 .2-.1.2-.2zM118.3 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.4-.1-.5.1zM124.4 16.1c-.4.6-.8 1.2-1.1 1.8-.4.6-.4 1.3-.8 1.9l-.9 1.8c-.3.6-.5 1.3-.7 2 0 .2 0 .4.2.5.2.2.5.1.7-.1.4-.6.7-1.2 1-1.8.3-.6.5-1.3.8-1.9.2-.6.7-1.2.9-1.9.2-.6.5-1.3.6-2 0-.2 0-.3-.2-.4-.1-.1-.3-.1-.5.1z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<\/br>\n\n\n\n<p>\uc5ec\ub7ec\ubd84\uc740 \ud639\uc2dc \uc790\uc8fc \uc774\uc6a9\ud558\uc2dc\ub294 \uc0dd\ud65c\uc6a9\ud488, \uc2dd\ub8cc\ud488 \ud310\ub9e4 \uc11c\ube44\uc2a4\uc5d0\uc11c \ub0b4\ube44\uac8c\uc774\uc158 UI\uc758 \ubcc0\ud654\ub97c \ubc1c\uacac\ud574\ubcf4\uc2e0 \uc801\uc774 \uc788\uc73c\uc2e0\uac00\uc694? <\/p>\n\n\n\n<p>\uc624\ub298 \ub2e4\ub8ec \uc6f9\/\ubaa8\ubc14\uc77c \uc11c\ube44\uc2a4 \ub0b4 \ub0b4\ube44\uac8c\uc774\uc158 UI\uc758 \uc9c4\ub2e8\uacfc \uac1c\uc120\uc740 \uc2e4\uc81c\ub85c \ub9ce\uc740 \uc774\ucee4\uba38\uc2a4\uc5d0\uc11c \ud65c\uc6a9 \uc911\uc785\ub2c8\ub2e4. \uc624\ud504\ub77c\uc778 \ub9e4\uc7a5\uc758 \uc791\uc740 \uc774\uc815\ud45c\uc640 \uace0\uac1d \ub3d9\uc120\uc758 \ubcc0\ud654\uac00 \uace0\uac1d \ud3b8\uc758\uc640 \ub9e4\ucd9c \uc99d\ub300\uc5d0 \ucee4\ub2e4\ub780 \uc601\ud5a5\uc744 \ubbf8\uce58\ub294 \uac83\ucc98\ub7fc, \uc628\ub77c\uc778 \uc11c\ube44\uc2a4\uc5d0\uc11c \ub0b4\ube44\uac8c\uc774\uc158 UI\uc758 \uc9c4\ub2e8\uacfc \uac1c\uc120 \uc5ed\uc2dc \uc0ac\uc6a9\uc790\ub97c \uc704\ud55c UX \uac1c\uc120 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ub9e4\ucd9c \uc0c1\uc2b9\uc744 \uc704\ud574 \uc804\ub7b5\uc801\uc73c\ub85c \ud65c\uc6a9\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ubc88 \uae00\uc744 \ud1b5\ud574\uc11c\ub294 \ub0b4\ube44\uac8c\uc774\uc158 UI \ubd84\uc11d\uc758 \ud544\uc694\uc131\ubd80\ud130 \uc131\uacfc \ubd84\uc11d\uc758 \ubc29\ubc95\uae4c\uc9c0 \uc54c\uc544\ubd24\uc2b5\ub2c8\ub2e4. \uc774 \uae00\uc744 \ucc38\uc870\ud558\uc5ec \uc5ec\ub7ec\ubd84\uc758 \uc11c\ube44\uc2a4\ub97c \ubd84\uc11d\ud558\uace0 \uac1c\uc120 \uc804\ub7b5\uc744 \uc218\ub9bd\ud574\ubcf4\ub294 \uac74 \uc5b4\ub5a8\uae4c\uc694? \uae30\ud68d\uc790, \ub9c8\ucf00\ud130, UX\/UI \ub514\uc790\uc774\ub108\uac00 \ub193\uce58\uace0 \uc788\ub294 \uc0ac\uc6a9\uc790\uc758 \ub2c8\uc988\ub97c UX \ube45\ub370\uc774\ud130 \ubd84\uc11d\uc744 \ud1b5\ud574 \ubc1c\uacac\ud558\uace0 \uac1c\uc120\ud574\ubcf4\uc138\uc694. \uc791\uc740 \ucc28\uc774\uac00 \ud070 \ubcc0\ud654\ub97c \uac00\uc838\uc62c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7fc \ub2e4\uc74c\uc5d0 \uc774\uc5b4\uc9c8 \uae00\ub3c4 \ub9ce\uc740 \uae30\ub300 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4. \uac10\uc0ac\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<\/br>\n<\/br>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.beusable.net\"><img loading=\"lazy\" width=\"2250\" height=\"450\" src=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2020\/04\/group@3x.jpg\" alt=\"\" class=\"wp-image-2122\"\/><\/a><\/figure>\n\n\n\n<p><\/p>\n<style>.pf-button.pf-button-excerpt { display: none; }<\/style>","protected":false},"excerpt":{"rendered":"<p>\ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\ud558\uae30<\/p>\n","protected":false},"author":1,"featured_media":4491,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"categories":[42,16],"tags":[7],"qubely_featured_image_url":{"full":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"landscape":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"portraits":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",480,320,false],"thumbnail":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",150,100,false],"medium":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",300,200,false],"medium_large":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"large":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"1536x1536":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"2048x2048":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"qubely_landscape":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false],"qubely_portrait":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",480,320,false],"qubely_thumbnail":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",140,93,false],"neve-blog":["https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg",640,427,false]},"qubely_author":{"display_name":"Beusable","author_link":"https:\/\/www.beusable.net\/blog\/?author=1"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/www.beusable.net\/blog\/?cat=42\" rel=\"category\">Article<\/a> <a href=\"https:\/\/www.beusable.net\/blog\/?cat=16\" rel=\"category\">\ubdf0\uc800\ube14 \ubd84\uc11d \uc0ac\ub840<\/a>","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\ubdf0\uc800\ube14 \uc2e4\uc81c \ubd84\uc11d \uc0ac\ub840(3\/3): \ud788\ud2b8\ub9f5 \ubd84\uc11d\uc73c\ub85c \ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\ud558\uae30 | \ubdf0\uc800\ube14<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.beusable.net\/blog\/?p=4489\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\ubdf0\uc800\ube14 \uc2e4\uc81c \ubd84\uc11d \uc0ac\ub840(3\/3): \ud788\ud2b8\ub9f5 \ubd84\uc11d\uc73c\ub85c \ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\ud558\uae30 | \ubdf0\uc800\ube14\" \/>\n<meta property=\"og:description\" content=\"\ub0b4\ube44\uac8c\uc774\uc158 UI \uac1c\uc120\ud558\uae30\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beusable.net\/blog\/?p=4489\" \/>\n<meta property=\"og:site_name\" content=\"\ubdf0\uc800\ube14\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/beusable\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-17T01:12:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-17T01:15:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#website\",\"url\":\"https:\/\/www.beusable.net\/blog\/\",\"name\":\"\\ubdf0\\uc800\\ube14\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.beusable.net\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=4489#primaryimage\",\"inLanguage\":\"ko-KR\",\"url\":\"https:\/\/www.beusable.net\/blog\/wp-content\/uploads\/2021\/02\/maximilian-weisbecker-Esq0ovRY-Zs-unsplash.jpg\",\"width\":640,\"height\":427},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=4489#webpage\",\"url\":\"https:\/\/www.beusable.net\/blog\/?p=4489\",\"name\":\"\\ubdf0\\uc800\\ube14 \\uc2e4\\uc81c \\ubd84\\uc11d \\uc0ac\\ub840(3\/3): \\ud788\\ud2b8\\ub9f5 \\ubd84\\uc11d\\uc73c\\ub85c \\ub0b4\\ube44\\uac8c\\uc774\\uc158 UI \\uac1c\\uc120\\ud558\\uae30 | \\ubdf0\\uc800\\ube14\",\"isPartOf\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/?p=4489#primaryimage\"},\"datePublished\":\"2021-02-17T01:12:30+00:00\",\"dateModified\":\"2021-02-17T01:15:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.beusable.net\/blog\/#\/schema\/person\/b154f98635c1daaf14010dab23ac867f\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.beusable.net\/blog\/?p=4489\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#\/schema\/person\/b154f98635c1daaf14010dab23ac867f\",\"name\":\"Beusable\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.beusable.net\/blog\/#personlogo\",\"inLanguage\":\"ko-KR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a73753063b37ac2762850f784a50870?s=96&d=mm&r=g\",\"caption\":\"Beusable\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4489"}],"collection":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4489"}],"version-history":[{"count":9,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4489\/revisions"}],"predecessor-version":[{"id":4513,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/4489\/revisions\/4513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=\/wp\/v2\/media\/4491"}],"wp:attachment":[{"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beusable.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}