{"id":4872,"date":"2026-09-04T06:36:53","date_gmt":"2026-09-04T06:36:53","guid":{"rendered":"https:\/\/vbaseup.com\/kien-thuc\/?p=4872"},"modified":"2026-11-03T03:24:55","modified_gmt":"2026-11-03T03:24:55","slug":"f-pattern-va-z-pattern","status":"publish","type":"post","link":"https:\/\/vbaseup.com\/kien-thuc\/f-pattern-va-z-pattern\/","title":{"rendered":"F-Pattern v\u00e0 Z-Pattern – V\u00ec sao m\u1eaft b\u1ea1n \u201cv\u1ebd ch\u1eef\u201d khi l\u01b0\u1edbt web?"},"content":{"rendered":"

Ch\u00fang ta th\u01b0\u1eddng \u201cv\u1ebd\u201d ch\u1eef F ho\u1eb7c ch\u1eef Z m\u1ed7i khi l\u01b0\u1edbt web, thay v\u00ec \u0111\u1ecdc t\u1eebng ch\u1eef nh\u01b0 \u0111\u1ecdc s\u00e1ch.<\/p><\/blockquote>\n

B\u1ea1n b\u1ecf h\u00e0ng gi\u1edd ch\u0103m ch\u00fat t\u1eebng c\u00e2u ch\u1eef, ch\u1ecdn t\u1eebng t\u1ea5m \u1ea3nh cho website c\u1ee7a m\u00ecnh, nh\u01b0ng khi trang \u0111\u01b0\u1ee3c m\u1edf ra, ph\u1ea7n l\u1edbn kh\u00e1ch gh\u00e9 th\u0103m l\u1ea1i ch\u1eb3ng \u0111\u1ecdc h\u1ebft n\u1ed5i m\u1ed9t \u0111o\u1ea1n v\u0103n. \u0110i\u1ec1u n\u00e0y kh\u00f4ng c\u00f3 ngh\u0129a n\u1ed9i dung c\u1ee7a b\u1ea1n t\u1ec7, b\u1edfi t\u1eeb nh\u1eefng n\u0103m 2000, c\u00e1c nghi\u00ean c\u1ee9u eye-tracking (theo d\u00f5i chuy\u1ec3n \u0111\u1ed9ng m\u1eaft) \u0111\u00e3 ch\u1ec9 ra r\u1eb1ng, m\u1eaft ng\u01b0\u1eddi d\u00f9ng th\u01b0\u1eddng qu\u00e9t m\u00e0n h\u00ecnh theo nh\u1eefng qu\u1ef9 \u0111\u1ea1o l\u1eb7p l\u1ea1i c\u00f3 th\u1ec3 d\u1ef1 \u0111o\u00e1n.<\/p>\n

Hai qu\u1ef9 \u0111\u1ea1o ph\u1ed5 bi\u1ebfn nh\u1ea5t \u0111\u01b0\u1ee3c gi\u1edbi UX\/UI v\u00e0 marketing g\u1ecdi theo \u0111\u00fang h\u00ecnh d\u1ea1ng c\u1ee7a ch\u00fang: F-Pattern (m\u00f4 h\u00ecnh ch\u1eef F)<\/strong> v\u00e0 Z-Pattern (m\u00f4 h\u00ecnh ch\u1eef Z)<\/strong>. V\u1eady hai m\u00f4 h\u00ecnh n\u00e0y th\u1ef1c ch\u1ea5t l\u00e0 g\u00ec, v\u00ec sao m\u1eaft ch\u00fang ta l\u1ea1i \u201cv\u1ebd\u201d \u0111\u00fang hai ch\u1eef n\u00e0y, v\u00e0 n\u00ean \u00e1p d\u1ee5ng ch\u00fang th\u1ebf n\u00e0o khi l\u00e0m website hay vi\u1ebft content?<\/p>\n

V\u00ec sao ch\u00fang ta ch\u1ec9 \u201cqu\u00e9t\u201d ch\u1ee9 kh\u00f4ng \u201c\u0111\u1ecdc\u201d website?<\/h2>\n

Khi m\u1edf m\u1ed9t trang web m\u1edbi, h\u1ea7u h\u1ebft ch\u00fang ta kh\u00f4ng \u0111\u1ecdc t\u1eebng ch\u1eef nh\u01b0 \u0111\u1ecdc s\u00e1ch. Theo nghi\u00ean c\u1ee9u kinh \u0111i\u1ec3n c\u1ee7a Nielsen Norman Group n\u0103m 2008, trong m\u1ed9t l\u01b0\u1ee3t gh\u00e9 th\u0103m th\u00f4ng th\u01b0\u1eddng, ng\u01b0\u1eddi d\u00f9ng trung b\u00ecnh ch\u1ec9 \u0111\u1ecdc kho\u1ea3ng 28%<\/strong> l\u01b0\u1ee3ng ch\u1eef tr\u00ean m\u1ed9t trang web.<\/p>\n

Theo h\u1ecdc thuy\u1ebft Hai H\u1ec7 th\u1ed1ng T\u01b0 duy c\u1ee7a Daniel Kahneman, b\u1ed9 n\u00e3o ch\u00fang ta c\u00f3 H\u1ec7 th\u1ed1ng 1 (nhanh, t\u1ef1 \u0111\u1ed9ng) chuy\u00ean l\u01b0\u1edbt qua giao di\u1ec7n \u0111\u1ec3 t\u00ecm nh\u1eefng manh m\u1ed1i li\u00ean quan \u0111\u1ebfn m\u1ee5c ti\u00eau hi\u1ec7n t\u1ea1i. C\u00f2n H\u1ec7 th\u1ed1ng 2 (ch\u1eadm, ph\u00e2n t\u00edch) ch\u1ec9 \u0111\u01b0\u1ee3c huy \u0111\u1ed9ng khi H\u1ec7 th\u1ed1ng 1 ph\u00e1t hi\u1ec7n \u0111i\u1ec1u g\u00ec \u0111\u00f3 th\u1ef1c s\u1ef1 \u0111\u00e1ng \u0111\u1ecdc k\u1ef9.<\/p>\n

V\u00ec v\u1eady n\u00e3o b\u1ed9 lu\u00f4n t\u00ecm c\u00e1ch ti\u1ebft ki\u1ec7m n\u0103ng l\u01b0\u1ee3ng t\u1ed1i \u0111a. Khi giao di\u1ec7n qu\u00e1 r\u1ed1i, d\u00e0y \u0111\u1eb7c ch\u1eef m\u00e0 kh\u00f4ng c\u00f3 ph\u00e2n c\u1ea5p r\u00f5 r\u00e0ng, t\u1ea3i nh\u1eadn th\u1ee9c (cognitive load) s\u1ebd t\u0103ng v\u1ecdt, khi\u1ebfn ng\u01b0\u1eddi d\u00f9ng r\u1eddi trang g\u1ea7n nh\u01b0 ngay l\u1eadp t\u1ee9c. C\u0169ng ch\u00ednh th\u00f3i quen qu\u00e9t \u0111\u1ecdc n\u00e0y t\u1ea1o ra hai ki\u1ec3u qu\u1ef9 \u0111\u1ea1o m\u1eaft ph\u1ed5 bi\u1ebfn nh\u1ea5t: ch\u1eef F v\u00e0 ch\u1eef Z.<\/p>\n

B\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u th\u00eam v\u1ec1: “Thuy\u1ebft 2 h\u1ec7 th\u1ed1ng t\u01b0 duy: H\u1ec7 th\u1ed1ng 1 v\u00e0 h\u1ec7 th\u1ed1ng 2<\/a>“<\/p><\/blockquote>\n

F-Pattern – Khi m\u1eaft \u201cb\u00e1m\u201d v\u00e0o l\u1ec1 tr\u00e1i<\/h2>\n

F-Pattern \u0111\u01b0\u1ee3c nh\u00e0 nghi\u00ean c\u1ee9u Jakob Nielsen ph\u00e1t hi\u1ec7n v\u00e0 c\u00f4ng b\u1ed1 l\u1ea7n \u0111\u1ea7u n\u0103m 2006, sau m\u1ed9t nghi\u00ean c\u1ee9u eye-tracking tr\u00ean h\u00e0ng ngh\u00ecn ng\u01b0\u1eddi d\u00f9ng. M\u00f4 h\u00ecnh n\u00e0y xu\u1ea5t hi\u1ec7n r\u00f5 nh\u1ea5t tr\u00ean c\u00e1c trang c\u00f3 m\u1eadt \u0111\u1ed9 ch\u1eef d\u00e0y \u0111\u1eb7c nh\u01b0 b\u00e0i blog, trang tin t\u1ee9c, b\u00e0i b\u00e1o hay trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm.<\/p>\n

M\u1eaft ng\u01b0\u1eddi d\u00f9ng th\u01b0\u1eddng di chuy\u1ec3n theo 3 b\u01b0\u1edbc:<\/p>\n

\u0110\u01b0\u1eddng qu\u00e9t ngang th\u1ee9 nh\u1ea5t:<\/strong> M\u1eaft b\u1eaft \u0111\u1ea7u t\u1eeb g\u00f3c tr\u00ean b\u00ean tr\u00e1i r\u1ed3i qu\u00e9t sang ph\u1ea3i, d\u1ecdc theo d\u00f2ng \u0111\u1ea7u ti\u00ean c\u1ee7a n\u1ed9i dung.<\/p>\n

\u0110\u01b0\u1eddng qu\u00e9t ngang th\u1ee9 hai:<\/strong> M\u1eaft quay v\u1ec1 l\u1ec1 tr\u00e1i, tr\u01b0\u1ee3t xu\u1ed1ng m\u1ed9t ch\u00fat v\u00e0 qu\u00e9t ngang th\u00eam l\u1ea7n n\u1eefa. Tuy nhi\u00ean \u0111\u01b0\u1eddng qu\u00e9t n\u00e0y th\u01b0\u1eddng ng\u1eafn h\u01a1n \u0111\u01b0\u1eddng \u0111\u1ea7u ti\u00ean.<\/p>\n

\u0110\u01b0\u1eddng qu\u00e9t d\u1ecdc:<\/strong> M\u1eaft ti\u1ebfp t\u1ee5c quay v\u1ec1 l\u1ec1 tr\u00e1i v\u00e0 qu\u00e9t xu\u1ed1ng d\u01b0\u1edbi, ch\u1ec9 d\u1eebng \u1edf v\u00e0i t\u1eeb \u0111\u1ea7u c\u1ee7a m\u1ed7i d\u00f2ng ho\u1eb7c m\u1ed7i ti\u00eau \u0111\u1ec1 ph\u1ee5. Ba \u0111\u01b0\u1eddng qu\u00e9t n\u00e0y t\u1ea1o th\u00e0nh m\u1ed9t h\u00ecnh g\u1ea7n gi\u1ed1ng ch\u1eef F.<\/p>\n

\"B\u1ea3n
M\u1ee9c \u0111\u1ed9 ch\u00fa \u00fd t\u1eadp trung \u1edf ph\u1ea7n \u0111\u1ea7u trang v\u00e0 gi\u1ea3m d\u1ea7n d\u1ecdc theo l\u1ec1 tr\u00e1i. Ngu\u1ed3n: Nielsen Norman Group.<\/figcaption><\/figure>\n

Ng\u01b0\u1eddi \u0111\u1ecdc s\u1ebd b\u1ecf qua to\u00e0n b\u1ed9 ph\u1ea7n c\u00f2n l\u1ea1i c\u1ee7a m\u1ed9t d\u00f2ng n\u1ebfu 1-2 t\u1eeb \u0111\u1ea7u ti\u00ean<\/strong> b\u00ean tr\u00e1i kh\u00f4ng \u0111\u1ee7 h\u1ea5p d\u1eabn ho\u1eb7c kh\u00f4ng li\u00ean quan \u0111\u1ebfn \u0111i\u1ec1u h\u1ecd \u0111ang t\u00ecm. \u0110\u00e2y l\u00e0 l\u00fd do b\u1ea1n ch\u1ec9 c\u00f3 v\u00e0i t\u1eeb \u0111\u1ec3 gi\u1eef \u00e1nh m\u1eaft tr\u01b0\u1edbc khi n\u00f3 tr\u01b0\u1ee3t xu\u1ed1ng d\u00f2ng ti\u1ebfp theo.<\/p>\n

\u00c1p d\u1ee5ng F-Pattern khi thi\u1ebft k\u1ebf v\u00e0 vi\u1ebft content<\/h3>\n

V\u00ec m\u1eaft lu\u00f4n t\u1eadp trung \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i v\u00e0 l\u1ec1 tr\u00e1i, \u0111\u00e2y l\u00e0 hai khu v\u1ef1c b\u1ea1n c\u1ea7n ch\u00fa \u00fd khi d\u00e0n trang. Headline, logo hay gi\u00e1 tr\u1ecb c\u1ed1t l\u00f5i n\u00ean n\u1eb1m \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng ti\u1ebfp nh\u1eadn t\u1eeb nh\u1eefng gi\u00e2y \u0111\u1ea7u ti\u00ean. V\u0103n b\u1ea3n c\u0169ng c\u1ea7n \u0111\u01b0\u1ee3c c\u0103n l\u1ec1 tr\u00e1i, t\u1ea1o m\u1ed9t \u0111\u01b0\u1eddng th\u1eb3ng gi\u00fap m\u1eaft d\u1ec5 x\u00e1c \u0111\u1ecbnh \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u c\u1ee7a m\u1ed7i d\u00f2ng.<\/p>\n

V\u1edbi ph\u1ea7n ch\u1eef, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng k\u1ef9 thu\u1eadt front-loading – \u0111\u01b0a t\u1eeb kh\u00f3a ho\u1eb7c \u0111\u1ed9ng t\u1eeb m\u1ea1nh l\u00ean \u0111\u1ea7u c\u00e2u, \u0111\u1ea7u \u0111o\u1ea1n v\u00e0 \u0111\u1ea7u ti\u00eau \u0111\u1ec1 ph\u1ee5. B\u1edfi n\u1ebfu t\u1eeb \u0111\u1ea7u ti\u00ean nh\u00e0m ch\u00e1n, ng\u01b0\u1eddi \u0111\u1ecdc s\u1ebd b\u1ecf qua c\u1ea3 \u0111o\u1ea1n. \u0110\u1ec3 n\u1ed9i dung kh\u00f4ng bi\u1ebfn th\u00e0nh \u201cb\u1ee9c t\u01b0\u1eddng ch\u1eef\u201d, b\u1ea1n n\u00ean \u0111\u1eb7t ti\u00eau \u0111\u1ec1 ph\u1ee5 sau m\u1ed7i 2-3 \u0111o\u1ea1n v\u00e0 gi\u1edbi h\u1ea1n m\u1ed7i \u0111o\u1ea1n trong kho\u1ea3ng 3-4 d\u00f2ng.<\/p>\n

In \u0111\u1eadm t\u1eeb kh\u00f3a, d\u00f9ng ch\u1eef s\u1ed1 thay v\u00ec ch\u1eef vi\u1ebft, ch\u00e8n bullet point hay danh s\u00e1ch \u0111\u00e1nh s\u1ed1 c\u0169ng t\u1ea1o ra c\u00e1c \u0111i\u1ec3m neo th\u1ecb gi\u00e1c cho m\u1eaft khi qu\u00e9t l\u01b0\u1edbt. Theo m\u1ed9t nghi\u00ean c\u1ee9u, n\u1ebfu \u0111o\u1ea1n sapo \u0111\u01b0\u1ee3c in \u0111\u1eadm ho\u1eb7c \u0111\u1ec3 c\u1ee1 ch\u1eef l\u1edbn h\u01a1n, 95%<\/strong> ng\u01b0\u1eddi \u0111\u1ecdc s\u1ebd \u0111\u1ecdc h\u1ebft ho\u1eb7c \u0111\u1ecdc m\u1ed9t ph\u1ea7n \u0111o\u1ea1n \u0111\u00f3. B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y c\u00e1c nguy\u00ean t\u1eafc n\u00e0y ngay trong b\u00e0i vi\u1ebft \u0111ang \u0111\u1ecdc: ti\u00eau \u0111\u1ec1 ph\u1ee5 ng\u1eafn, \u0111o\u1ea1n v\u0103n kh\u00f4ng qu\u00e1 d\u00e0i v\u00e0 t\u1eeb kh\u00f3a quan tr\u1ecdng \u0111\u01b0\u1ee3c in \u0111\u1eadm ngay t\u1eeb \u0111\u1ea7u c\u00e2u.<\/p>\n

4 \u0111i\u1ec3m t\u1ea1o th\u00e0nh Z-Pattern<\/h2>\n

Ng\u01b0\u1ee3c l\u1ea1i v\u1edbi F-Pattern, Z-Pattern xu\u1ea5t hi\u1ec7n tr\u00ean nh\u1eefng trang c\u00f3 m\u1eadt \u0111\u1ed9 ch\u1eef th\u1ea5p, nhi\u1ec1u kho\u1ea3ng tr\u1eafng v\u00e0 thi\u00ean v\u1ec1 h\u00ecnh \u1ea3nh, video, \u0111i\u1ec3n h\u00ecnh l\u00e0 landing page b\u00e1n h\u00e0ng, trang \u0111\u0103ng k\u00fd, trang ch\u1ee7 s\u1ea3n ph\u1ea9m SaaS hay banner qu\u1ea3ng c\u00e1o t\u0129nh.<\/p>\n

M\u1eaft th\u01b0\u1eddng di chuy\u1ec3n tu\u1ea7n t\u1ef1 qua 4 \u0111i\u1ec3m:<\/p>\n

    \n
  • \u0110i\u1ec3m 1 – tr\u00ean tr\u00e1i:<\/strong> \u0110\u00e2y l\u00e0 n\u01a1i m\u1eaft d\u1eebng \u0111\u1ea7u ti\u00ean, th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 \u0111\u1eb7t logo ho\u1eb7c th\u00f4ng \u0111i\u1ec7p th\u01b0\u01a1ng hi\u1ec7u.<\/li>\n
  • \u0110i\u1ec3m 2 – tr\u00ean ph\u1ea3i:<\/strong> M\u1eaft tr\u01b0\u1ee3t ngang sang ph\u1ea3i \u0111\u1ec3 ki\u1ec3m tra menu ph\u1ee5 ho\u1eb7c n\u00fat h\u00e0nh \u0111\u1ed9ng ph\u1ee5 nh\u01b0 \u201c\u0110\u0103ng nh\u1eadp\u201d, \u201c\u0110\u0103ng k\u00fd\u201d.<\/li>\n
  • \u0110i\u1ec3m 3 – d\u01b0\u1edbi tr\u00e1i:<\/strong> M\u1eaft qu\u00e9t ch\u00e9o xu\u1ed1ng v\u00e0 th\u01b0\u1eddng r\u01a1i v\u00e0o v\u00f9ng ch\u1ee9a h\u00ecnh \u1ea3nh s\u1ea3n ph\u1ea9m ho\u1eb7c b\u1eb1ng ch\u1ee9ng thuy\u1ebft ph\u1ee5c.<\/li>\n
  • \u0110i\u1ec3m 4 – d\u01b0\u1edbi ph\u1ea3i:<\/strong> \u0110\u00e2y l\u00e0 \u0111i\u1ec3m d\u1eebng cu\u1ed1i c\u00f9ng, c\u00f2n g\u1ecdi l\u00e0 \u201cv\u00f9ng h\u00e0nh \u0111\u1ed9ng\u201d<\/strong> – n\u01a1i ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 ti\u1ebfp nh\u1eadn \u0111\u1ee7 th\u00f4ng tin v\u00e0 s\u1eb5n s\u00e0ng ra quy\u1ebft \u0111\u1ecbnh.<\/li>\n<\/ul>\n
    \"B\u1ed1n
    \u0110i\u1ec3m 4 kh\u00e9p l\u1ea1i qu\u1ef9 \u0111\u1ea1o t\u1ea1i v\u00f9ng d\u00e0nh cho h\u00e0nh \u0111\u1ed9ng ch\u00ednh. Ngu\u1ed3n: VWO.<\/figcaption><\/figure>\n

    V\u1edbi nh\u1eefng trang d\u00e0i, Z-Pattern l\u1eb7p l\u1ea1i li\u00ean t\u1ee5c th\u00e0nh chu\u1ed7i zigzag. Ch\u1eb3ng h\u1ea1n h\u00e0ng \u0111\u1ea7u b\u1ed1 tr\u00ed \u201cch\u1eef tr\u00e1i – \u1ea3nh ph\u1ea3i\u201d, h\u00e0ng ti\u1ebfp theo \u0111\u1ea3o l\u1ea1i th\u00e0nh \u201c\u1ea3nh tr\u00e1i – ch\u1eef ph\u1ea3i\u201d. \u0110i\u1ec1u n\u00e0y ph\u00e1 v\u1ee1 s\u1ef1 \u0111\u01a1n \u0111i\u1ec7u c\u1ee7a vi\u1ec7c qu\u00e9t d\u1ecdc th\u1eb3ng, gi\u00fap m\u1eaft \u0111i t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi m\u00e0 kh\u00f4ng b\u1ecb m\u1ecfi.<\/p>\n

    Khi thi\u1ebft k\u1ebf website theo Z-Pattern, b\u1ea1n n\u00ean \u0111\u1eb7t logo \u1edf \u0111i\u1ec3m 1 v\u00e0 k\u00e9o d\u00e0i headline ch\u00ednh t\u1eeb \u0111i\u1ec3m 1 sang \u0111i\u1ec3m 2 \u0111\u1ec3 \u0111\u01b0\u1ee3c nh\u00ecn th\u1ea5y ngay t\u1eeb \u0111\u1ea7u. C\u00f2n n\u00fat k\u00eau g\u1ecdi h\u00e0nh \u0111\u1ed9ng (CTA) quan tr\u1ecdng nh\u1ea5t ho\u1eb7c form \u0111\u0103ng k\u00fd ng\u1eafn n\u00ean n\u1eb1m \u1edf \u0111i\u1ec3m 4 – g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i.<\/p>\n

    Kho\u1ea3ng tr\u1eafng (whitespace) bao quanh \u0111\u01b0\u1eddng ch\u00e9o c\u1ee7a ch\u1eef Z c\u0169ng gi\u00fap l\u1ecdc b\u1edbt nhi\u1ec5u th\u1ecb gi\u00e1c. \u0110i\u1ec1u n\u00e0y gi\u00fap d\u1ed3n s\u1ef1 ch\u00fa \u00fd v\u00e0o c\u00e1c \u0111i\u1ec3m neo quan tr\u1ecdng thay v\u00ec nh\u1eefng chi ti\u1ebft kh\u00f4ng c\u1ea7n thi\u1ebft.<\/p>\n

    Ch\u1ecdn m\u00f4 h\u00ecnh theo lo\u1ea1i trang<\/h2>\n

    S\u1ef1 kh\u00e1c bi\u1ec7t l\u1edbn nh\u1ea5t gi\u1eefa hai m\u00f4 h\u00ecnh n\u1eb1m \u1edf m\u1eadt \u0111\u1ed9 ch\u1eef v\u00e0 m\u1ee5c \u0111\u00edch c\u1ee7a trang:<\/p>\n\n\n\n\n\n\n\n\n
    Ti\u00eau ch\u00ed<\/th>\nF-Pattern<\/th>\nZ-Pattern<\/th>\n<\/tr>\n<\/thead>\n
    Lo\u1ea1i trang ph\u00f9 h\u1ee3p<\/td>\nBlog, tin t\u1ee9c, b\u00e0i vi\u1ebft, trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm<\/td>\nLanding page, trang ch\u1ee7 SaaS, trang \u0111\u0103ng k\u00fd<\/td>\n<\/tr>\n
    M\u1eadt \u0111\u1ed9 n\u1ed9i dung<\/td>\nNhi\u1ec1u ch\u1eef, d\u00e0y \u0111\u1eb7c th\u00f4ng tin<\/td>\n\u00cdt ch\u1eef, nhi\u1ec1u h\u00ecnh \u1ea3nh, nhi\u1ec1u kho\u1ea3ng tr\u1eafng<\/td>\n<\/tr>\n
    H\u00e0nh vi m\u1eaft<\/td>\nQu\u00e9t ngang – qu\u00e9t ngang ng\u1eafn – qu\u00e9t d\u1ecdc l\u1ec1 tr\u00e1i<\/td>\nQu\u00e9t ngang ph\u00eda tr\u00ean – ch\u00e9o xu\u1ed1ng tr\u00e1i – qu\u00e9t ngang ph\u00eda d\u01b0\u1edbi sang ph\u1ea3i<\/td>\n<\/tr>\n
    V\u1ecb tr\u00ed CTA<\/td>\nPh\u00eda tr\u00ean b\u00ean tr\u00e1i, ngay sau \u0111o\u1ea1n v\u0103n ng\u1eafn thu h\u00fat<\/td>\nG\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i, \u0111i\u1ec3m k\u1ebft th\u00fac ch\u1eef Z<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    N\u1ebfu trang c\u1ee7a b\u1ea1n n\u1eb7ng v\u1ec1 c\u00e2u ch\u1eef, F-Pattern s\u1ebd ph\u00f9 h\u1ee3p h\u01a1n. C\u00f2n n\u1ebfu trang thi\u00ean v\u1ec1 h\u00ecnh \u1ea3nh v\u00e0 m\u1ee5c ti\u00eau l\u00e0 th\u00fac \u0111\u1ea9y m\u1ed9t h\u00e0nh \u0111\u1ed9ng c\u1ee5 th\u1ec3 (mua h\u00e0ng, \u0111\u0103ng k\u00fd), b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng Z-Pattern.<\/p>\n

    Website c\u1ee7a b\u1ea1n \u0111\u00e3 \u201cthu\u1eadn m\u1eaft\u201d ch\u01b0a?<\/h2>\n

    B\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra l\u1ea1i website c\u1ee7a m\u00ecnh b\u1eb1ng m\u1ed9t v\u00e0i \u0111i\u1ec3m sau:<\/p>\n

      \n
    • X\u00e1c \u0111\u1ecbnh lo\u1ea1i trang:<\/strong> Trang nhi\u1ec1u ch\u1eef ph\u00f9 h\u1ee3p h\u01a1n v\u1edbi F-Pattern, c\u00f2n trang nhi\u1ec1u h\u00ecnh v\u00e0 kho\u1ea3ng tr\u1eafng c\u00f3 th\u1ec3 d\u00f9ng Z-Pattern.<\/li>\n
    • Ki\u1ec3m tra ph\u1ea7n ng\u01b0\u1eddi d\u00f9ng nh\u00ecn th\u1ea5y tr\u01b0\u1edbc:<\/strong> V\u1edbi F-Pattern, th\u00f4ng \u0111i\u1ec7p quan tr\u1ecdng nh\u1ea5t c\u1ea7n n\u1eb1m \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i. V\u1edbi Z-Pattern, th\u00f4ng \u0111i\u1ec7p n\u00e0y n\u00ean tr\u1ea3i t\u1eeb \u0111i\u1ec3m 1 sang \u0111i\u1ec3m 2.<\/li>\n
    • Ch\u00fa \u00fd c\u00e1ch tr\u00ecnh b\u00e0y content:<\/strong> Ti\u00eau \u0111\u1ec1 ph\u1ee5 v\u00e0 nh\u1eefng t\u1eeb \u0111\u1ea7u ti\u00ean c\u1ee7a m\u1ed7i \u0111o\u1ea1n c\u1ea7n \u0111\u1ee7 t\u1eeb kh\u00f3a \u0111\u1ec3 gi\u1eef \u00e1nh m\u1eaft. Ch\u1eef in \u0111\u1eadm v\u00e0 bullet point c\u0169ng n\u00ean \u0111\u01b0\u1ee3c r\u1ea3i d\u1ecdc l\u1ec1 tr\u00e1i \u0111\u1ec3 h\u1ea1n ch\u1ebf m\u1eaft tr\u01b0\u1ee3t xu\u1ed1ng qu\u00e1 nhanh.<\/li>\n
    • Xem l\u1ea1i v\u1ecb tr\u00ed CTA:<\/strong> N\u00fat CTA ch\u00ednh n\u00ean n\u1eb1m ph\u00eda tr\u00ean b\u00ean tr\u00e1i, ngay sau \u0111o\u1ea1n v\u0103n ng\u1eafn thu h\u00fat v\u1edbi F-Pattern. V\u1edbi Z-Pattern, v\u1ecb tr\u00ed n\u00e0y l\u00e0 g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i.<\/li>\n<\/ul>\n

      B\u1ea1n kh\u00f4ng c\u1ea7n thi\u1ebft k\u1ebf l\u1ea1i to\u00e0n b\u1ed9 website ch\u1ec9 sau m\u1ed9t l\u1ea7n \u0111\u1ecdc. Tuy nhi\u00ean khi vi\u1ebft content ho\u1eb7c d\u00e0n trang cho landing page, b\u1ea1n c\u00f3 th\u1ec3 th\u1eed h\u00ecnh dung \u0111\u01b0\u1eddng \u0111i c\u1ee7a \u00e1nh m\u1eaft tr\u01b0\u1edbc. \u0110\u00f4i khi ch\u1ec9 c\u1ea7n \u0111\u1ed5i v\u1ecb tr\u00ed m\u1ed9t d\u00f2ng ch\u1eef hay m\u1ed9t n\u00fat CTA, website \u0111\u00e3 ph\u00f9 h\u1ee3p h\u01a1n v\u1edbi c\u00e1ch m\u1eaft ng\u01b0\u1eddi d\u00f9ng qu\u00e9t qua n\u1ed9i dung.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Ch\u00fang ta th\u01b0\u1eddng \u201cv\u1ebd\u201d ch\u1eef F ho\u1eb7c ch\u1eef Z m\u1ed7i khi l\u01b0\u1edbt web, thay v\u00ec \u0111\u1ecdc t\u1eebng ch\u1eef nh\u01b0 \u0111\u1ecdc s\u00e1ch. B\u1ea1n b\u1ecf h\u00e0ng gi\u1edd ch\u0103m ch\u00fat t\u1eebng c\u00e2u ch\u1eef, ch\u1ecdn t\u1eebng t\u1ea5m \u1ea3nh cho website c\u1ee7a m\u00ecnh, nh\u01b0ng khi trang \u0111\u01b0\u1ee3c m\u1edf ra, ph\u1ea7n l\u1edbn kh\u00e1ch gh\u00e9 th\u0103m l\u1ea1i ch\u1eb3ng \u0111\u1ecdc h\u1ebft n\u1ed5i m\u1ed9t […]<\/p>\n","protected":false},"author":1,"featured_media":4873,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,36],"tags":[60],"class_list":["post-4872","post","type-post","status-publish","format-standard","has-post-thumbnail","category-cro","category-tam-ly-hoc-chuyen-doi","tag-tam-ly-hoc-chu-y-va-thi-giac"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/posts\/4872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/comments?post=4872"}],"version-history":[{"count":3,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/posts\/4872\/revisions"}],"predecessor-version":[{"id":4877,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/posts\/4872\/revisions\/4877"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/media\/4873"}],"wp:attachment":[{"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/media?parent=4872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/categories?post=4872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vbaseup.com\/kien-thuc\/wp-json\/wp\/v2\/tags?post=4872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}