{"id":493,"date":"2021-08-25T15:03:30","date_gmt":"2021-08-25T08:03:30","guid":{"rendered":"https:\/\/khoavo.us\/?p=493"},"modified":"2021-08-25T15:03:32","modified_gmt":"2021-08-25T08:03:32","slug":"mot-goc-nhin-sau-hon-ve-ux-trai-nghiem-nguoi-dung","status":"publish","type":"post","link":"https:\/\/khoavo.us\/?p=493","title":{"rendered":"M\u1ed9t g\u00f3c nh\u00ecn s\u00e2u h\u01a1n v\u1ec1 UX (Tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng)"},"content":{"rendered":"\n<p>Nghi\u00ean c\u1ee9u tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng l\u00e0 m\u1ed9t l\u0129nh v\u1ef1c kh\u00e1 hot hi\u1ec7n nay. B\u00e0i vi\u1ebft n\u00e0y m\u00ecnh mu\u1ed1n chia s\u1ebb m\u1ed9t ch\u00fat v\u1ec1 nh\u1eefng ki\u1ebfn th\u1ee9c trong qu\u00e1 tr\u00ecnh t\u00ecm hi\u1ec3u UX\/UI c\u1ee7a m\u00ecnh, nh\u1eefng \u0111i\u1ec1u m\u00ecnh c\u1ea3m th\u1ea5y quan tr\u1ecdng v\u00e0 c\u0169ng kh\u00e1 th\u00fa v\u1ecb.<\/p>\n\n\n\n<p><strong>M\u1ed9t s\u1ed1 thu\u1eadt ng\u1eef \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong b\u00e0i vi\u1ebft:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>User Experience\/User Experience Design (UX\/UXD): Tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng\/Thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng<\/li><li>User Interface\/User Interface Design (UI\/UID): Giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng\/Thi\u1ebft k\u1ebf giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng<\/li><li>Customer Experience: Tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng<\/li><li>(Guerilla\/Lab) Usability Testing: M\u1ed9t h\u00ecnh th\u1ee9c ki\u1ec3m tra t\u00ednh kh\u1ea3 d\u1ee5ng c\u1ee7a s\u1ea3n ph\u1ea9m<\/li><li>Information Architecture (IA): Ph\u00e2n b\u1ed5 v\u00e0 c\u1ea5u tr\u00fac th\u00f4ng tin m\u1ed9t c\u00e1ch khoa h\u1ecdc<\/li><li>Personas: M\u00f4 t\u1ea3 ch\u00e2n dung kh\u00e1ch h\u00e0ng d\u1ef1a tr\u00ean c\u01a1 s\u1edf ng\u01b0\u1eddi d\u00f9ng<\/li><li>Prototype\/Wireframe: B\u1ea3n thi\u1ebft k\u1ebf h\u1ec7 th\u1ed1ng th\u00f4ng tin v\u00e0 hi\u1ec3n th\u1ecb<\/li><li>Task Model: Mi\u00eau t\u1ea3 h\u00e0nh \u0111\u1ed9ng \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c m\u1ee5c \u0111\u00edch tr\u00ean s\u1ea3n ph\u1ea9m c\u1ee7a kh\u00e1ch h\u00e0ng<\/li><li>A\/B Testing: Th\u1eed nghi\u1ec7m c\u00e1c phi\u00ean b\u1ea3n kh\u00e1c nhau c\u1ee7a t\u00ednh n\u0103ng\/s\u1ea3n ph\u1ea9m nh\u1eb1m ch\u1ecdn ra b\u1ea3n t\u1ed1i \u01b0u nh\u1ea5t<\/li><li>Content Inventory: Kho l\u01b0u tr\u1eef th\u00f4ng tin<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-phan-biet-mot-so-khai-niem\">1. Ph\u00e2n bi\u1ec7t m\u1ed9t s\u1ed1 kh\u00e1i ni\u1ec7m<\/h2>\n\n\n\n<p>Do s\u1ef1 song h\u00e0nh v\u1edbi t\u1ea7n su\u1ea5t l\u1edbn v\u00e0 m\u1ed1i t\u01b0\u01a1ng quan m\u1eadt thi\u1ebft trong \u1ee9ng d\u1ee5ng th\u1ef1c t\u1ebf m\u00e0 hai kh\u00e1i ni\u1ec7m UX v\u00e0 UI th\u01b0\u1eddng d\u1ec5 b\u1ecb nh\u1ea7m l\u1eabn v\u1edbi nhau. Th\u1ef1c ch\u1ea5t, UX \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a l\u00e0 tr\u1ea3i nghi\u1ec7m t\u1ed5ng th\u1ec3 hay c\u1ea3m nh\u1eadn m\u00e0 b\u1ea1n c\u00f3 khi \u0111ang s\u1eed d\u1ee5ng ho\u1eb7c t\u01b0\u01a1ng t\u00e1c v\u1edbi b\u1ea5t c\u1ee9 th\u1ee9 g\u00ec. N\u00f3 c\u00f3 th\u1ec3 l\u00e0 d\u1ecbch v\u1ee5, s\u1ea3n ph\u1ea9m, ph\u01b0\u01a1ng ti\u1ec7n ho\u1eb7c h\u1ec7 th\u1ed1ng,\u2026 UI l\u00e0 giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ec9 \u0111\u1ebfn s\u1ef1 tr\u00ecnh b\u00e0y v\u00e0 truy\u1ec1n t\u1ea3i n\u1ed9i dung hay n\u00f3i c\u00e1ch kh\u00e1c l\u00e0 nh\u1eefng g\u00ec ng\u01b0\u1eddi d\u00f9ng nh\u00ecn th\u1ea5y v\u00e0 gi\u00fap h\u1ecd t\u01b0\u01a1ng t\u00e1c v\u1edbi h\u1ec7 th\u1ed1ng.<\/p>\n\n\n\n<p>Giao di\u1ec7n ch\u1ec9 l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a qu\u00e1 tr\u00ecnh ki\u1ebfn t\u1ea1o tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, n\u00f3 l\u00e0 t\u1ea7ng \u201cn\u00f4ng nh\u1ea5t\u201d trong c\u1ea3 ti\u1ebfn tr\u00ecnh (m\u00ecnh s\u1ebd tr\u00ecnh b\u00e0y trong ph\u1ea7n 4). Nhi\u1ec1u ng\u01b0\u1eddi cho r\u1eb1ng tr\u1ea3i nghi\u1ec7m \u0111\u01b0\u1ee3c quy\u1ebft \u0111\u1ecbnh b\u1edfi giao di\u1ec7n v\u00ec c\u00e1i g\u00ec \u0111\u1eb9p s\u1ebd b\u1eaft m\u1eaft v\u00e0 thu h\u00fat kh\u00e1ch h\u00e0ng, \u0111\u00fang nh\u01b0ng ch\u01b0a \u0111\u1ee7. Th\u1ef1c ch\u1ea5t, \u0111\u00e2y l\u00e0 m\u1ed9t qu\u00e1 tr\u00ecnh ph\u1ee9c t\u1ea1p v\u1edbi nhi\u1ec1u giai \u0111o\u1ea1n v\u00e0 c\u1ea7n \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n theo v\u00f2ng l\u1eb7p \u0111\u1ec3 gi\u00fap doanh nghi\u1ec7p kh\u00f4ng ng\u1eebng c\u1ee7ng c\u1ed1 ch\u1ea5t l\u01b0\u1ee3ng s\u1ea3n ph\u1ea9m.<\/p>\n\n\n\n<p>Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh c\u00f2n mu\u1ed1n gi\u00fap c\u00e1c b\u1ea1n ph\u00e2n bi\u1ec7t m\u1ed9t thu\u1eadt ng\u1eef li\u00ean quan c\u0169ng c\u00f3 th\u1ec3 g\u00e2y nh\u1ea7m l\u1eabn: Tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng \u2013 Customer Experience (CX). C\u00f3 th\u1ec3 n\u00f3i tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng l\u00e0 m\u1ed9t ph\u1ea1m tr\u00f9 r\u1ed9ng h\u01a1n: \u0110\u00f3 l\u00e0 nh\u1eefng tr\u1ea3i nghi\u1ec7m kh\u00e1ch h\u00e0ng c\u00f3 \u0111\u01b0\u1ee3c khi ti\u1ebfp x\u00fac v\u1edbi th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a b\u1ea1n. M\u1ed9t s\u1ed1 y\u1ebfu t\u1ed1 quy\u1ebft \u0111\u1ecbnh CX bao g\u1ed3m: D\u1ecbch v\u1ee5 kh\u00e1ch h\u00e0ng, qu\u1ea3ng c\u00e1o, uy t\u00edn th\u01b0\u01a1ng hi\u1ec7u, qu\u00e1 tr\u00ecnh sales, ch\u00ednh s\u00e1ch gi\u00e1 c\u1ea3 v\u00e0 cung \u1ee9ng,..<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"attachment_2907\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/ux-cx-design-770-385.jpg\" alt=\"\" class=\"wp-image-2907\"\/><figcaption>M\u1ed0I QUAN H\u1ec6 GI\u1eeeA UX V\u00c0 CX (BRIGHTLABS)<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-so-luoc-lich-su-phat-trien-cua-uxd\">2. S\u01a1 l\u01b0\u1ee3c l\u1ecbch s\u1eed ph\u00e1t tri\u1ec3n c\u1ee7a UXD<\/h2>\n\n\n\n<p><a href=\"https:\/\/medium.com\/@marcintreder\/the-history-of-user-experience-design-5d87d1f81f5a\" target=\"_blank\" rel=\"noreferrer noopener\">Thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UXD) c\u00f3 ngu\u1ed3n g\u1ed1c<\/a>&nbsp;t\u1eeb m\u1ed9t ng\u00e0nh khoa h\u1ecdc c\u1ed5 c\u00f3 t\u00ean g\u1ecdi&nbsp;<em>Ergonomics&nbsp;<\/em>v\u1edbi m\u1ee5c \u0111\u00edch thi\u1ebft l\u1eadp c\u00e1c \u0111\u1ecbnh lu\u1eadt gi\u00fap t\u0103ng n\u0103ng su\u1ea5t c\u00f4ng vi\u1ec7c. Nghi\u00ean c\u1ee9u UX c\u00f3 h\u1ec7 th\u1ed1ng \u0111\u1ea7u ti\u00ean \u0111\u01b0\u1ee3c t\u1ea1o ra v\u00e0o n\u0103m 1900 khi&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Frederick_Winslow_Taylor\" target=\"_blank\" rel=\"noreferrer noopener\">Winslow Taylor<\/a>&nbsp;t\u00ecm c\u00e1ch t\u1ed1i \u01b0u ho\u00e1 hi\u1ec7u su\u1ea5t l\u00e0m vi\u1ec7c b\u1eb1ng c\u00e1ch xem x\u00e9t m\u1ed1i t\u01b0\u01a1ng quan gi\u1eefa c\u00e1c c\u00f4ng nh\u00e2n v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 c\u1ee7a h\u1ecd.<\/p>\n\n\n\n<p>V\u00e0o n\u0103m 1940, h\u00e3ng&nbsp;<em>Toyota&nbsp;<\/em>\u00e1p d\u1ee5ng v\u00e0 cho ra m\u1eaft m\u00f4 h\u00ecnh s\u1ea3n ph\u1ea9m l\u1ea5y con ng\u01b0\u1eddi l\u00e0m trung t\u00e2m r\u1ea5t n\u1ed5i ti\u1ebfng (Human-Centered-Production) nh\u1eb1m h\u00ecnh th\u00e0nh m\u00f4i tr\u01b0\u1eddng thu\u1eadn ti\u1ec7n v\u00e0 c\u1ea3i ti\u1ebfn cho ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>Trong su\u1ed1t nh\u1eefng n\u0103m 70, khi m\u00e1y t\u00ednh c\u00e1 nh\u00e2n d\u1ea7n xu\u1ea5t hi\u1ec7n v\u00e0 ng\u00e0nh thi\u1ebft k\u1ebf m\u1edbi \u0111ang \u1edf giai \u0111o\u1ea1n ch\u1edbm n\u1edf,&nbsp;<a href=\"https:\/\/www.parc.com\/about\/\" target=\"_blank\" rel=\"noreferrer noopener\">Xerox Parc\u200a<\/a>\u2014\u200a m\u1ed9t ph\u00f2ng nghi\u00ean c\u1ee9u v\u00e0 ph\u00e1t tri\u1ec3n n\u1ed5i ti\u1ebfng c\u1ee7a Silicon Valley &nbsp;\u0111\u00e3 ch\u1ecbu tr\u00e1ch nhi\u1ec7m ph\u00e1t tri\u1ec3n kh\u00e1i ni\u1ec7m Graphic User Interface (GUI) v\u00e0 chu\u1ed9t m\u00e1y t\u00ednh. &nbsp;C\u00e1c k\u1ef9 s\u01b0 \u0111\u00e3 ph\u1ed1i h\u1ee3p l\u00e0m vi\u1ec7c ch\u1eb7t ch\u1ebd \u0111\u1ec3 s\u00e1ng t\u1ea1o nh\u1eefng tr\u1ea3i nghi\u1ec7m \u0111\u00e1ng ng\u1ea1c nhi\u00ean. L\u00fd thuy\u1ebft c\u1ee7a h\u1ecd \u0111\u00e3 \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng b\u1edfi nh\u1eefng h\u00e3ng r\u1ea5t n\u1ed5i ti\u1ebfng nh\u01b0 Apple v\u00e0 Microsoft.<\/p>\n\n\n\n<p>Cu\u1ed1i c\u00f9ng v\u00e0o n\u0103m 1955, m\u1ed9t designer n\u1ed5i ti\u1ebfng t\u00ean&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Don_Norman\" target=\"_blank\" rel=\"noreferrer noopener\">Don Norman<\/a>&nbsp;\u0111\u00e3 \u0111\u1ec1 xu\u1ea5t thu\u1eadt ng\u1eef User Experience (Tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng) v\u00e0 \u00e1p d\u1ee5ng h\u00e0ng lo\u1ea1t c\u00e1c ho\u1ea1t \u0111\u1ed9ng v\u1edbi team c\u1ee7a \u00f4ng t\u1ea1i Apple Computers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-tam-quan-trong-cua-ux-ui\">3. T\u1ea7m quan tr\u1ecdng c\u1ee7a UX\/UI<\/h2>\n\n\n\n<p>T\u1ea1i sao? T\u1ea1i sao&nbsp;<a href=\"https:\/\/altitudelabs.com\/blog\/how-are-companies-spending-ux-budgets-in-2018\/\" target=\"_blank\" rel=\"noreferrer noopener\">nh\u1eefng \u201cg\u00e3 kh\u1ed5ng l\u1ed3\u201d l\u1ea1i \u0111\u1ed5 r\u1ea5t nhi\u1ec1u ng\u00e2n s\u00e1ch<\/a>&nbsp;cho vi\u1ec7c nghi\u00ean c\u1ee9u ng\u01b0\u1eddi d\u00f9ng. V\u00e0 s\u1ef1 th\u00e0nh c\u00f4ng c\u1ee7a h\u1ecd \u0111\u1ec3 l\u1ea1i m\u1ed9t c\u00e2u h\u1ecfi l\u1edbn trong m\u1ed7i ch\u00fang ta, h\u1eb3n ph\u1ea3i c\u00f3 m\u1ed9t b\u00e0i h\u1ecdc g\u00ec \u0111\u00f3 ta c\u00f3 th\u1ec3 r\u00fat ra cho team\/doanh nghi\u1ec7p c\u1ee7a m\u00ecnh. B\u1edfi v\u00ec\u2026 m\u1ed9t s\u1ea3n ph\u1ea9m t\u1ed1t l\u00e0 m\u1ed9t s\u1ea3n ph\u1ea9m \u0111\u00e1p \u1ee9ng \u0111\u01b0\u1ee3c m\u1ee5c ti\u00eau c\u1ee7a doanh nghi\u1ec7p v\u00e0 nhu c\u1ea7u c\u1ee7a kh\u00e1ch h\u00e0ng. M\u1ed9t s\u1ea3n ph\u1ea9m tuy\u1ec7t v\u1eddi \u0111\u01b0\u1ee3c t\u1ea1o ra v\u1edbi t\u1ea7m nh\u00ecn, s\u1ef1 n\u1ed7 l\u1ef1c v\u00e0 cung c\u1ea5p gi\u00e1 tr\u1ecb l\u00e2u d\u00e0i cho ng\u01b0\u1eddi d\u00f9ng. Quan tr\u1ecdng h\u01a1n h\u1ebft, n\u00f3 t\u1ea1o ra nh\u1eefng tr\u1ea3i nghi\u1ec7m t\u00edch c\u1ef1c khi\u1ebfn ng\u01b0\u1eddi d\u00f9ng mu\u1ed1n quay tr\u1edf l\u1ea1i v\u00e0 khuy\u1ebfn kh\u00edch v\u1edbi b\u1ea1n b\u00e8, ng\u01b0\u1eddi th\u00e2n c\u1ee7a h\u1ecd. Vi\u1ec7c ng\u01b0\u1eddi d\u00f9ng c\u1ea3m nh\u1eadn \u0111\u01b0\u1ee3c s\u1ef1 th\u00e2n thu\u1ed9c (familiarity), s\u1ef1 t\u00f4n tr\u1ecdng (respect) v\u00e0 s\u1ef1 tho\u1ea3i m\u00e1i (pleasure) khi l\u1ea7n \u0111\u1ea7u s\u1eed d\u1ee5ng d\u1ecbch v\u1ee5\/s\u1ea3n ph\u1ea9m l\u00e0 r\u1ea5t quan tr\u1ecdng.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-cac-yeu-to-trong-qua-trinh-phat-trien-ux-ui\">4. C\u00e1c y\u1ebfu t\u1ed1 trong qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n UX\/UI<\/h2>\n\n\n\n<p>UXD l\u00e0 qu\u00e1 tr\u00ecnh ki\u1ebfn t\u1ea1o s\u1ea3n ph\u1ea9m cung c\u1ea5p gi\u00e1 tr\u1ecb v\u00e0 tr\u1ea3i nghi\u1ec7m t\u00edch c\u1ef1c cho ng\u01b0\u1eddi d\u00f9ng. \u0110\u1ec3 c\u00f3 m\u1ed9t c\u00e1i nh\u00ecn t\u1ed5ng quan, m\u00ecnh s\u1ebd cung c\u1ea5p cho b\u1ea1n m\u1ed9t l\u01b0\u1ee3c \u0111\u1ed3 t\u00f3m t\u1eaft sau:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UXD)<\/strong><\/td><\/tr><tr><td><strong>L\u00e0 g\u00ec?<\/strong><\/td><td><strong>G\u1ed3m g\u00ec?<\/strong><\/td><td><strong>Nh\u01b0 th\u1ebf n\u00e0o?<\/strong><\/td><\/tr><tr><td>M\u1ee5c ti\u00eau c\u1ee7a doanh nghi\u1ec7pNhu c\u1ea7u c\u1ee7a kh\u00e1ch h\u00e0ng\/ng\u01b0\u1eddi d\u00f9ng<\/td><td>Nghi\u00ean c\u1ee9u ng\u01b0\u1eddi d\u00f9ngN\u1ed9i dungC\u1ea5u tr\u00fac th\u00f4ng tin (IA)Thi\u1ebft k\u1ebf t\u01b0\u01a1ng t\u00e1cThi\u1ebft k\u1ebf th\u1ecb gi\u00e1cFront-end\/back-endQu\u00e1 tr\u00ecnh th\u1eed nghi\u1ec7m<\/td><td>GI\u00c1 TR\u1ecaH\u1eefu d\u1ee5ngH\u1ea5p d\u1eabnD\u1ec5 ti\u1ebfp c\u1eadnTin c\u1eadyD\u1ec5 nh\u1eadn bi\u1ebftD\u1ec5 s\u1eed d\u1ee5ng<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>N\u1ebfu coi b\u00e0i to\u00e1n thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng l\u00e0 m\u1ed9t ph\u01b0\u01a1ng tr\u00ecnh th\u00ec UXD ch\u00ednh l\u00e0 t\u1ed5ng c\u1ee7a hai h\u1ea1ng t\u1eed: M\u1ee5c ti\u00eau c\u1ee7a doanh nghi\u1ec7p v\u00e0 nhu c\u1ea7u c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. V\u00e0 \u0111\u1ec3 t\u1ea1o ra tr\u1ea3i nghi\u1ec7m t\u00edch c\u1ef1c cho ng\u01b0\u1eddi d\u00f9ng th\u00ec n\u00f3 c\u1ea7n c\u00f3 nh\u1eefng thu\u1ed9c t\u00ednh sau: C\u00d3 GI\u00c1 TR\u1eca, h\u1eefu d\u1ee5ng, h\u1ea5p d\u1eabn, d\u1ec5 ti\u1ebfp c\u1eadn, tin c\u1eady, d\u1ec5 nh\u1eadn bi\u1ebft, d\u1ec5 s\u1eed d\u1ee5ng. Qu\u00e1 tr\u00ecnh thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng c\u0169ng l\u00e0 k\u1ebft qu\u1ea3 t\u00edch h\u1ee3p c\u1ee7a nhi\u1ec1u ho\u1ea1t \u0111\u1ed9ng bao g\u1ed3m:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Nghi\u00ean c\u1ee9u ng\u01b0\u1eddi d\u00f9ng: Nghi\u00ean c\u1ee9u kh\u00e1ch h\u00e0ng m\u1ee5c ti\u00eau v\u00e0 nh\u1eefng g\u00ec h\u1ecd mong mu\u1ed1n nh\u1eb1m x\u00e1c \u0111\u1ecbnh nh\u1eefng gi\u00e1 tr\u1ecb ch\u00fang ta c\u00f3 th\u1ec3 mang l\u1ea1i cho h\u1ecd.<\/li><li>Thi\u1ebft k\u1ebf t\u01b0\u01a1ng t\u00e1c: Nghi\u00ean c\u1ee9u c\u00e1ch ng\u01b0\u1eddi d\u00f9ng t\u01b0\u01a1ng t\u00e1c v\u1edbi s\u1ea3n ph\u1ea9m\/ d\u1ecbch v\u1ee5 nh\u1eb1m ph\u00e1t tri\u1ec3n h\u01b0\u1edbng.<\/li><li>Thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c: Bao g\u1ed3m nh\u1eefng hi\u1ec3n th\u1ecb tr\u00ecnh di\u1ec5n tr\u01b0\u1edbc m\u1eaft ng\u01b0\u1eddi d\u00f9ng. Thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c ph\u1ea3i mang t\u00ednh ph\u00f9 h\u1ee3p, t\u00ednh \u0111\u1ed3ng nh\u1ea5t v\u00e0 t\u00ednh th\u1ea9m m\u1ef9.<\/li><li>C\u1ea5u tr\u00fac th\u00f4ng tin: C\u00e1ch s\u1eafp x\u1ebfp hi\u1ec3n th\u1ecb th\u00f4ng tin khoa h\u1ecdc v\u00e0 ph\u00f9 h\u1ee3p.<\/li><li>N\u1ed9i dung: V\u00e0 ph\u1ea7n quan tr\u1ecdng nh\u1ea5t bao gi\u1edd c\u0169ng l\u00e0 n\u1ed9i dung, \u0111\u00f3 ch\u00ednh l\u00e0 th\u1ee9 h\u1ea5p d\u1eabn ng\u01b0\u1eddi d\u00f9ng nh\u1ea5t, l\u00e0 l\u00fd do khi\u1ebfn h\u1ecd t\u00ecm ki\u1ebfm v\u00e0 trung th\u00e0nh v\u1edbi th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a ch\u00fang ta. D\u00f9 c\u00f3 \u201ctrang tr\u00ed\u201d th\u1ebf n\u00e0o \u0111i n\u1eefa th\u00ec ch\u1ec9 nh\u1eefng n\u1ed9i dung mang l\u1ea1i gi\u00e1 tr\u1ecb cho ng\u01b0\u1eddi d\u00f9ng m\u1edbi c\u00f3 th\u1ec3 t\u1ed3n t\u1ea1i l\u00e2u d\u00e0i.<\/li><li>Qu\u00e1 tr\u00ecnh th\u1eed nghi\u1ec7m: Sau c\u00f9ng th\u00ec ch\u1ec9 nh\u1eefng con s\u1ed1 th\u1ef1c t\u1ebf m\u1edbi ch\u1ee9ng minh \u0111\u01b0\u1ee3c t\u00ednh hi\u1ec7u qu\u1ea3 v\u00e0 \u0111\u00e1nh gi\u00e1 kh\u00e1ch quan qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n UX\/UI. \u0110i\u1ec1u kh\u00f3 nh\u1ea5t c\u1ee7a designer\/developer l\u00e0 ph\u1ea3i c\u00f3 kh\u1ea3 n\u0103ng th\u1ea5u hi\u1ec3u v\u00e0 \u0111\u1eb7t m\u00ecnh v\u00e0o v\u1ecb tr\u00ed c\u1ee7a kh\u00e1ch h\u00e0ng \u0111\u1ec3 hi\u1ec3u h\u1ecd c\u1ea7n g\u00ec v\u00e0 mu\u1ed1n g\u00ec. B\u1ea1n thi\u1ebft k\u1ebf v\u00e0 ph\u00e1t tri\u1ec3n s\u1ea3n ph\u1ea9m d\u00e0nh cho kh\u00e1ch h\u00e0ng ch\u1ee9 kh\u00f4ng n\u00ean d\u1ef1a tr\u00ean c\u1ea3m quan c\u00e1 nh\u00e2n. Do v\u1eady th\u1eed nghi\u1ec7m l\u00e0 v\u00f4 c\u00f9ng quan tr\u1ecdng, s\u1ed1 li\u1ec7u ph\u00e2n t\u00edch s\u1ebd cho b\u1ea1n bi\u1ebft m\u1eabu n\u00e0o l\u00e0 ph\u00f9 h\u1ee3p h\u01a1n.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5-khai-thac-qua-trinh-phat-trien-ux-ui\">5. Khai th\u00e1c qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n UX\/UI<\/h2>\n\n\n\n<p>Qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n UX\/UI bao g\u1ed3m n\u0103m giai \u0111o\u1ea1n hay n\u0103m t\u1ea7ng, m\u00ecnh \u0111\u00e3 th\u1ed1ng k\u00ea t\u1eeb t\u1ea7ng \u201cn\u00f4ng\u201d nh\u1ea5t \u0111\u1ebfn \u201cs\u00e2u\u201d nh\u1ea5t trong b\u1ea3ng d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>T\u1ea7ng<\/strong><\/td><td><strong>L\u00e0 g\u00ec?<\/strong><\/td><td><strong>G\u1ed3m g\u00ec?<\/strong><\/td><\/tr><tr><td><strong>B\u1ec1 m\u1eb7t (Surface)<\/strong><\/td><td>Hi\u1ec3n th\u1ecb UI<\/td><td>Thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c<\/td><\/tr><tr><td><strong>B\u1ed9 khung (Skeleton)<\/strong><\/td><td>T\u1ed5 ch\u1ee9c c\u00e1c y\u1ebfu t\u1ed1 th\u1ecb gi\u00e1c<\/td><td>Thi\u1ebft k\u1ebf giao di\u1ec7n + Thi\u1ebft k\u1ebf \u0111i\u1ec1u h\u01b0\u1edbng + Thi\u1ebft k\u1ebf th\u00f4ng tin<\/td><\/tr><tr><td><strong>C\u1ea5u tr\u00fac (Structure)<\/strong><\/td><td>C\u1ea5u tr\u00fac c\u00e1c thu\u1ed9c t\u00ednh\/ch\u1ee9c n\u0103ng d\u1ef1a tr\u00ean b\u1ed1i c\u1ea3nh th\u1ef1c t\u1ebf<\/td><td>Thi\u1ebft k\u1ebf t\u01b0\u01a1ng t\u00e1c + C\u1ea5u tr\u00fac th\u00f4ng tin<\/td><\/tr><tr><td><strong>Ph\u1ea1m vi&nbsp;<\/strong><strong>(Scope)<\/strong><\/td><td>Thu\u1ed9c t\u00ednh\/ch\u1ee9c n\u0103ng<\/td><td>Chi ti\u1ebft ho\u00e1 ch\u1ee9c n\u0103ng + Y\u00eau c\u1ea7u n\u1ed9i dung<\/td><\/tr><tr><td><strong>Chi\u1ebfn l\u01b0\u1ee3c&nbsp; (Strategy)<\/strong><\/td><td>L\u00fd do\/tri\u1ebft l\u00fd c\u1ee7a s\u1ea3n ph\u1ea9m<\/td><td>M\u1ee5c ti\u00eau c\u1ee7a doanh nghi\u1ec7p + Nhu c\u1ea7u c\u1ee7a ng\u01b0\u1eddi d\u00f9ng<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>T\u1ea5t c\u1ea3 c\u00e1c qu\u00e1 tr\u00ecnh tr\u00ean \u0111\u1ec1u c\u00f3 m\u1ed1i li\u00ean h\u1ec7 m\u1eadt thi\u1ebft v\u1edbi nhau. H\u01b0\u1edbng ti\u1ebfp c\u1eadn ph\u00f9 h\u1ee3p nh\u1ea5t l\u00e0 khi b\u1ea1n l\u00e0m vi\u1ec7c giao thoa gi\u1eefa hai giai \u0111o\u1ea1n li\u00ean ti\u1ebfp nh\u1eb1m ph\u00e1t huy t\u1ed1i \u0111a t\u00ednh c\u1ed9ng h\u01b0\u1edfng v\u00e0 b\u1ed5 tr\u1ee3 l\u1eabn nhau c\u1ee7a m\u1ed7i giai \u0111o\u1ea1n:<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"attachment_2883\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/2-1.png\" alt=\"\" class=\"wp-image-2883\"\/><figcaption>H\u01af\u1edaNG TI\u1ebeP C\u1eacN C\u00c1C QU\u00c1 TR\u00ccNH PH\u00c1T TRI\u1ec2N UX (JOE NATOLI)<\/figcaption><\/figure>\n\n\n\n<p>Sau \u0111\u00e2y m\u00ecnh s\u1ebd gi\u1ea3i th\u00edch r\u00f5 h\u01a1n v\u1ec1 t\u1eebng qu\u00e1 tr\u00ecnh trong s\u01a1 \u0111\u1ed3 m\u00f4 t\u1ea3 tr\u00ean:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-1-tang-chien-luoc\">5.1 T\u1ea7ng chi\u1ebfn l\u01b0\u1ee3c<\/h3>\n\n\n\n<p>Giai \u0111o\u1ea1n n\u00e0y bao g\u1ed3m m\u1ed9t s\u1ed1 b\u01b0\u1edbc: Qu\u00e1 tr\u00ecnh nghi\u00ean c\u1ee9u, x\u00e1c \u0111\u1ecbnh r\u00f5 m\u1ee5c ti\u00eau c\u1ee7a doanh nghi\u1ec7p v\u00e0 nhu c\u1ea7u c\u1ee7a ng\u01b0\u1eddi d\u00f9ng v\u00e0 quan tr\u1ecdng nh\u1ea5t l\u00e0 b\u1ea1n c\u1ea7n tr\u1ea3 l\u1eddi \u0111\u01b0\u1ee3c ba c\u00e2u h\u1ecfi sau:<\/p>\n\n\n\n<p>1. \u0110i\u1ec1u g\u00ec \u0111\u00e1ng \u0111\u1ec3 l\u00e0m? (C\u00e2n nh\u1eafc t\u1ea7m quan tr\u1ecdng v\u00e0 t\u00ednh th\u1ef1c ti\u1ec5n c\u1ee7a m\u1ed7i t\u00ednh n\u0103ng)<\/p>\n\n\n\n<p>2. \u0110i\u1ec1u g\u00ec b\u1ea1n \u0111ang l\u00e0m? (V\u1ea1ch r\u00f5 t\u1ea7m nh\u00ecn c\u1ee7a c\u1ea3 d\u1ef1 \u00e1n v\u1edbi s\u1ef1 tham gia c\u1ee7a c\u00e1c b\u00ean li\u00ean quan)<\/p>\n\n\n\n<p>3. B\u1ea1n \u0111ang cung c\u1ea5p g\u00ed tr\u1ecb n\u00e0o? (X\u00e1c \u0111\u1ecbnh kh\u00e1ch h\u00e0ng m\u1ee5c ti\u00eau v\u00e0 kh\u00e1m ph\u00e1 tr\u1ea3i nghi\u1ec7m c\u1ee7a h\u1ecd)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-2-tang-pham-vi\">5.2 T\u1ea7ng ph\u1ea1m vi<\/h3>\n\n\n\n<p>Giai \u0111o\u1ea1n n\u00e0y bao g\u1ed3m: Chi ti\u1ebft ho\u00e1 t\u00ednh n\u0103ng, x\u00e1c \u0111\u1ecbnh y\u00eau c\u1ea7u n\u1ed9i dung, c\u00e2n nh\u1eafc \u01b0u ti\u00ean m\u1ed7i y\u00eau c\u1ea7u. M\u00ecnh c\u00f3 \u0111i\u1ec3m l\u1ea1i m\u1ed9t v\u00e0i \u0111i\u1ec1u r\u1ea5t quan tr\u1ecdng b\u1ea1n n\u00ean l\u01b0u \u00fd:<\/p>\n\n\n\n<p>1. X\u00e1c \u0111\u1ecbnh ph\u1ea1m vi cho m\u1ed7i b\u00ean li\u00ean quan nh\u1eb1m ng\u0103n ch\u1eb7n nh\u1eefng m\u00e2u thu\u1eabn ti\u1ec1m t\u00e0ng. VD: \u1ede m\u1ed7i v\u1ecb tr\u00ed kh\u00e1c nhau (customer, designer, developer, marketer,\u2026), m\u1ed7i ng\u01b0\u1eddi s\u1ebd c\u00f3 nh\u1eefng h\u00ecnh dung v\u00e0 ti\u00eau ch\u00ed c\u1ee7a ri\u00eang m\u00ecnh. B\u1ea1n c\u1ea7n ph\u1ea3i l\u00e0m vi\u1ec7c r\u00f5 v\u1edbi t\u1ea5t c\u1ea3 c\u00e1c b\u00ean li\u00ean quan \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh r\u00f5 y\u00eau c\u1ea7u v\u00e0 kh\u1ea3 n\u0103ng th\u1ef1c thi c\u1ee7a h\u1ecd.<\/p>\n\n\n\n<p>2. Ngu\u1ed3n tham kh\u1ea3o quan tr\u1ecdng nh\u1ea5t ch\u00ednh l\u00e0 NG\u01af\u1edcI D\u00d9NG b\u1edfi \u0111\u01a1n gi\u1ea3n h\u1ecd l\u00e0 ng\u01b0\u1eddi th\u1ee5 h\u01b0\u1edfng cu\u1ed1i c\u00f9ng v\u00e0 c\u0169ng ch\u00ednh l\u00e0 ng\u01b0\u1eddi chi tr\u1ea3. B\u1ea1n \u0111ang thi\u1ebft k\u1ebf s\u1ea3n ph\u1ea9m cho h\u1ecd ch\u1ee9 kh\u00f4ng ph\u1ea3i cho b\u1ea3n th\u00e2n b\u1ea1n.<\/p>\n\n\n\n<p>3. N\u1ed9i dung c\u00f3 xu h\u01b0\u1edbng t\u1eadp trung v\u00e0o ng\u01b0\u1eddi d\u00f9ng v\u00e0 c\u00f3 \u1ea3nh h\u01b0\u1edfng nh\u1ea5t \u0111\u1ecbnh l\u00ean tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>4. S\u1eed d\u1ee5ng scenarios c\u1ea7n \u0111\u1eb7t trong b\u1ed1i c\u1ea3nh th\u1ef1c t\u1ebf.<\/p>\n\n\n\n<p>5. C\u00e1c y\u00eau c\u1ea7u\/t\u00ednh n\u0103ng quan tr\u1ecdng nh\u1ea5t c\u1ea7n ph\u1ea3i nh\u1ea5t qu\u00e1n v\u1edbi m\u1ee5c ti\u00eau chi\u1ebfn l\u01b0\u1ee3c m\u00e0 b\u1ea1n \u0111\u00e3 \u0111\u1ec1 ra trong giai \u0111o\u1ea1n th\u1ee9 nh\u1ea5t.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-3-tang-cau-truc\">5.3 T\u1ea7ng c\u1ea5u tr\u00fac<\/h3>\n\n\n\n<p>Giai \u0111o\u1ea1n n\u00e0y bao g\u1ed3m: Thi\u1ebft k\u1ebf t\u01b0\u01a1ng t\u00e1c, c\u1ea5u tr\u00fac th\u00f4ng tin v\u00e0 x\u00e2y d\u1ef1ng quy t\u1eafc.<\/p>\n\n\n\n<p>1. C\u1ea5u tr\u00fac c\u1ea7n ph\u00f9 h\u1ee3p v\u1edbi ng\u01b0\u1eddi d\u00f9ng v\u00e0 linh ho\u1ea1t \u0111\u1ec3 th\u00edch \u1ee9ng v\u1edbi thay \u0111\u1ed5i v\u00ec \u1edf gi\u1ea3i \u0111o\u1ea1n n\u00e0y b\u1ea1n s\u1ebd ph\u1ea3i \u0111\u00f3n nh\u1eadn nhi\u1ec1u lu\u1ed3ng \u00fd ki\u1ebfn c\u1ee7a m\u1ed7i b\u00ean li\u00ean quan \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh cho phi\u00ean b\u1ea3n t\u1ed1t h\u01a1n.<\/p>\n\n\n\n<p>2. T\u1eadp trung v\u00e0o m\u1ed1i li\u00ean h\u1ec7 gi\u1eefa c\u00e1c ph\u1ea7n t\u1eed n\u1ed9i dung nh\u1eb1m ph\u00e1t tri\u1ec3n chu\u1ed7i t\u01b0\u01a1ng t\u00e1c.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-4-bo-khung\">5.4 B\u1ed9 khung<\/h3>\n\n\n\n<p>Giai \u0111o\u1ea1n n\u00e0y bao g\u1ed3m: Thi\u1ebft k\u1ebf giao di\u1ec7n, thi\u1ebft k\u1ebf \u0111i\u1ec1u h\u01b0\u1edbng, thi\u1ebft k\u1ebf th\u00f4ng tin, wireframe\/prototype. C\u00f3 m\u1ed9t s\u1ed1 tips sau m\u00ecnh th\u1ea5y kh\u00e1 hay:<\/p>\n\n\n\n<p>1. Thi\u1ebft k\u1ebf giao di\u1ec7n n\u00ean s\u1eed d\u1ee5ng quy t\u1eafc hi\u1ec3n th\u1ecb li\u00ean ti\u1ebfp \u0111\u1ec3 t\u1ed1i \u01b0u ho\u00e1 t\u00edn hi\u1ec7u cho ng\u01b0\u1eddi s\u1eed d\u1ee5ng. VD:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/3-2.png\" alt=\"\" class=\"wp-image-2884\"\/><\/figure><\/div>\n\n\n\n<p>Window phone \u0111\u00e3 s\u1eed d\u1ee5ng quy t\u1eafc hi\u1ec3n th\u1ecb li\u00ean ti\u1ebfp \u201cartists-albums-s\u2026\u201d \u0111\u1ec3 b\u00e1o hi\u1ec7u cho ng\u01b0\u1eddi d\u00f9ng c\u00e1c ph\u1ea7n ti\u1ebfp theo \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo chi\u1ec1u ngang v\u00e0 h\u1ecd ch\u1ec9 c\u1ea7n swipe sang tr\u00e1i\/ph\u1ea3i \u0111\u1ec3 chuy\u1ec3n sang ph\u1ea7n \u0111\u00f3. \u0110\u00e2y l\u00e0 m\u1ed9t c\u00e1ch tuy\u1ec7t v\u1eddi t\u1ed1i \u01b0u ho\u00e1 t\u00edn hi\u1ec7u nh\u1eb1m gi\u1ea3m thi\u1ec3u c\u00e1c y\u1ebfu t\u1ed1 gi\u1ea3m s\u1ef1 t\u1eadp trung c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>2. Thi\u1ebft k\u1ebf giao di\u1ec7n th\u00e0nh c\u00f4ng khi \u201ch\u00e9 l\u1ed9\u201d \u0111\u01b0\u1ee3c \u0111\u1ed9 s\u00e2u c\u1ee7a n\u1ed9i dung trong c\u00e1c trang, gi\u00fap cho ng\u01b0\u1eddi d\u00f9ng bi\u1ebft h\u1ecd \u0111ang \u1edf \u0111\u00e2u v\u00e0 h\u1ecd s\u1ebd \u0111i v\u1ec1 \u0111\u00e2u sau khi th\u1ef1c hi\u1ec7n m\u1ed9t thao t\u00e1c. B\u1ea1n bi\u1ebft \u0111\u1ea5y, th\u00f4ng tin tr\u00ean website gi\u1ed1ng nh\u01b0 m\u1ed9t khu r\u1eebng, b\u1ea1n s\u1ebd c\u1ea3m th\u1ea5y an to\u00e0n v\u00e0 y\u00ean t\u00e2m h\u01a1n khi trong tay c\u00f3 b\u1ea3n \u0111\u1ed3. N\u00f3 gi\u00fap b\u1ea1n \u0111\u1ecbnh v\u1ecb v\u1ecb tr\u00ed v\u00e0 x\u00e1c \u0111\u1ecbnh h\u01b0\u1edbng \u0111i.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-5-be-mat\">5.5&nbsp; B\u1ec1 m\u1eb7t<\/h3>\n\n\n\n<p>T\u1ea7ng n\u00e0y bao g\u1ed3m: C\u00e1c quy t\u1eafc thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c, d\u00f2ng ch\u1ea3y th\u1ecb gi\u00e1c, \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n v\u00e0 nh\u1ea5t qu\u00e1n, m\u00e0u s\u1eafc v\u00e0 typography.<\/p>\n\n\n\n<p>1. \u0110\u00e2y ch\u00ednh l\u00e0 t\u1ea7ng ch\u1ee9a \u0111\u1ef1ng ng\u00f4n ng\u1eef g\u00e2y \u1ea3nh h\u01b0\u1edfng nh\u1ea5t khi m\u00e0 ng\u01b0\u1eddi d\u00f9ng ch\u1ea1m ng\u00f5 ngay l\u1ea7n \u0111\u1ea7u tr\u1ea3i nghi\u1ec7m s\u1ea3n ph\u1ea9m. Designer c\u1ea7n \u00e1p d\u1ee5ng t\u1ed1i \u01b0u c\u00e1c c\u00f4ng c\u1ee5 \u0111\u1ec3 truy\u1ec1n t\u1ea3i th\u00f4ng tin v\u00e0 h\u00ecnh th\u00e0nh c\u1ea3m x\u00fac: b\u1ed1 c\u1ee5c, typography, m\u00e0u s\u1eafc, h\u00ecnh \u1ea3nh, s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n v\u00e0 nh\u1ea5t qu\u00e1n.<\/p>\n\n\n\n<p>2. C\u00f3 b\u1ed1n quy t\u1eafc m\u00e0 b\u1ea1n n\u00ean l\u01b0u \u00fd khi ti\u1ebfn h\u00e0nh ph\u00e1t tri\u1ec3n UI: c\u0103n gi\u00f3ng, kho\u1ea3ng c\u00e1ch, s\u1ef1 l\u1eb7p l\u1ea1i, v\u00e0 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n.<\/p>\n\n\n\n<p>VD:<\/p>\n\n\n\n<p>2.1&nbsp; C\u0103n gi\u00f3ng l\u00e0 y\u00eau c\u1ea7u c\u01a1 b\u1ea3n trong thi\u1ebft k\u1ebf, n\u00f3 gi\u00fap ph\u00e2n c\u1ea5p v\u00e0 h\u1ec7 th\u1ed1ng th\u00f4ng tin. Tuy nhi\u00ean b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng quy t\u1eafc n\u00e0y \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt th\u00f4ng tin:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/align.jpg\" alt=\"\" class=\"wp-image-2908\"\/><\/figure><\/div>\n\n\n\n<p>N\u00f3 gi\u00fap ph\u00e2n c\u1ea5p th\u00f4ng tin, d\u1ec5 \u0111\u1ecdc, d\u1ec5 t\u00ecm ki\u1ebfm, gi\u1ea3m thi\u1ec3u m\u1ec7t m\u1ecfi th\u1ecb gi\u00e1c, v\u00e0 quan tr\u1ecdng h\u01a1n l\u00e0 gi\u00fap h\u00ecnh th\u00e0nh \u0111\u1ed9 b\u1ec1n v\u1eefng cho tinh th\u1ea7n ng\u01b0\u1eddi \u0111\u1ecdc:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/align-1.png\" alt=\"\" class=\"wp-image-2915\"\/><\/figure><\/div>\n\n\n\n<p>2.2&nbsp; Kho\u1ea3ng c\u00e1ch gi\u00fap ph\u00e2n c\u1ea5p th\u00f4ng tin, l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 t\u1ed1t gi\u00fap l\u00e0m n\u1ed5i b\u1eadt ph\u1ea7n th\u00f4ng tin quan tr\u1ecdng.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/space-1.png\" alt=\"\" class=\"wp-image-2919\"\/><\/figure><\/div>\n\n\n\n<p>2.3&nbsp; S\u1ef1 l\u1eb7p l\u1ea1i gi\u00fap t\u1ea1o h\u1ec7 th\u1ed1ng ph\u00e2n c\u1ea5p th\u1ee9 b\u1eadc trong thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c v\u00e0 t\u1ea1o \u0111\u1ed9 g\u1eafn k\u1ebft.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/repetition-1.png\" alt=\"\" class=\"wp-image-2918\"\/><\/figure><\/div>\n\n\n\n<p>2.4&nbsp; \u0110\u1ed9 t\u01b0\u01a1ng ph\u1ea3n gi\u00fap thu h\u00fat s\u1ef1 ch\u00fa \u00fd v\u00e0 c\u00e2n b\u1eb1ng c\u00e1c y\u1ebfu t\u1ed1 trong thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c. Ch\u1ecdn sai \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n c\u00f3 th\u1ec3 g\u00e2y ra r\u1eafc r\u1ed1i, kh\u00f3 \u0111\u1ecdc,\u2026<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.bravebits.co\/wp-content\/uploads\/2018\/01\/contrast-1.png\" alt=\"\" class=\"wp-image-2916\"\/><\/figure><\/div>\n\n\n\n<p>3. S\u1ef1 nh\u1ea5t qu\u00e1n trong thi\u1ebft k\u1ebf th\u1ecb gi\u00e1c cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng x\u00e2y d\u1ef1ng m\u1ed9t m\u00f4 h\u00ecnh t\u01b0\u1edfng t\u01b0\u1ee3ng v\u1ec1 c\u00e1ch l\u00e0m vi\u1ec7c c\u1ee7a s\u1ea3n ph\u1ea9m\/h\u1ec7 th\u1ed1ng. Khi l\u1ea7n \u0111\u1ea7u h\u1ecd va ch\u1ea1m m\u1ed9t d\u1ea5u hi\u1ec7u h\u1ecd ph\u1ea3i kh\u00e1m ph\u00e1, nh\u01b0ng sau d\u1ea7n t\u00ednh nh\u1ea5t qu\u00e1n s\u1ebd gi\u00fap h\u1ecd ph\u1ea3n x\u1ea1 v\u1edbi nh\u1eefng d\u1ea5u hi\u1ec7u t\u01b0\u01a1ng t\u1ef1 v\u00e0 thao t\u00e1c th\u00e0nh c\u00f4ng m\u00e0 kh\u00f4ng m\u1ea5t th\u1eddi gian t\u00ecm hi\u1ec3u.<\/p>\n\n\n\n<p>4. M\u00e0u s\u1eafc r\u1ea5t quan tr\u1ecdng. N\u00f3 gi\u00fap t\u1ed1i \u01b0u ho\u00e1 kh\u1ea3 n\u0103ng \u0111\u1ecdc, gi\u1ea3m thi\u1ec3u m\u1ec7t m\u1ecfi th\u1ecb gi\u00e1c v\u00e0 quan tr\u1ecdng h\u01a1n l\u00e0 h\u00ecnh th\u00e0nh c\u1ea3m x\u00fac. Khi kh\u00e1ch h\u00e0ng \u0111\u00e3 \u201cth\u00edch\u201d th\u00ec l\u1ee3i nhu\u1eadn s\u1ebd t\u0103ng.<\/p>\n\n\n\n<p>5. Typeface c\u0169ng c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nh\u01b0 m\u1ed9t c\u00f4ng c\u1ee5 \u0111\u1ec3 ph\u00e2n c\u1ea5p th\u00f4ng tin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ket-luan\">K\u1ebft lu\u1eadn<\/h2>\n\n\n\n<p>Tr\u00ean \u0111\u00e2y m\u00ecnh \u0111\u00e3 tr\u00ecnh b\u00e0y m\u1ed9t s\u1ed1 kh\u00e1i ni\u1ec7m c\u0169ng nh\u01b0 chi\u1ebfn l\u01b0\u1ee3c n\u1eb1m \u0111\u1eb1ng sau qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n UX\/UI. M\u00ecnh hy v\u1ecdng b\u00e0i vi\u1ebft h\u1eefu \u00edch v\u00e0 gi\u00fap b\u1ea1n ph\u1ea7n n\u00e0o trong c\u00f4ng vi\u1ec7c. L\u1ecbch s\u1eed ph\u00e1t tri\u1ec3n c\u1ee7a UXD \u0111\u00e3 k\u00e9o d\u00e0i g\u1ea7n 100 n\u0103m, c\u00f2n t\u01b0\u01a1ng lai n\u1eb1m trong ch\u00ednh tay c\u1ee7a ch\u00fang ta.<\/p>\n\n\n\n<p>Ngu\u1ed3n tham kh\u1ea3o:<\/p>\n\n\n\n<p>User Experience Design Fundamentals \u2013 Joe Natoli<\/p>\n\n\n\n<p>The history of User Experience Design \u2013 Medium<br><br>T\u00e1c gi\u1ea3 b\u00e0i vi\u1ebft: Mai Lan<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nghi\u00ean c\u1ee9u tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng l\u00e0 m\u1ed9t l\u0129nh v\u1ef1c kh\u00e1 hot hi\u1ec7n nay. B\u00e0i vi\u1ebft n\u00e0y m\u00ecnh mu\u1ed1n chia s\u1ebb m\u1ed9t ch\u00fat v\u1ec1 nh\u1eefng ki\u1ebfn th\u1ee9c trong qu\u00e1 tr\u00ecnh t\u00ecm hi\u1ec3u UX\/UI c\u1ee7a m\u00ecnh, nh\u1eefng \u0111i\u1ec1u m\u00ecnh c\u1ea3m th\u1ea5y quan tr\u1ecdng v\u00e0 c\u0169ng kh\u00e1 th\u00fa v\u1ecb. M\u1ed9t s\u1ed1 thu\u1eadt ng\u1eef \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-493","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/posts\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khoavo.us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=493"}],"version-history":[{"count":1,"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions"}],"predecessor-version":[{"id":494,"href":"https:\/\/khoavo.us\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions\/494"}],"wp:attachment":[{"href":"https:\/\/khoavo.us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khoavo.us\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khoavo.us\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}