{"id":5645,"date":"2015-10-02T13:50:28","date_gmt":"2015-10-02T13:50:28","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=5645"},"modified":"2018-12-24T09:43:34","modified_gmt":"2018-12-24T02:43:34","slug":"thiet-ke-trai-nghiem-nguoi-dung-ux-la-gi","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=5645","title":{"rendered":"Thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng (UX) l\u00e0 g\u00ec?"},"content":{"rendered":"

Trong th\u1eddi gian<\/a> g\u1ea7n \u0111\u00e2y ch\u00fang ta \u0111\u01b0\u1ee3c nghe nh\u1eafc r\u1ea5t nhi\u1ec1u \u0111\u1ebfn c\u1ee5m t\u1eeb tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng<\/a> (user experience \u2013 UX). Tuy nhi\u00ean, nhi\u1ec1u ng\u01b0\u1eddi v\u1eabn c\u00f2n nh\u1ea7m l\u1eabn \u0111\u00e2y ch\u00ednh l\u00e0 giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng (user interface \u2013 UI), l\u00e0 th\u1ee9 m\u00e0 ch\u00fang ta v\u1eabn th\u01b0\u1eddng th\u1ea5y, th\u01b0\u1eddng click v\u00e0o ho\u1eb7c th\u01b0\u1eddng ch\u1ea1m ch\u1ea1m m\u1ed7i ng\u00e0y. Th\u1ef1c ch\u1ea5t th\u00ec UX v\u00e0 UI l\u00e0 hai th\u1ee9 kh\u00e1c nhau, lo v\u1ec1 nh\u1eefng v\u1ea5n \u0111\u1ec1 kh\u00e1c nhau nh\u01b0ng l\u1ea1i c\u00f3 m\u1ed1i quan h\u1ec7 ch\u1eb7t ch\u1ebd v\u1edbi nhau. S\u1eb5n \u0111ang t\u00ecm hi\u1ec3u v\u1ec1 v\u1ea5n \u0111\u1ec1 n\u00e0y, xin chia s\u1ebb v\u1edbi c\u00e1c b\u1ea1n m\u1ed9t s\u1ed1 th\u00f4ng tin v\u1ec1 UX, UI c\u0169ng nh\u01b0 c\u00e1ch m\u00e0 ng\u01b0\u1eddi \u0111ang \u00e1p d\u1ee5ng n\u00f3 v\u00e0o cu\u1ed9c s\u1ed1ng h\u1eb1ng ng\u00e0y.<\/p>\n

\"3141108_Tinhte_UX_UI_la_gi_HEADER\"<\/a><\/p>\n

UX l\u00e0 g\u00ec, nh\u00e0 thi\u1ebft k\u1ebf UX<\/a> l\u00e0 ai?<\/h3>\n

Tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng, n\u00f3i ng\u1eafn g\u1ecdn, l\u00e0 c\u00e1ch m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u1ea3m nh\u1eadn v\u1ec1 m\u1ed9t s\u1ea3n ph\u1ea9m n\u00e0o \u0111\u00f3. S\u1ea3n ph\u1ea9m \u1edf \u0111\u00e2y kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i l\u00e0 \u0111\u1ed3 c\u00f4ng ngh\u1ec7, n\u00f3 c\u00f3 th\u1ec3 \u0111\u01a1n gi\u1ea3n ch\u1ec9 l\u00e0 m\u1ed9t con dao, m\u1ed9t c\u00e1i k\u00e9o, m\u1ed9t chi\u1ebfc gh\u1ebf \u0111\u00e1 ngo\u00e0i c\u00f4ng vi\u00ean, c\u00f2n g\u1ea7n h\u01a1n v\u1edbi anh em Tinh t\u1ebf l\u00e0 m\u1ed9t c\u00e1i smartphone, m\u1ed9t chi\u1ebfc m\u00e1y t\u00ednh ho\u1eb7c m\u1ed9t \u1ee9ng d\u1ee5ng n\u00e0o \u0111\u00f3.<\/p>\n

M\u1ee5c ti\u00eau t\u1ed1i th\u01b0\u1ee3ng c\u1ee7a vi\u1ec7c thi\u1ebft k\u1ebf tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng \u0111\u00f3 l\u00e0 ph\u1ea3i \u0110\u00c1P \u1ee8NG \u0110\u01af\u1ee2C NHU C\u1ea6U C\u1ee6A NG\u01af\u1edcI D\u00d9NG. B\u1ea1n x\u00e0i k\u00e9o \u0111\u1ec3 c\u1eaft th\u00ec vi\u1ec7c c\u1eaft ph\u1ea3i di\u1ec5n ra d\u1ec5 d\u00e0ng, nhanh ch\u00f3ng nh\u1ea5t c\u00f3 th\u1ec3, b\u1ea1n ng\u1ed3i tr\u00ean b\u0103ng gh\u1ebf \u0111\u00e1 th\u00ec ph\u1ea3i \u00eam m\u00f4ng nh\u1ea5t, tho\u1ea3i m\u00e1i nh\u1ea5t c\u00f3 th\u1ec3, ho\u1eb7c b\u1ea1n x\u00e0i smartphone th\u00ec ph\u1ea3i c\u1ea3m th\u1ea5y \u201cs\u01b0\u1edbng\u201d nh\u1ea5t, ph\u1ea3i ph\u1ee5c v\u1ee5 \u0111\u01b0\u1ee3c cho nh\u1eefng nhu c\u1ea7u li\u00ean l\u1ea1c v\u00e0 k\u1ebft n\u1ed1i m\u1ed9t c\u00e1ch thu\u1eadn ti\u1ec7n nh\u1ea5t.<\/p>\n

N\u00f3i v\u1ec1 UX th\u00ec ng\u01b0\u1eddi ta hay nh\u1eafc \u0111\u1ebfn c\u1ee5m t\u1eeb t\u00ednh d\u1ec5 d\u00f9ng (usability). \u0110\u1ecbnh ngh\u0129a c\u1ee7a t\u00ednh d\u1ec5 d\u00f9ng, theo cu\u1ed1n s\u00e1ch \u201cUser-Centered Design\u201d c\u1ee7a nh\u00e0 xu\u1ea5t b\u1ea3n O\u2019Reilly, c\u00f3 ngh\u0129a l\u00e0 m\u1ee9c \u0111\u1ed9 hi\u1ec7u qu\u1ea3, thu\u1eadn ti\u1ec7n v\u00e0 h\u00e0i l\u00f2ng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng v\u1edbi m\u1ed9t s\u1ea3n ph\u1ea9m khi h\u1ecd d\u00f9ng n\u00f3 \u0111\u1ec3 \u0111\u1ea1t m\u1ed9t m\u1ee5c \u0111\u00edch \u0111\u00e3 \u0111\u1ec1 ra. V\u00ed d\u1ee5, b\u1ea1n x\u00e0i Word v\u1edbi mong mu\u1ed1n g\u00f5 ra m\u1ed9t v\u0103n b\u1ea3n, th\u00ec n\u00f3 c\u00f3 hi\u1ec7u qu\u1ea3, thu\u1eadn ti\u1ec7n v\u00e0 l\u00e0m cho b\u1ea1n h\u00e0i l\u00f2ng v\u1edbi v\u0103n b\u1ea3n c\u1ee7a m\u00ecnh hay kh\u00f4ng. B\u1ea1n x\u00e0i Windows th\u00ec b\u1ea1n c\u00f3 h\u00e0i l\u00f2ng khi d\u00f9ng n\u00f3 \u0111\u1ec3 l\u01b0\u1edbt web, \u0111\u1ec3 so\u1ea1n t\u00e0i li\u1ec7u hay \u0111\u1ec3 chat v\u1edbi b\u1ea1n b\u00e8 kh\u00f4ng.<\/p>\n

\"3141112_ux-design\"<\/a>\u00a0\u200b<\/div>\n

Trong qu\u00e1 tr\u00ecnh l\u00e0m vi\u1ec7c, m\u1ed9t chuy\u00ean gia UX, hay c\u00f2n g\u1ecdi l\u00e0 nh\u00e0 thi\u1ebft k\u1ebf UX, th\u01b0\u1eddng kh\u00f4ng ph\u1ea3i l\u00e0m vi\u1ec7c nhi\u1ec1u v\u1edbi c\u00e1c c\u00f4ng c\u1ee5 \u0111\u1ed3 h\u1ecda. Thay v\u00e0o \u0111\u00f3, h\u1ecd l\u00e0m vi\u1ec7c v\u1edbi CON NG\u01af\u1edcI. Con ng\u01b0\u1eddi ch\u00ednh l\u00e0 y\u1ebfu t\u1ed1 trung t\u00e2m c\u1ee7a UX, b\u1edfi s\u1ea3n ph\u1ea9m b\u1ea1n t\u1ea1o ra l\u00e0 \u0111\u1ec3 cho con ng\u01b0\u1eddi s\u1eed d\u1ee5ng c\u01a1 m\u00e0. B\u1ea1n ph\u1ea3i hi\u1ec3u xem ng\u01b0\u1eddi d\u00f9ng ch\u00ednh l\u00e0 ai, h\u1ecd mu\u1ed1n g\u00ec, ph\u1ea3i hi\u1ec3u v\u1ec1 h\u00e0nh vi, v\u1ec1 th\u00f3i quen c\u1ee7a h\u1ecd th\u00ec m\u1edbi \u0111\u01b0\u1eddng m\u00e0 thi\u1ebft k\u1ebf s\u1ea3n ph\u1ea9m c\u1ee7a m\u00ecnh cho ph\u00f9 h\u1ee3p, \u0111\u00fang kh\u00f4ng n\u00e0o? V\u00e0 c\u00e1c c\u00e1ch \u0111\u1ec3 t\u00ecm hi\u1ec3u bao g\u1ed3m: ph\u1ecfng v\u1ea5n, l\u00e0m kh\u1ea3o s\u00e1t, quan s\u00e1t (tr\u1ef1c ti\u1ebfp), theo d\u00f5i h\u00e0nh vi v\u00e0 ph\u00e2n t\u00edch (gi\u00e1n ti\u1ebfp).<\/p>\n

V\u1ec1 c\u01a1 b\u1ea3n, c\u00f4ng vi\u1ec7c c\u1ee7a m\u1ed9t chuy\u00ean gia UX s\u1ebd th\u01b0\u1eddng \u0111i theo con \u0111\u01b0\u1eddng nh\u01b0 sau:<\/p>\n

    \n
  1. Ti\u1ebfp nh\u1eadn d\u1ef1 \u00e1n, t\u00ecm hi\u1ec3u v\u1ec1 d\u1ef1 \u00e1n \u0111\u00f3<\/li>\n
  2. T\u00ecm hi\u1ec3u v\u1ec1 \u0111\u1ed1i t\u01b0\u1ee3ng ng\u01b0\u1eddi d\u00f9ng ch\u00ednh c\u1ee7a d\u1ef1 \u00e1n<\/li>\n
  3. \u0110i thu th\u1eadp y\u00eau c\u1ea7u c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, xem xem h\u1ecd mu\u1ed1n g\u00ec<\/li>\n
  4. Ph\u00e2n t\u00edch y\u00eau c\u1ea7u ng\u01b0\u1eddi d\u00f9ng, m\u00f4 ph\u1ecfng quy tr\u00ecnh thao t\u00e1c b\u1eb1ng c\u00e1ch lo\u1ea1i s\u01a1 \u0111\u1ed3 v\u00e0 \u0111\u01b0a ra gi\u1ea3i ph\u00e1p<\/li>\n
  5. X\u00e2y d\u1ef1ng c\u00e1c persona (s\u1ebd n\u00f3i \u1edf b\u00ean d\u01b0\u1edbi), c\u00e1c t\u00ecnh hu\u1ed1ng s\u1eed d\u1ee5ng (scenario), c\u00e1c r\u1ee7i ro c\u00f3 th\u1ec3 g\u1eb7p ph\u1ea3i\u2026<\/li>\n
  6. X\u00e2y d\u1ef1ng c\u00e1c b\u1ea3n mockup (t\u1ea1m d\u1ecbch l\u00e0 b\u1ea3n v\u1ebd s\u01a1 khai c\u1ee7a s\u1ea3n ph\u1ea9m) v\u00e0 ki\u1ec3m nghi\u1ec7m ch\u00fang<\/li>\n
  7. N\u1ebfu mockup cho th\u1ea5y k\u1ebft qu\u1ea3 \u1ed5n, chuy\u00ean gia UX ti\u1ebfp t\u1ee5c ho\u00e0n thi\u1ec7n n\u00f3 v\u00e0 cho ra \u0111\u1eddi nguy\u00ean m\u1eabu (prototype)<\/li>\n
  8. Khi \u0111\u00e3 c\u00f3 nguy\u00ean m\u1eabu, l\u1ea1i ti\u1ebfp t\u1ee5c ki\u1ec3m tra v\u00e0 cho ra s\u1ea3n ph\u1ea9m cu\u1ed1i c\u00f9ng<\/li>\n
  9. Ho\u00e0n thi\u1ec7n s\u1ea3n ph\u1ea9m, ki\u1ec3m tra v\u1edbi ng\u01b0\u1eddi d\u00f9ng (user acceptance testing \u2013 UAT)<\/li>\n
  10. \u0110\u01b0a qua cho b\u1ed9 ph\u1eadn l\u1eadp tr\u00ecnh \u0111\u01b0a ra th\u00e0nh s\u1ea3n ph\u1ea9m th\u1ef1c t\u1ebf<\/li>\n<\/ol>\n

    Con \u0111\u01b0\u1eddng n\u00f3i tr\u00ean ch\u1ec9 l\u00e0 m\u1ed9t c\u00e1ch, ngo\u00e0i ra trong m\u00f4i tr\u01b0\u1eddng thay \u0111\u1ed5i nhanh nh\u01b0 hi\u1ec7n nay th\u00ec ng\u01b0\u1eddi ta c\u00f3 th\u1ec3 ch\u1ecdn c\u00e1ch l\u01b0\u1ee3c b\u1edbt m\u1ed9t s\u1ed1 b\u01b0\u1edbc ho\u1eb7c k\u1ebft h\u1ee3p b\u01b0\u1edbc n\u00e0y v\u1edbi b\u01b0\u1edbc kh\u00e1c \u0111\u1ec3 c\u00f3 th\u1ec3 ti\u1ebfn \u0111\u1ebfn s\u1ea3n ph\u1ea9m cu\u1ed1i c\u00f9ng m\u1ed9t c\u00e1ch nhanh ch\u00f3ng h\u01a1n. Nh\u01b0ng nh\u00ecn chung, nh\u00e0 thi\u1ebft k\u1ebf UX \u00edt khi ph\u1ea3i \u0111\u1ee5ng \u0111\u1ebfn vi\u1ec7c \u0111\u1ed3 h\u1ecda, \u0111\u00f3 l\u00e0 c\u00f4ng vi\u1ec7c c\u1ee7a nh\u00e0 thi\u1ebft k\u1ebf UI<\/a>. N\u1ebfu c\u00f3, anh \u1ea5y c\u0169ng ch\u1ec9 t\u1ea1o ra m\u1ed9t giao di\u1ec7n r\u1ea5t \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 truy\u1ec1n \u0111\u1ea1t \u00fd t\u01b0\u1edfng c\u1ee7a m\u00ecnh m\u00e0 th\u00f4i.<\/p>\n

    \"3141109_Tinhte_UX_UI_la_gi_5\"<\/a>\u00a0\u200b<\/div>\n

    N\u00f3i v\u1ec1 persona<\/b>, \u0111\u00e2y l\u00e0 c\u1ee5m t\u1eeb r\u1ea5t th\u01b0\u1eddng th\u1ea5y trong l\u0129nh v\u1ef1c UX. Persona l\u00e0 m\u1ed9t th\u1ef1c th\u1ec3 m\u00f4 ph\u1ecfng l\u1ea1i 1 ng\u01b0\u1eddi d\u00f9ng, tuy nhi\u00ean l\u1ea1i kh\u00f4ng \u0111\u01b0\u1ee3c d\u1ef1a tr\u00ean b\u1ea5t k\u00ec ng\u01b0\u1eddi th\u1eadt n\u00e0o c\u1ea3. V\u00ed d\u1ee5, persona c\u1ee7a ph\u1ea7n m\u1ec1m Word c\u00f3 th\u1ec3 l\u00e0 m\u1ed9t anh c\u00f4ng ch\u1ee9c 35 tu\u1ed5i t\u00ean Nguy\u1ec5n \u0110\u1eb9p Trai \u0111ang l\u00e0m cho m\u1ed9t h\u00e3ng v\u1eadn t\u1ea3i, \u0111\u00e3 c\u00f3 gia \u0111\u00ecnh, c\u00f3 tr\u00ecnh \u0111\u1ed9 \u0111\u1ea1i h\u1ecdc, bi\u1ebft c\u01a1 b\u1ea3n k\u0129 n\u0103ng m\u00e1y t\u00ednh. M\u1ee5c ti\u00eau c\u1ee7a anh n\u00e0y l\u00e0 t\u1ea1o ra m\u1ed9t v\u0103n b\u1ea3n b\u00e1o c\u00e1o. D\u1ef1a v\u00e0o persona, c\u00e1c chuy\u00ean gia UX c\u00f3 th\u1ec3 \u0111\u00e1nh gi\u00e1 xem h\u00e0nh vi c\u1ee7a anh ta nh\u01b0 th\u1ebf n\u00e0o, m\u1ee5c ti\u00eau ra sao, t\u00ednh c\u00e1ch v\u00e0 \u0111\u1eb7c \u0111i\u1ec3m nh\u01b0 th\u1ebf n\u00e0o, c\u00f3 ph\u1ea3i l\u00e0 ng\u01b0\u1eddi d\u00f9ng ch\u00ednh c\u1ee7a ph\u1ea7n m\u1ec1m hay ch\u1ec9 l\u00e0 ng\u01b0\u1eddi l\u00e2u l\u00e2u m\u1edbi x\u00e0i.<\/p>\n

    C\u00f2n t\u00ecnh hu\u1ed1ng (scenario<\/b>) l\u00e0 m\u1ed9t th\u1ee9 trong \u0111\u00f3 persona s\u1ebd s\u1eed d\u1ee5ng s\u1ea3n ph\u1ea9m \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c m\u1ee5c ti\u00eau m\u00e0 anh \u1ea5y \/ c\u00f4 \u1ea5y mu\u1ed1n. V\u1eabn v\u1edbi v\u00ed d\u1ee5 tr\u00ean, c\u00e1c t\u00ecnh hu\u1ed1ng c\u00f3 th\u1ec3 di\u1ec5n ra \u0111\u00f3 l\u00e0:<\/p>\n