Giải đáp UX: User Empathy Mapping là gì? User Story được form như thế nào?

Chuyện IT
Giải đáp UX: User Empathy Mapping là gì? User Story được form như thế nào?
AMA (Ask Me Everything) là sự kiện Hỏi – đáp diễn ra thường kì trên fanpage Station D nhằm tạo cơ hội để các bạn lập trình viên tiếp cận được những kiến thức, kinh nghiệm thực tế từ các chuyên gia trong ngành thông qua những màn hỏi đáp trực tuyến nóng hổi. Bắt đầu từ đầu năm 2017, sự kiện AMA sẽ kéo dài nguyên tuần từ 8h sáng thứ 3 đến 24h thứ 6 hằng tuần để cộng đồng dev có nhiều thời gian trao đổi với các chuyên gia hơn. Khách mời sẽ xông đất năm mới cho sẽ là anh Quang Phowr – một Product Manager kỳ cựu đang làm việc tại Websosanh. Trước tiên chúng ta hãy cùng tìm hiểu đôi nét về khách mời nhé: Anh đã từng kinh qua các vị trí như Product Designer và PM tại VNP Năm 2014 làm PM và Mobile Development Manager tại VNP Group Tháng 7/2014 anh đảm nhiệm vị trí VP Business Development tại CubicWater Tháng 9/2014 đến tháng 5/2015 anh làm Product Specialist tại VinEcom thuộc VinGroup Anh đã có 1 năm nắm giữ vai trò Head of Product ở Haravan và hiện tại anh đang là Head of Product tại Websosanh.vn Lĩnh vực chuyên môn mà anh trao đổi kì này vẫn là UX trong lĩnh vực thương mại điện tử. Dưới đây là những thắc mắc đã được anh Quang Phowr giải đáp tuần rồi. Cùng xem qua để rút tỉa kinh nghiệm cho bản thân nha các dev! Q: Chào anh Quang ạ, anh có thể chia sẻ cấu trúc và cách xây dựng User Empathy Maping, từ đó làm thế nào liệt kê đc triệt để các User Story ạ? Hiện tại team em đang có kế hoạch improve website...

AMA (Ask Me Everything) là sự kiện Hỏi – đáp diễn ra thường kì trên fanpage Station D nhằm tạo cơ hội để các bạn lập trình viên tiếp cận được những kiến thức, kinh nghiệm thực tế từ các chuyên gia trong ngành thông qua những màn hỏi đáp trực tuyến nóng hổi. Bắt đầu từ đầu năm 2017, sự kiện AMA sẽ kéo dài nguyên tuần từ 8h sáng thứ 3 đến 24h thứ 6 hằng tuần để cộng đồng dev có nhiều thời gian trao đổi với các chuyên gia hơn.

Khách mời sẽ xông đất năm mới cho sẽ là anh Quang Phowr – một Product Manager kỳ cựu đang làm việc tại Websosanh.

Trước tiên chúng ta hãy cùng tìm hiểu đôi nét về khách mời nhé:

  • Anh đã từng kinh qua các vị trí như Product Designer và PM tại VNP
  • Năm 2014 làm PM và Mobile Development Manager tại VNP Group
  • Tháng 7/2014 anh đảm nhiệm vị trí VP Business Development tại CubicWater
  • Tháng 9/2014 đến tháng 5/2015 anh làm Product Specialist tại VinEcom thuộc VinGroup
  • Anh đã có 1 năm nắm giữ vai trò Head of Product ở Haravan và hiện tại anh đang là Head of Product tại Websosanh.vn

Lĩnh vực chuyên môn mà anh trao đổi kì này vẫn là UX trong lĩnh vực thương mại điện tử.

Dưới đây là những thắc mắc đã được anh Quang Phowr giải đáp tuần rồi. Cùng xem qua để rút tỉa kinh nghiệm cho bản thân nha các dev!

Q: Chào anh Quang ạ, anh có thể chia sẻ cấu trúc và cách xây dựng User Empathy Maping, từ đó làm thế nào liệt kê đc triệt để các User Story ạ? Hiện tại team em đang có kế hoạch improve website của mình https://www.tripi.vn/ . Anh có thể cho bọn em 1 vài góp ý, trước hết là ở trang chủ đc ko ạ? Em cảm ơn anh ạ

A: User Empathy Mapping có 2 phần quan trọng nhất là Pain và Gain. Pain là những thứ người dùng đang gặp khó khăn, khó chịu. Gain là những thứ người dùng muốn đạt được.

User story được form dưới dạng cấu trúc, As a [user segment], I want to [do something] so that I can [achieve something]

Có 2 chú ý:
1, Làm user empathy map với từng user segment (nếu có nhiều hơn 1 user segment)
2, Achieve something trong user story có thể đến từ phần GAIN hoặc đã giải quyết được phần PAIN

Ví dụ: Là một người hay bay thường xuyên, tôi muốn tripi có chức năng săn vé tự động, để tôi bay được nhiều chuyến hơn (gain). Là một người bận bịu, tôi muốn tripi có chức năng săn vé tự động, để tôi không mất thời gian đi săn vé (pain)

User segmentation do cách team thống nhất với nhau để dễ phục vụ khách hàng hơn chứ ko có quy chuẩn chung

Q: Hello anh em học chuyên ngành thương mại điện tử về tech e cũng biết 1 ít và về kinh tế cũng biết 1 ít, em rất thích làm 1 product manager như a, a có thể chia sẻ 1 số bước cơ bản để trở thành 1 PM không ạ. E cũng tò mò là hồi đó anh Quang học chuyên ngành gì ạ hehe.

A: Chào Nam, sry em vì comment bị trôi nên giờ anh mới trả lời.

Trước anh học CNTT ở Bách khoa Hà Nội. Anh cũng background là dev 1 thời gian. Nói chung, product manager phải biết khá nhiều thứ. Tùy vào tổ chức công ty mà vai trò lớn hay nhỏ.

Với PM trong mảng phát triển sản phẩm (product development manager) thì việc chính là đưa ra các giải pháp để phát triển sản phẩm. Lúc này là sự giao thoa giữa business, tech và user experience. Em cần có background của 3 cái này thì giải pháp đưa ra mới hiệu quả (bám sát business, khả thi với tech và ux tốt)

Với PM trong mảng quản lý sản phẩm nói chung (có một số nơi gọi là product owner hoặc product director) thì PM ngoài việc quản lý development còn có thêm 2 phần nữa là product strategy và product operation. Lúc này cần hiểu biết rất sâu về đối thủ, chiến lược thị trường, marketing, sale, vận hành doanh nghiệp để đưa ra các quyết định sản phẩm hợp lý. Thường PM dạng này là CEO công ty hoặc hoạt động như CEO của sản phẩm. Startup thì CEO kiêm PM luôn, vừa định hướng, vừa phát triển, vừa vận hành. Hoặc là các dự án độc lập trong 1 công ty to cũng tương tự như vậy.

Các bước cơ bản thì em nên tích lũy kinh nghiệm công việc, trải nghiệm sống, tự tạo mục tiêu cho bản thân trong việc học (học gì thì anh nói ở phía trên rồi). Tìm các môi trường thực hành và kiểm nghiệm kiến thức của mình như các công ty sản phẩm sẽ hiệu quả. Chúc em thành công

Q: Chào anh, em hiện cũng đang thích theo đuổi UX Designer. Tuy nhiên, em vẫn còn chút chưa rõ về công việc. Vậy anh có thể mô tả công việc cụ thể của chức danh UX Designer tại Websosanh được không ạ?

A: Chào Dương. Anh sẽ trả lời em ở phạm vi rộng hơn là chức danh UX Designer ở các công ty Việt Nam.

Hiện nay có nhiều công ty đặc biệt là các công ty lớn như VNG, Tiki, Viettel, Lazada… có nhu cầu về vị trí này nhưng rất khó tuyển người và đãi ngộ các vị trí này tương đối cao so với mặt bằng thu nhập nói chung.

Hiện tại có 2 vị trí phổ biển em sẽ thấy thông qua các mẫu tuyển dụng:
– UX/UI Designer
– UX Designer hoặc các vị trí có công việc tương tự như product executive, product manager

Với UX/UI Designer (tuyển dụng nhiều) thì em sẽ phải lo cả về mặt đồ họa và giao diện khi thiết kế một ứng dụng di động hoặc một website
Với UX Designer (ở các công ty lớn) thì sẽ có những bạn lo phần đồ họa và giao diện nên em sẽ san sẻ được phần nào công việc.

Công việc chính của UX Designer nói chúng là tìm hiểu vấn đề của phía người dùng thông qua nhiều phương pháp khác nhau như hỏi người dùng, tự cảm thông người dùng, … Từ đó đưa ra các giải pháp cải thiện và theo dõi hiệu quả của việc cải thiện

Q: Hiện nay, các công ty lớn đang dần chú trọng vào phát triển đội ngũ UX designer vì họ nhận ra UX là yếu tố cơ bản tạo nên sự thành công trong hoạt động kinh doanh thương mại điện tử. Anh có thể chia sẽ chi tiết hơn là vì sao UX lại là yếu tố cơ bản trong thành công của thương mại điện tử không ạ?

A: Chào Phong, anh nói rộng hơn TMDT mà ngành công nghệ nói chung

Khái niệm user phổ biến trong lĩnh vực phần mềm. Ngoài đời sống thì được gọi với cái tên customer. Trải nghiệm người dùng UX hay rộng hơn là trải nghiệm khách hàng CX (chú ý hai khái niệm này không phải lúc nào cũng tương đương, phụ thuộc vào góc nhìn). Khách hàng quan trọng với doanh nghiệp thế nào thì User quan trọng với phần mềm như vậy. Bên kinh doanh có câu “Khách hàng là thượng đế” chắc em còn nhớ.

Trước đây phần mềm được xây dựng để sử dụng trong doanh nghiệp, và để sử dụng được thì phải thông qua đào tạo sử dụng. Tuy nhiên xu hướng internet nên các phần mềm lên mây nhiều hơn. Vì lên mây nhiều nên có nhiều sự so sánh cạnh tranh cái này tiện hơn, cái kia tốt hơn v.v. Từ đó UX là một trong các yếu tố giúp phần mềm bán được (phần mềm ở đây em hiểu theo nghĩa rộng là 1 chương trình máy tính cho người sử dụng, tùy cách bán là thu tiền như các dịch vụ SaaS hay miễn phí rồi bán sản phẩm cho đối tượng khác như Facebook bán quảng cáo)

Sales/Marketing có vai trò thu hút khách hàng về, khách hàng kí hợp đồng. Tuy nhiên để giữ được khách hay không thì lại góp công lớn nhờ chất lượng của phần mềm. Phần mềm mà khó sử dụng, không đáp ứng được nhu cầu, nhàm chán thì việc bán lại lần thứ hai rất khó (vì hiện tại có nhiều lựa chọn rồi). UX có vai trò trong việc giữ khách hàng.

Ngoài ra UX cũng giúp khách hàng chi trả nhiều tiền hơn, có nhiều thiện cảm hơn đối với phần mềm, từ đó giúp doanh nghiệp tăng trưởng bền vững hơn (nhiều lợi nhuận tốt vì NPS tăng lên)

Q: Anh có thể chia sẻ một vài thủ thuật nhỏ nhằm giúp website trông thân thiện với người dùng hơn được không ạ?

A: Trước tiên bạn cần xác định nhóm người dùng của website mình là ai?

Bước 2, bạn giả định mình là họ và trả lời một số câu hỏi:
1, Website của mình đã đáp ứng được nhu cầu sử dụng của họ hay chưa?
2, Website của mình có quá khó hiểu với họ không?
3, Website của mình có bị lỗi ở đâu không?
4, Website của mình có hấp dẫn với họ (về nội dung lẫn giao diện)
5, Website của họ có mang lại nhiều giá trị cho họ hơn các website đối thủ không?

Từ những câu hỏi này bạn sẽ cải thiện. Khi ấy website của bạn sẽ ngày càng thân thiện với người sử dụng hơn

Q: Chào @Le Quang!

Theo giới thiệu, bạn hiện đang làm tại công ty so sánh giá lớn nhất hiên nay là http://websosanh.vn

Bạn có thể chia sẻ một số kinh nghiệm khi làm ở đó được không?
– Việc thiết kế ui/ux của họ có thực sự hướng đến ngừoi dùng không?
– Họ không bán hàng, thì trải nghiệm người dùng trên websosanh.vn dc họ đánh giá thế nào?

Cảm ơn bạn rất nhiều!

A: Chào anh Tú.

Hiện tại websosanh đang dễ dùng hơn trước. Thay đổi cần có thời gian nhưng đang đi đúng lộ trình.

Websosanh.vn không bán hàng nhưng mang lại giá trị là cung cấp nhiều lựa chọn hơn cho người dùng để linh hoạt lựa chọn mua sắm cho phù hợp.

Mình lấy ví dụ anh cần mua Iphone 7 anh phải vào nhiều nơi để khảo giá thì thay vào đó chỉ cần vào websosanh là đủ. Giả sử anh chỉ vào lazada để xem thôi thì anh bị phụ thuộc vào chính sách vận chuyển của lazada, có thể vài ngày anh mới nhận được hàng. Tuy nhiên với websosanh thì anh biết được địa điểm nào gần mình đang bán (có thể giá cao hơn 1 chút) nhưng lại đáp ứng được nhu cầu sử dụng gấp của anh. Đó là giá trị websosanh muốn đem lại.

Cách đánh giá trải nghiệm websosanh thì dựa trên các chỉ số định lượng về việc khách hàng có đáp ứng được nhu cầu mua sắm của mình (như ví dụ nói trên) hay không)

Q: Chào anh trước Tết em có tham gia sự kiện Demo Day của các bạn về việc reDesign UX của web 123phim.vn không biết thì hiện tại anh còn hỗ trợ các đội nhóm đó không anh nhỉ và anh có dự tính muốn mở rộng những mô hình như kiểu khóa huấn luyện UX Design vừa rồi không ạ.

A: Hiện tại mình vẫn đang dạy các khóa ngắn ngày. Bạn follow UX Design 101 để nắm các thông tin. Cảm ơn bạn

Q: Em chào anh Quang ạ. Đối với UX design nói chung và trong thương mại điện tử nói riêng, thì coder sẽ chịu trách nhiệm phát triển UX, cùng với sự hỗ trợ của, marketing, product và sale team. Thì anh có thể chia sẻ chi tiết hơn về những sự hỗ trợ của các team ấy sẽ diễn ra như thế nào vậy anh?

A: Chào Yukay,

Chúng ta sẽ đứng trên góc độ người sử dụng để trả lời câu hỏi này. Anh lấy ví dụ chúng ta vào Amazon.
1, Nếu em vào Amazon mà website không truy cập được thì em sẽ thấy thế nào? Có hài lòng hay không? Lỗi này là lỗi của ai?
2, Nếu em ấn vào nút “add to cart” mà giá trong cart lại khác với giá hiển thị thì em có hài lòng không? Có thấy amazon mập mờ không? Lần sau còn tin tưởng mua hàng tại amazon không?
3, Nếu em tìm sản phẩm em định mua là “iphone 7” nhưng toàn ra các kết quả “ốp lưng cho iphone 7” thì em có thấy bực mình không? Có tin tưởng vào chức năng search của Amazon không?
4, Nếu em vào Amazon mà amazon biết ngay thị hiếu mua sắm của em ra sao. Em tìm chung chung từ khóa “điện thoại” nhưng Amazon lại đưa ra các kết quả hoàn toàn trùng khớp với thị hiếu của em là điện thoại cho nữ, selfie lung linh (anh ví dụ vậy) thì em có dễ dàng lựa chọn hơn không?

4 ví dụ trên để em thấy vai trò của coder đối với UX, không chỉ xoay quanh việc đáp ứng chức năng hoạt động đúng mà còn giúp gia tăng hiệu quả bán hàng. UX là khái niệm trải rộng, mỗi người đều có thể tham gia nhằm phục vụ khách hàng tốt hơn

Một lần, Station D rất cảm ơn anh Le Quang Phowr với lần xuất hiện thứ 2 trên AMA. Những chia sẻ nhiệt tình, thực tế của anh chắc chắn đã giải tỏa được rất nhiều khúc mắc về UX của các bạn. 

Xem thêm: Các công việc ux và việc làm it hấp dẫn tại Station D.vn

Bài viết liên quan

Thị trường EdTech Vietnam- Nhiều tiềm năng nhưng còn bị bỏ ngỏ tại Việt Nam

Thị trường EdTech Vietnam- Nhiều tiềm năng nhưng còn bị bỏ ngỏ tại Việt Nam

Lĩnh vực EdTech (ứng dụng công nghệ vào các sản phẩm giáo dục) trên toàn cầu hiện nay đã tương đối phong phú với nhiều tên tuổi lớn phân phối đều trên các hạng mục như Broad Online Learning Platforms (nền tảng cung cấp khóa học online đại chúng – tiêu biểu như Coursera, Udemy, KhanAcademy,…) Learning Management Systems (hệ thống quản lý lớp học – tiêu biểu như Schoology, Edmodo, ClassDojo,…) Next-Gen Study Tools (công cụ hỗ trợ học tập – tiểu biểu như Kahoot!, Lumosity, Curriculet,…) Tech Learning (đào tạo công nghệ – tiêu biểu như Udacity, Codecademy, PluralSight,…), Enterprise Learning (đào tạo trong doanh nghiệp – tiêu biểu như Edcast, ExecOnline, Grovo,..),… Hiện nay thị trường EdTech tại Việt Nam đã đón nhận khoảng đầu tư khoảng 55 triệu đô cho lĩnh vực này nhiều đơn vị nước ngoài đang quan tâm mạnh đến thị trường này ngày càng nhiều hơn. Là một trong những xu hướng phát triển tốt, và có doanh nghiệp đã hoạt động khá lâu trong ngành nêu tại infographic như Topica, nhưng EdTech vẫn chỉ đang trong giai đoạn sơ khai tại Việt Nam. Tại Việt Nam, hệ sinh thái EdTech trong nước vẫn còn rất non trẻ và thiếu vắng nhiều tên tuổi trong các hạng mục như Enterprise Learning (mới chỉ có MANA), School Administration (hệ thống quản lý trường học) hay Search (tìm kiếm, so sánh trường và khóa học),… Với chỉ dưới 5% số dân công sở có sử dụng một trong các dịch vụ giáo dục online, EdTech cho thấy vẫn còn một thị trường rộng lớn đang chờ được khai phá. *** Vừa qua Station D đã công bố Báo cáo Vietnam IT Landscape 2019 đem đến cái nhìn toàn cảnh về các ứng dụng công...

By stationd
Bộ cài đặt Laravel Installer đã hỗ trợ tích hợp Jetstream

Bộ cài đặt Laravel Installer đã hỗ trợ tích hợp Jetstream

Bài viết được sự cho phép của tác giả Chung Nguyễn Hôm nay, nhóm Laravel đã phát hành một phiên bản chính mới của “ laravel/installer ” bao gồm hỗ trợ khởi động nhanh các dự án Jetstream. Với phiên bản mới này khi bạn chạy laravel new project-name , bạn sẽ nhận được các tùy chọn Jetstream. Ví dụ: API Authentication trong Laravel-Vue SPA sử dụng Jwt-auth Cách sử dụng Laravel với Socket.IO laravel new foo --jet --dev Sau đó, nó sẽ hỏi bạn thích stack Jetstream nào hơn: Which Jetstream stack do you prefer? [0] Livewire [1] inertia > livewire Will your application use teams? (yes/no) [no]: ... Nếu bạn đã cài bộ Laravel Installer, để nâng cấp lên phiên bản mới bạn chạy lệnh: composer global update Một số trường hợp cập nhật bị thất bại, bạn hãy thử, gỡ đi và cài đặt lại nha composer global remove laravel/installer composer global require laravel/installer Bài viết gốc được đăng tải tại chungnguyen.xyz Có thể bạn quan tâm: Cài đặt Laravel Làm thế nào để chạy Sql Server Installation Center sau khi đã cài đặt xong Sql Server? Quản lý các Laravel route gọn hơn và dễ dàng hơn Xem thêm Tuyển dụng lập trình Laravel hấp dẫn trên Station D

By stationd
Principle thiết kế của các sản phẩm nổi tiếng

Principle thiết kế của các sản phẩm nổi tiếng

Tác giả: Lưu Bình An Phù hợp cho các bạn thiết kế nào ko muốn làm code dạo, design dạo nữa, bạn muốn cái gì đó cao hơn ở tầng khái niệm Nếu lập trình chúng ta có các nguyên tắc chung khi viết code như KISS , DRY , thì trong thiết kế cũng có những nguyên tắc chính khi làm việc. Những nguyên tắc này sẽ là kim chỉ nam, nếu có tranh cãi giữa các member trong team, thì cứ đè nguyên tắc này ra mà giải quyết (nghe hơi có mùi cứng nhắc, mình thì thích tùy cơ ứng biến hơn) Tìm các vị trí tuyển dụng designer lương cao cho bạn Nguyên tắc thiết kế của GOV.UK Đây là danh sách của trang GOV.UK Bắt đầu với thứ user cần Làm ít hơn Thiết kế với dữ liệu Làm mọi thứ thật dễ dàng Lặp. Rồi lặp lại lần nữa Dành cho tất cả mọi người Hiểu ngữ cảnh hiện tại Làm dịch vụ digital, không phải làm website Nhất quán, nhưng không hòa tan (phải có chất riêng với thằng khác) Cởi mở, mọi thứ tốt hơn Bao trừu tượng luôn các bạn, trang Gov.uk này cũng có câu tổng quát rất hay Thiết kế tốt là thiết kế có thể sử dụng. Phục vụ cho nhiều đối tượng sử dụng, dễ đọc nhất nhất có thể. Nếu phải từ bỏ đẹp tinh tế – thì cứ bỏ luôn . Chúng ta tạo sản phẩm cho nhu cầu sử dụng, không phải cho người hâm mộ . Chúng ta thiết kế để cả nước sử dụng, không phải những người đã từng sử dụng web. Những người cần dịch vụ của chúng ta nhất là những người đang cảm thấy khó sử dụng dịch...

By stationd
Applicant Tracking System là gì? ATS hoạt động ra sao

Applicant Tracking System là gì? ATS hoạt động ra sao

Công nghệ phát triển hướng đến giải quyết và cải tiến cho mỗi quy trình, hoạt động của doanh nghiệp cũng như đời sống. Đối với lĩnh vực tuyển dụng, sự xuất hiện của phần mềm ATS (Applicant Tracking System) mang đến nhiều thay đổi đáng kể, cả đối với nhà tuyển dụng và ứng viên. Vậy phần mềm ATS là gì? Chúng được sử dụng ra sao? Những thắc mắc về phần mềm ATS trong tuyển dụng sẽ được Station D giải đáp tại bài viết dưới đây. Hệ thống sàng lọc ứng viên ATS (Applicant Tracking System) Applicant Tracking System là gì? Applicant Tracking System (ATS) hay còn gọi là Hệ thống quản lý hồ sơ ứng viên là phần mềm quản lý quy trình tuyển dụng từ đầu đến cuối một cách tự động hóa. ATS được thiết kế để giúp nhà tuyển dụng tiết kiệm thời gian và chi phí trong việc thu thập, sắp xếp và sàng lọc hồ sơ các ứng viên. Các tính năng nổi bật của Applicant Tracking System Các tính năng nổi bật của Applicant Tracking System Applicant Tracking System (ATS) là một công cụ quan trọng giúp các công ty quản lý quy trình tuyển dụng hiệu quả hơn. Cùng chúng tôi điểm qua các tính năng nổi bật của ATS: Sàng lọc và quản lý hồ sơ ứng viên Khả năng tìm kiếm và sàng lọc ứng viên là một trong các tính năng nổi bật nhất của ATS. Với việc sử dụng từ khóa và tiêu chí cụ thể, hệ thống có thể nhanh chóng tìm kiếm và sàng lọc các hồ sơ phù hợp, tự động loại bỏ những ứng viên không đạt yêu cầu. Điều này giúp nhà tuyển dụng tập trung vào những ứng viên...

By stationd
Hiểu về trình duyệt – How browsers work

Hiểu về trình duyệt – How browsers work

Bài viết được sự cho phép của vntesters.com Khi nhìn từ bên ngoài, trình duyệt web giống như một ứng dụng hiển thị những thông tin và tài nguyên từ server lên màn hình người sử dụng, nhưng để làm được công việc hiển thị đó đòi hỏi trình duyệt phải xử lý rất nhiều thông tin và nhiều tầng phía bên dưới. Việc chúng ta (Developers, Testers) tìm hiểu càng sâu tầng bên dưới để nắm được nguyên tắc hoạt động và xử lý của trình duyệt sẽ rất hữu ích trong công việc viết code, sử dụng các tài nguyên cũng như kiểm thử ứng dụng của mình. Cách để npm packages chạy trong browser Câu hỏi phỏng vấn mẹo về React: Component hay element được render trong browser? Khi hiểu được cách thức hoạt động của trình duyệt chúng ta có thể trả lời được rất nhiều câu hỏi như: Tại sao cùng một trang web lại hiển thị khác nhau trên hai trình duyệt? Tại sao chức năng này đang chạy tốt trên trình duyệt Firefox nhưng qua trình duyệt khác lại bị lỗi? Làm sao để trang web hiển thị nội dung nhanh và tối ưu hơn một chút?… Hy vọng sau bài này sẽ giúp các bạn có một cái nhìn rõ hơn cũng như giúp ích được trong công việc hiện tại. 1. Cấu trúc của một trình duyệt Trước tiên chúng ta đi qua cấu trúc, thành phần chung và cơ bản nhất của một trình duyệt web hiện đại, nó sẽ gồm các thành phần (tầng) như sau: Thành phần nằm phía trên là những thành phần gần với tương tác của người dùng, càng phía dưới thì càng sâu và nặng về xử lý dữ liệu hơn tương tác. Nhiệm...

By stationd