Hoàn thiện giao diện và tính năng website netrealvietnam.com

i
“Hoàn thiện giao diện và tính
năng website
netrealvietnam.com”
ii
LỜI CẢM ƠN
Trước hết, em xin gửi lời cảm ơn tới các thầy cô ở Trường Đại học Thương mại
nói chung và các thầy cô trong Khoa Thương mại điện tử nói riêng, những người đã tận
tình hướng dẫn, kiểm tra và chỉ bảo phương pháp học tập, nghiên cứu, các kỹ năng cần
thiết giúp em thực hiện thành công luận văn này.
Em xin gửi lời cảm ơn sâu sắc tới Tiến sĩ Đàm Gia Mạnh, Trưởng khoa Tin Học
Thương Mại, người trực tiếp hướng dẫn thực hiện luận văn, đã tận tình hướng dẫn chỉ
bảo em trong quá trình thực hiện đề tài.
Bên cạnh đó, em cũng xin gửi lời cảm ơn tới Ban Giám đốc và các nhân viên
Công ty Cổ phần Phát triển Giải pháp Công nghệ TADA đã nhiệt tình giúp đỡ và cung
cấp các số liệu, tài liệu cần thiết cho quá trình thực hiện luận văn.
Cuối cùng, em xin cảm ơn sự quan tâm, giúp đỡ và ủng hộ của cha, mẹ, các anh
chị và bạn bè trong quá trình thực hiện luận văn.
Em xin chân thành cảm ơn!
Hà nội, tháng 5 năm 2010
Sinh viên thực hiện
Nguyễn Thị Trà My

iii
TÓM LƯỢC
Càng ngày càng có nhiều doanh nghiệp ứng dụng thương mại điện tử trong hoạt
động kinh doanh của mình. Cạnh tranh cũng ngày càng gay gắt hơn, các doanh nghiệp
ngày càng quan tâm hơn tới hình ảnh của mình trước công chúng và mạng internet
đang trở thành nơi giao tiếp lý tưởng và hiệu quả. Khi internet trở nên quen thuộc và
dần trở thành một công cụ không thể thiếu trong cuộc sống thì lợi ích của website đối
với việc quảng bá sản phẩm và thương hiệu của một doanh nghiệp thật là to lớn. Tùy

từng lĩnh vực kinh doanh của từng doanh nghiệp mà website mang lại những lợi ích
khác nhau. Website trở thành một cửa ngõ để doanh nghiệp tiếp thị sản phẩm của mình
đến khách hàng khắp nơi trên toàn thế giới.
Vì vậy, việc xây dựng một website riêng là
hết
sức cần thiết đối với mỗi doanh
nghiệp. Nhưng doanh nghiệp cần thiết kế giao diện website như thế nào và phải có
những tính năng gì để thu hút được nhiều khách hàng nhất.
Đề tài “Hoàn thiện giao diện và tính năng website netrealvietnam.com” nhằm
nghiên cứu và làm rõ thực trạng các vấn đề về thiết kế giao diện và tính năng của
website thương mại điện tử nói chung và của Công ty cổ phần đầu tư và môi giới bất
động sản Netreal Việt Nam nói riêng. Trên cơ sở các lý luận và đánh giá, khảo sát thực
trạng những ưu điểm, những tồn tại trong lĩnh vực thiết kế giao diện tính năng website,
luận văn đã đề xuất một số giải pháp nhằm hoàn thiện và nâng cao chất lượng website
của công ty.
Với việc chọn đề tài luận văn tốt nghiệp “Hoàn thiện giao diện và tính năng
website netrealvietnam.com”, em hy vọng sẽ giải quyết được phần nào những khó
khăn đang gặp phải trong hoạt động thiết kế website của Netreal. Tuy nhiên do thời
gian và khả năng hạn chế nên còn một số vấn đề chưa được giải quyết như các giải
pháp về việc bổ sung thêm tính năng bản đồ số và tính năng phong thủy chưa được
nghiên cứu sâu, em sẽ thực hiện tiếp khi có điều kiện.
iv
MỤC LỤC
“Hoàn thiện giao diện và tính năng website netrealvietnam.com” i
LỜI CẢM ƠN ii
TÓM LƯỢC iii
MỤC LỤC iv
DANH MỤC TỪ VIẾT TẮT v
DANH MỤC BẢNG BIỂU vi
DANH MỤC HÌNH VẼ vii

CHƯƠNG 1 1
TỔNG QUAN NGHIÊN CỨU ĐỀ TÀI 1
CHƯƠNG 2 5
TÓM LƯỢC MỘT SỐ VẤN ĐỀ LÝ LUẬN CƠ BẢN VỀ GIAO DIỆN VÀ TÍNH NĂNG CỦA WEBSITE 5
CHƯƠNG 3 18
PHƯƠNG PHÁP NGHIÊN CỨU VÀ CÁC KẾT QUẢ PHÂN TÍCH THỰC TRẠNG XÂY DỰNG GIAO DIỆN VÀ
TÍNH NĂNG WEBSITE NETREALVIETNAM.COM 18
CHƯƠNG 4 33
CÁC KẾT LUẬN VÀ ĐỀ XUẤT VỀ HOÀN THIỆN GIAO DIỆN VÀ TÍNH NĂNG WEBSITE
NETREALVIETNAM.COM 33
KẾT LUẬN 47
TÀI LIỆU THAM KHẢO 48
PHỤ LỤC 49
1.PHIẾU ĐIỀU TRA Ý KIẾN 49
3.BẢNG CÂU HỎI PHỎNG VẤN 58
v
DANH MỤC TỪ VIẾT TẮT
www Wordl Wide Web
TMĐT Thương mại điện tử
CTCP Công ty cổ phần
BĐS Bất động sản
USER Người sử dụng
Banner Bảng quảng cáo
ĐH Đại học
B2B Giao dịch thương mại điện tử doanh nghiệp với doanh nghiệp
(Business to Business)
GUI Giao diện người dùng đồ họa
CNTT Công nghệ thông tin
DN Doanh nghiệp
vi

DANH MỤC BẢNG BIỂU
Trang
Bảng 4.1. Tỷ lệ doanh nghiệp tham gia sàn giao dịch TMĐT qua các năm 38
Bảng 4.2. Tình hình cập nhật website của doanh nghiệp qua các năm 39
Bảng 4.3. Ước tính của doanh nghiệp về doanh thu từ TMĐT qua các năm
2005-2009 39
vii
DANH MỤC HÌNH VẼ
Trang
Hình 3.1. Đánh giá giao diện của website netrealvietnam.com 27
Hình 3.2. Sự cần thiết phải thay đổi màu sắc trang chủ 27
Hình 3.3. Mức độ hợp lý của danh mục BĐS trong trang chủ 28
Hình 3.4. Thời gian truy cập website 28
Hình 3.5. Tính năng website hài lòng nhất 29
Hình 3.6. Thông tin chi tiết của bất động sản 29
Hình 3.7. Hình ảnh bất động sản 29
Hình 3.8. Thay đổi danh sách dự án tiêu biểu 30
Hình 3.9. Đánh giá về tính năng tìm kiếm 31
Hình 3.10. Mức độ cần thiết của diện tích và hướng nhà trong hộp thoại tìm
kiếm 31
Hình 3.11. Đánh giá về tính năng hỗ trợ trực tuyến 32
Hình 4.1. Giao diện trang chủ của website netrealvietnam.com 34
Hình 4.2. Số người sử dụng internet ở một số nước Châu Á (đơn vị Triệu
người) 37
Hình 4.3. Tỷ lệ doanh nghiệp sở hữu và sẽ xây dựng website qua các năm 38
Hình 4.4. Banner của website netrealvietnam.com 40
Hình 4.5. Các biểu tượng trên trang chủ 41
Hình 4.6. Mẫu hộp thoại tìm kiếm sản phẩm 42
Hình 4.7. Mẫu bản đồ số 43
Hình 4.8. Mẫu tính năng xem phong thủy 44

1
CHƯƠNG 1
TỔNG QUAN NGHIÊN CỨU ĐỀ TÀI
1.1. Tính cấp thiết của đề tài
Sự phát triển nhanh chóng của công nghệ thông tin và mạng Internet đã mang
lại rất nhiều thay đổi trong phương thức kinh doanh và thói quen tiêu dùng. Ngày nay,
khách hàng khi cần tìm thông tin về một sản phẩm, dịch vụ hay một đối tác tiềm năng,
khi muốn biết thông tin về công ty, đánh giá một công ty có đáng tin tưởng hay không
biện pháp thông dụng đầu tiên được nghĩ tới là sử dụng internet và các bộ máy tìm
kiếm (khách hàng sẽ kiểm tra thông tin về công ty đó trên mạng Internet). Điều này
dẫn đến nhu cầu có website riêng của các doanh nghiệp nói chung và doanh nghiệp
kinh doanh bất động sản nói riêng ngày càng cao.
Theo kết quả điều tra của Bộ Công thương trong năm 2009 cho thấy, tỷ lệ doanh
nghiệp có dự định xây dựng website trong năm 2010 là 17%. Trong khi các năm trước
đó, tỷ lệ doanh nghiệp dự định xây dựng website chỉ vào khoảng 5-10% /năm.
Cục Quản lý nhà và thị trường bất động sản (Bộ Xây dựng) cho biết, hiện nay, toàn
quốc đã có 368 sàn giao dịch bất động sản được thành lập và đưa lên website của mạng
các sàn giao dịch bất động sản Việt Nam.
Nắm bắt được xu hướng chung đó, Công ty Cổ phần (CTCP) và Đầu tư môi giới
bất động sản NetReal Việt Nam đã hợp tác với Công ty Cổ phần Phát triển Giải pháp
Công nghệ TADA xây dựng sàn giao dịch bất động sản trực tuyến là
www.netrealvietnam.com. Tuy nhiên, là một doanh nghiệp mới bước vào mảnh đất
TMĐT, website của công ty còn có nhiều mặt hạn chế: giao diện chưa thực sự được
hoàn thiện, các tính năng chưa có nhiều, chưa có hỗ trợ kỹ thuật, chưa có diễn đàn trao
đổi trực tuyến trên website, mà chỉ chủ yếu là giới thiệu về công ty và thông tin về
các loại bất động sản (BĐS) công ty đang có nhu cầu bán, mua, cần thuê hoặc cho
thuê.
2
Vì lý do đó, đề tài này tập trung tìm hiểu, đối chiếu, so sánh những kiến thức
trên giảng đường và thực tế doanh nghiệp, nêu ra những hạn chế và đề xuất một số giải

pháp góp phần hoàn thiện giao diện và các tính năng cho website
www.netrealvietnam.com.
Tên đề tài cụ thể là:
“Hoàn thiện giao diện và tính năng website netrealvietnam.com”.
1.2. Xác lập và tuyên bố vấn đề nghiên cứu của đề tài luận văn
Vấn đề đặt ra đối với công ty TADA và Netreal Việt Nam là: làm thế nào để
hoàn thiện giao diện của website www.netrealvietnam.com và tại website này cần nâng
cao hiệu quả và xây dựng những tính năng nào là phù hợp để website vừa thân thiện
với người dùng, vừa có tính thẩm mỹ cao, lại vừa mang đến nhiều tiện ích nhất cho
người dùng.
Đề tài tập trung nghiên cứu và giải quyết vấn đề xây dựng giải pháp hoàn thiện
giao diện website www.netrealvietnam.com, phát triển các tính năng hỗ trợ khách hàng
trong quá trình mua hàng như bản đồ số, công cụ tìm kiếm, … nhằm nâng cao chất
lượng của website, cải thiện hình ảnh của công ty, làm tiền đề cho phát triển ứng dụng
kinh doanh TMĐT tại công ty.
1.3. Các mục tiêu nghiên cứu của đề tài luận văn
Mục tiêu nghiên cứu của đề tài bao gồm:
Thứ nhất, tóm lược và hệ thống hoá những vấn đề lý luận cơ bản về thiết kế
giao diện của website và những tính năng của website.
Thứ hai, đánh giá phân tích thực trạng triển khai xây dựng website
www. netrealvietnam.com để đưa ra những ưu nhược điểm, những vấn đề tồn tại và
hạn chế.
Thứ ba, trên cơ sở những đánh giá phân tích này đưa ra các kiến nghị, đề xuất
một số giải pháp nhằm hoàn thiện và nâng cao các tính năng của website, nhằm thu hút
được nhiều khách hàng và tăng niềm tin của khách hàng đối với website từ đó nâng cao
3
vị thế cạnh tranh của công ty và đáp ứng nhu cầu ngày càng cao của người tiêu dùng
trên thị trường TMĐT.
1.4. Phạm vi nghiên cứu
1.4.1. Không gian

Đề tài này chỉ tập trung vào nghiên cứu việc hoàn thiện giao diện và tính năng
đối với website www.netrealvietnam.com gắn liền đối tượng là người sử dụng trực tiếp
chứ không phải là nhà quản trị.
1.4.2. Thời gian
Nghiên cứu tình hình công ty thông qua các dữ liệu Báo cáo tài chính, Báo cáo
kết quả hoạt động kinh doanh,… trong 2 năm trở lại đây, từ năm 2008 – 2009 và các
điều tra trực tiếp bằng kết quả phỏng vấn và phiếu điều tra trắc nghiệm.
1.5. Kết cấu luận văn tốt nghiệp
Ngoài phần mở đầu và phần kết luận, luận văn được kết cấu qua 4 chương:
Chương 1: Tổng quan nghiên cứu đề tài
Chương 2: Tóm lược một số vấn đề cơ bản về giao diện và tính năng của website
Chương này tập trung vào những vấn đề lý luận cơ bản của vấn đề nghiên cứu,
những lý luận về website,thiết kế website, giao diện của website, tính năng của
website, … Nội dung của phần này chủ yếu được tác giả lựa chọn và trích dẫn từ các
cuốn sách chuyên ngành, giáo trình, internet, …
Chương 3: Phương pháp nghiên cứu và các kết quả phân tích thực trạng xây dựng
giao diện và tính năng của website netrealvietnam.com
Thông qua quá trình phân tích các điểm mạnh, điểm yếu và phân tích các dữ
liệu liên quan đến quá trình xây dựng giao diện và tính năng của website
www.netrealvietnam.com, để nhận ra những kết quả doanh nghiệp đã đạt được và
những hạn chế còn tồn tại, những vấn đề doanh nghiệp cần giải quyết. Nội dung phần
này dựa vào khoảng thời gian thực tập và làm việc tại doanh nghiệp.
4
Chương 4: Các kết luận và đề xuất để hoàn thiện giao diện và tính năng của website
netrealvietnam.com
Đưa ra những giải pháp dựa trên các kết quả phân tích thực trạng xây dựng giao
diện và tính năng của website netrealvietnam.com
5
CHƯƠNG 2
TÓM LƯỢC MỘT SỐ VẤN ĐỀ LÝ LUẬN CƠ BẢN VỀ GIAO DIỆN VÀ

TÍNH NĂNG CỦA WEBSITE
2.1. Một số khái niệm, định nghĩa cơ bản
2.1.1. Website là gì
2.1.1.1. Khái niệm website
Thuật ngữ website đã trở nên quen thuộc đối với nhiều người tuy nhiên hiện vẫn
chưa có khái niệm thống nhất về website.
Theo Bách khoa toàn thư mở “Wikipedia”, Website là tập hợp của rất nhiều
trang web - một loại siêu văn bản (tập tin dạng HTML hoặc XHTML) trình bày thông
tin trên mạng Internet - tại một địa chỉ nhất định để người xem có thể truy cập vào
xem. Trang web đầu tiên người xem truy cập từ tên miền thường được gọi là trang chủ
(homepage), người xem có thể xem các trang khác thông qua các siêu liên kết
(hyperlinks).
Đặc điểm tiện lợi của website: thông tin dễ dàng cập nhật, thay đổi, khách hàng
có thể xem thông tin ngay tức khắc, ở bất kỳ nơi nào, tiết kiệm chi phí in ấn, gửi bưu
điện, fax, thông tin không giới hạn (muốn đăng bao nhiêu thông tin cũng được, không
giới hạn số lượng thông tin, hình ảnh ) và không giới hạn phạm vi khu vực sử dụng
(toàn thế giới có thể truy cập). Website là một tập hợp một hay nhiều trang web.
Để một website hoạt động được cần phải có tên miền (domain), không gian lưu
trữ trên máy chủ (hosting) và nội dung (các trang web).
Tên miền là tên địa chỉ chính của website, ví dụ www.tapchiwebsite.net là tên miền
của website hay là địa chỉ để người xem dùng để truy cập vào website. Có một số loại
tên miền như sau:
• www.abc.com: tên miền quốc tế (.net, .biz, .org )
6
• www.abc.com.vn: tên miền quốc gia
• www.abc.com/xyz/ (xyz là tên miền con của website abc) : tên miền phụ (sub
domain)
• www.xyz.abc.com (xyz là tên miền con của website abc)
• …
Hosting có nghĩa là việc lưu trữ website để duy trì sự họat động của website trên mạng,

là một không gian trên ổ đĩa của một máy chủ server để lưu nội dung website nhằm
làm cho bất kỳ ai cũng có thể truy cập vào những nội dung này bất kỳ lúc nào, bất kỳ
nơi nào. Máy tính lưu những nội dung website này được gọi là máy chủ (server) phải
hoạt động 24/24. Một website nhất định phải có hosting thì mới hoạt động được.
2.1.1.2. Phân loại website
Hiện nay có nhiều quan điểm và có nhiều cách phân loại website khác nhau, ở
đây chỉ đưa ra một số loại website trong TMĐT như:
 Cửa hàng, siêu thị điện tử: Nổi tiếng nhất ở dạng này là website
www.amazon.com, đây là website chuyên bán lẻ sách báo, CD, ứng dụng phần
mềm, đồ chơi … qua internet. Mô hình này hoạt động tương tự một siêu thị hay của
hàng truyền thống, cho phép người mua chọn lựa hàng hóa, thay đổi số lượng món
hàng, tính tiền thanh toán và nhận hàng.
 Đấu giá trực tuyến (online aution): Không thể không nói đến www.ebay.com,
website mô phỏng quy trình bán đấu giá vật dụng, tức là người bán đưa ra giá sàn
(giá thấp nhất ban đầu), sau đó người mua lần lượt trả cao hơn. Đến thời điểm nhất
định ai trả cao hơn sẽ là người có quyền mua món hàng.
 Sàn giao dịch giữa doanh nghiệp với doanh nghiệp (B2B): www.alibaba.com là
một sàn giao dịch điển hình, nơi các doanh nghiệp tham gia giới thiệu về mình,
đăng tải yêu cầu mua, bán, tìm đối tác.
7
 Cổng thông tin (portal): Giống như danh bạ điện thoại liệt kê thông tin liên lạc
của các công ty theo ngành nghề. Như www.dir.yahoo.com
 Mô hình giá động (dynamic pricing models) với những website này người mua
có thể trả giá theo ý mình (tùy người bán có đồng ý bán hay không).
 Website thông tin phục vụ việc quảng bá: ví dụ như www.vnexpress.net
www.dantri.com.vn, nơi trưng bầy nhiều thông tin thời sự, du lịch, giải trí, văn
hóa… thu hút nhiều đối tượng người xem, từ đó có doanh thu từ những đối tượng
có nhu cầu đăng quảng cáo (logo, banner).
 Website giới thiệu thông tin của doanh nghiệp: Chỉ để giới thiệu thông tin về
doanh nghiệp, dịch vụ, sản phẩm của doanh nghiệp và cho phép người xem liên lạc

với doanh nghiệp qua website này.
2.1.2. Khái niệm giao diện của website
Giao diện của website chính là cái mà chúng ta thấy nó ở trên trang web, được
thiết kế bởi những designer với các khung, bảng, mầu và chữ, Các giao diện website
thường có kích thước bề ngang chuẩn là 800 pixel hoặc 1024 pixel, nhưng cũng có một
số website không theo chuẩn này mà thiết kế tự động giãn theo kích thước màn hình.
Giao diện người dùng đồ hoạ (GUI) là một cách giao tiếp với máy tính bằng
hình ảnh và chữ viết, được dùng để mô tả một môi trường làm việc thân thiện với
người sử dụng, sử dụng những hình tượng đồ hoạ - như những biểu tượng (icon) - để
thay thế những dòng lệnh tương tác với máy tính. GUI làm cho máy tính trở nên sử
dụng dễ dàng hơn đối với người dùng không có kinh nghiệm nhiều.
Giao diện người dùng đồ hoạ của hệ thống, cộng thêm các tương tác ẩn dụ, hình
ảnh và các quan niệm được sử dụng để chuyển tải mọi tính năng, thông tin lên màn
hình => tạo nên nét đặc trưng "nhìn thấy và cảm nhận" của các trang web.
8
2.2. Một số lý thuyết của vấn đề nghiên cứu
2.2.1. Quy trình thiết kế giao diện
Thiết kế giao diện hướng tới người sử dụng là một công việc trong quy trình
phát triển một website. Tại Việt Nam, nhiều doanh nghiệp vừa và nhỏ không chỉ quan
tâm đến nội dung đăng tải trên website mà còn quan tâm đến giao diện website có đẹp
hay không.
Trong phạm vi cho phép, tác giả xin trình bày quy trình xây dựng giao diện
website gồm các bước như sau:
Bước 1: Xác định yêu cầu của khách hàng.
Yêu cầu là một điều kiện hoặc khả năng mà hệ thống phải tuân theo hoặc có.
Nhiều khi khách hàng cũng không biết họ cần gì, nên khi xác định yêu cầu bạn nên xây
dựng trước một biểu mẫu câu hỏi để lấy yêu cầu của khách hàng. Yêu cầu phải đạt
những tiêu chí sau:
 Phải bao quát được các chức năng, cấu trúc nội dung, đối tượng xem Web site.
 Trao đổi thông tin dựa trên các yêu cầu đã xác định trước khi tiếp cận khách hàng.

Bạn phải nghiên cứu về yêu cầu chung của khách hàng trước khi tiếp cận.
 Xây dựng bảng câu hỏi logic để chuyển đổi sang phân tích yêu cầu nghiệp vụ, yêu
cầu hệ thống đơn giản, dễ dàng.
 Đặt độ ưu tiên, lọc và theo dõi các yêu cầu.
 Đánh giá khách quan các chức năng và hiệu năng.
Bước 2: Phác thảo ý tưởng trên giấy
Để linh hoạt trong việc phác ý tưởng, bạn nên sử dụng bảng vẽ, bút chì, thước
kẻ và tẩy. Với những dụng cụ trên bạn phác ý tưởng, ở đây là bố cục trên giấy.
 Banner không quá 1/3 màn hình thực của người sử dụng (màn hình thực là màn
hình của trình duyệt có thể xem được trang Web, đã bỏ đi các thanh tool bar của
trình duyệt Web).
 Sitebar không lớn quá 25% chiều rộng trang Web.
Bước 3: Đánh giá mẫu phác thảo
9
Bạn nên có tối thiểu 03 mẫu phác trên giấy, sau đó bạn treo lên tường và mời
những người khác cùng xem và đánh giá. Mẫu phác thảo đạt những yêu cầu phải trả lời
được những câu hỏi như sau:
 Họ thích mẫu nào?
 Mẫu thiết kế có đáp ứng các yêu cầu của khách hàng không?
 Tìm thông tin, chức năng có dễ không?
 Đứng xem, bạn có thấy bố cục có rời rạc không? Có thẩm mỹ không?
Nếu câu trả lời không đạt yêu cầu trên bạn nên ngồi lại và vẽ tiếp, điều này sẽ
giúp bạn giảm chi phí nhiều nếu bạn sử dụng máy tính để thiết kế. Sau khi chọn được
một mẫu chúng ta chuyển sang bước 4.
Bước 4: Thiết kế đồ hoạ bản đơn sắc
Sau khi phác thảo xong, bạn sử dụng công cụ đồ hoạ máy tính để thiết kế mẫu
giao diện Web. Đầu tiên chúng ta cần xem bố cục trên Máy tính có hợp lý không,
chính vì vậy chúng ta chưa phối màu cho các mảng màu, đường kẻ, chữ cho trang
Web, tất cả các bạn để thang màu xám để bước tiếp theo phối màu dễ dàng hơn. Tuyệt
đối không để màu trắng và đen với những vùng muốn phối màu khác hai mầu trên.

Sau khi căn chỉnh bố cục và thiết kế xong, bạn nên in ra và lại treo lên tường
mời mọi người đến đánh giá giống như bước 3. Đánh giá hiện giờ cần phải trả lời
những câu hỏi như sau:
 Tìm thông tin, chức năng có dễ không? Không dễ vì sao? Do độ tương phản, kích
cỡ, …?
 Trình bày thông tin quan trọng có dễ tìm với giới hạn của màn hình thực hay
không?
 Giao diện có dễ đọc, dễ sử dụng với người dùng mục tiêu hay không?
 Giao diện có thể hiện ra tính cách riêng hay không?
 ….
Bước 5: Phối màu cho giao diện Web
Khi bản đơn sắc đạt yêu cầu, bạn chuyển sang phối màu cho giao diện Web. Khi
phối màu cho giao diện bạn nên tuân thủ các phương pháp chẳng hạn như sau:
10
 Dựa vào màu sắc yêu cầu từ bảng câu hỏi để đưa ra phương pháp phối màu cho
Web site. Có 1 màu chủ đạo, 1 màu thứ cấp và các màu chỏi để tăng phần sinh
động cho Web.
 Với màu nền là màu pha gam xám sẽ có kiểu phối màu riêng. Ví dụ phần nội dung
sẽ có màu đỏ, vàng chanh, vàng, cam, xám, da trời,… tuỳ thuộc vào mục đích của
Web site.
 Với text nên tối đa 3 màu, 3 font, 3 cỡ chữ, 3 kiểu chữ, 3 kiểu trace, kerning.
2.2.2. Những yêu cầu khi thiết kế giao diện của website
2.2.2.1. Thiết kế giao diện hướng tới người sử dụng
 Mục tiêu hướng tới user, giúp user tự điều khiển được máy tính của họ.
 Không được đặt bất cứ cản trở nào cho user.
 Các nhu cầu và tâm lý học khách hàng là những yếu tố quyết định.
 Thiết kế cho mọi đối tượng độc giả.
 Thử nghiệm các thiết kế, nhận các phản hồi từ độc giả là phương pháp tốt nhất để
tìm ra các ý tưởng thiết kế cho phép độc giả nhận được cái họ muốn.
 User chủ yếu dùng các liên kết.

 Họ không xác định được đang ở đâu trong tổ chức thông tin.
 Các biểu tượng nhất quán, dễ hiểu, các lược đồ đồ họa đồng nhất, màn hình tổng
hợp làm cho độc giả tin tưởng là họ có thể tìm thấy cái họ cần mà không lãng phí
thời gian.
2.2.2.2. Định hướng trợ giúp rõ ràng
 Độc giả phải luôn có khả năng quay trở lại trang chủ và các điểm chủ chốt trên
website của chúng ta.
 Các liên kết cơ bản này nên có trên mọi trang web của chúng ta, nó thường là các
nút ấn đồ hoạ với hai mục đích: tạo các mối liên kết cơ bản và giúp tạo một biểu
tượng đồ hoạ thông báo cho độc giả biết họ vẫn còn đang ở trong website của
chúng ta.
11
2.2.2.3. Không có trang cuối cùng (dead-end)
Các trang "dead-end" – các trang không móc nối đến các trang khác trong cùng
site – không chỉ là một sự thất vọng với độc giả, chúng thường làm mất khả năng đưa
độc giả đến với các trang khác trong website của chúng ta.
2.2.2.4. Cho phép truy cập trực tiếp
 Mục đích là cung cấp cho độc giả thông tin họ cần với ít bước nhất và với thời gian
ngắn nhất.
 Cần thiết kế cấu trúc thông tin hiệu quả nhất, giảm tối đa các bước qua hệ thống
menu.
2.2.2.5. Dải thông và ảnh hưởng
 Tốc độ truy nhập mạng của Web càng nhanh càng tốt.
 Nếu độc giả chỉ là một người dạo chơi web bình thường sử dụng modem tốc độ
28.8 kbps qua đường điện thoại, không nên đặt một ảnh kích thước lớn lên trang
web, độc giả sẽ không đủ kiên nhẫn chờ đến khi ảnh được nạp xuống.
 Nếu xây dựng một website cho trường học, doanh nghiệp, nơi mà mọi người truy
nhập web server với tốc độ mạng LAN hay cao hơn nữa, thì chúng ta lại nên sử
dụng nhiều ảnh và multimedia.
2.2.2.6. Đơn giản và nhất quán

 Các biểu tượng nên đơn giản, quen thuộc và dễ hiểu với độc giả.
 Thiết kế thông tin tốt nhất là những cái mà đa số độc giả chưa bao giờ thấy.
 www.adobe.com là một mô hình xuất sắc cho thiết kế website. Các trang sử dụng
đồ họa một cách rộng rãi với các trợ giúp định vị, áp dụng nhất quán ở tất cả các
trang trên website.
 Thiết kế trang một cách nhất quán, tất cả đều sử dụng chung một kiểu đồ họa,
phong cách biên tập và mô hình tổ chức.
12
 Mục đích là tính đồng nhất, có thể đoán trước, để độc giả cảm thấy thoải mái khi
khai thác website và chắc chắn họ biết phải tìm cái họ cần tìm.
 Các biểu tượng đồ họa trên trang web cung cấp các tín hiệu trực quan về sự tiếp nối
của thông tin.
2.2.2.7. Tính ổn định thiết kế
 Tính ổn định chức năng trong thiết kế web là giữ các thành phần giao tiếp của
website làm việc ổn định.
 Tính ổn định chức năng có hai thành phần – đặt các vật đúng chỗ ngay từ đầu khi
thiết kế, và sau đó giữ chúng hoạt động nhịp nhàng trong suốt thời gian.
 Trong khi thiết kế, cần kiểm tra thường xuyên các liên kết để đảm bảo chúng còn
tồn tại.
 Cần có lịch kiểm tra lại các liên kết và cả nội dung của nó còn thích hợp không.
 Một site trông luộm thuộm, với thiết kế trực quan nghèo nàn, trình độ biên tập kém
sẽ không truyền được sự tin cậy cao cho các độc giả.
2.2.2.8. Phản hồi và đối thoại
 Phản hồi cũng có nghĩa là bước chuẩn bị cho việc trả lời, đáp ứng các đòi hỏi, góp ý
của độc giả.
 Các website thiết kế tốt luôn cung cấp mối liên hệ trực tiếp tới ban biên tập hoặc
“webmaster” phụ trách kỹ thuật của site.
 Lên kế hoạch đảm bảo quan hệ liên tục với các độc giả là quan trọng sống còn đối
với sự thành công lâu dài của một doanh nghiệp.
2.2.2.9. Thiết kế cho các trình duyệt khác nhau

 Nhiều độc giả không có chương trình duyệt đồ họa.
 Làm thế nào để các độc giả với web browser không có khả năng đồ họa vẫn hiểu
được chức năng của hình ảnh trên trang web (sử dụng nhãn ALT).
13
 Giúp các độc giả khiếm thị có thể nghe các thông báo thay thế mà chúng ta cho hỗ
trợ cùng hình ảnh đồ họa, do đó không hoàn toàn mất hẳn nội dung của bức ảnh,
phím đồ họa đi kèm trang web.
2.2.2.10. Điều khiển
 Các điều khiển đồ họa và liên kết tương tác trong trang web sẽ thu hút sự chú ý của
độc giả.
 Sử dụng các phím ấn đồng nhất, có thể tự đoán được, chúng ta đã giúp độc giả có
được cảm nhận của website của mình, và làm cho logic và trật tự của website trở
nên rõ ràng.
2.2.2.11. Tạo ngữ cảnh
 Khi ta thấy một liên kết web trên một trang, chúng ta có ít cảm nhận chúng ta sẽ
được dẫn đi đâu, có bao nhiêu thông tin ở đó, và chính xác thông tin đó quan hệ thế
nào đến trang hiện tại.
 Đại đa số các trang web không vừa khớp với màn hình 14-15 inch, nên không thể
hiển thị hết thông tin.
2.2.2.12. Liên kết cố định và tương đối
 Không như các phím Back hay Forward trong các trình duyệt chỉ có chức năng
tương đối đến các trang mà độc giả vừa rời khỏi, phím Trang tiếp và Trang trước
trong các trang web là các liên kết cố định do chúng ta tạo nên chỉ đến một văn bản
nhất định.
 Phím ấn lật trang, phím chỉ đến mục lục… không cho phép độc giả đọc tin theo thứ
tự họ chọn, nhưng cho phép họ đọc các trang liên tiếp như ta trình bày.
2.2.2. Những tính năng cơ bản của website
 Tiện ích (Statitics): cho phép theo dõi hoạt động của Website, thống kê báo cáo thời
gian, địa điểm, số lượt khách hàng truy cập trên website, từ khoá tìm kiếm, hiệu quả
các đường link…

14
 Link liên kết (Weblink): Cho phép đặt liên kết đến các website khác theo các tiêu
chí khác nhau như lĩnh vực hoat động … Mục đích trao đổi link liên kết nhằm tạo
nhiều liên kết từ website đến các trang web khác và ngược lại.
 Tìm kiếm (Search): Công cụ tra cứu nhanh, giúp khách hàng giảm thiểu thời gian
tìm kiếm thông tin.
 Liên hệ: hộp thoại liên hệ tự động cho phép tuỳ biến đáp ứng mọi yêu từ phía
khách hàng. Khách hàng có thể liên hệ, giao dịch trực tiếp với công ty thông qua
hộp thoại liên hệ.
 Thống kê: Cho phép thu thập thông tin đánh giá, bình trọn trực tuyến các Sản phẩm,
dịch vụ từ phía khách hàng, chức năng thông kê báo cáo, là công cụ đắc lực của
người Quản lý trong thời đại bùng nổ thông tin hiện nay.
 Tải dữ liệu (Download): Công cụ hỗ trợ khách hàng hữu hiệu cho phép download
và upload các tiện ích, hỗ trợ khách hàng như: Báo giá, tài liệu chuyên môn, các file
.dat, MP3 cùng các phần mềm tiện ích khác.
 Hỏi đáp, tư vấn (FaQ): Giải đáp, trao đổi tất cả những thắc mắc, đưa những ý kiến
hay về mặt kỹ thuật hay của Công ty lên trang Web, điều này có thể làm sinh động
thêm trang Web, thông qua đó có thể tư vấn, hỗ trợ kỹ thuật cho khách hàng, các
đơn vị thành viên, giảm thiểu các chi phí chăm sóc và hỗ trợ khách hàng.
 Tính năng cộng đồng: Những tính năng cộng đồng là tư tưởng cốt lõi của một
website thế hệ mới. Những tính năng cộng đồng của giải pháp website bất động sản
bao gồm:
 Đăng ký thành viên, quản lý hồ sơ cá nhân, cá nhân hóa người dùng.
 Bình luận, xếp hạng cho các bài viết, hạng mục nội dung.
 Bình bầu, xếp hạng, đánh giá giữa các thành viên.
 Bóc tách, thu thập và chia sẻ nội dung thông qua công nghệ RSS, News feed.
 Liên kết, tích hợp với những mạng cộng đồng khác như: Chia sẻ video, blog,
bản đồ.
15
2.3. Tổng quan tình hình khách thể nghiên cứu của những công trình năm trước

về thiết kế website.
Năm 1994 khi Yahoo vừa xuất hiện còn Amazon, Google và eBay chưa ra đời,
hầu hết các trang web đều chủ yếu là ở dạng text. Nhìn lại 1 thập kỷ đầy những phát
minh, nhiều nguyên tắc cũ vẫn tiếp tục là cơ sở cho các dạng web hiện nay.
Theo bài viết: “ Thiết kế web – 10 năm phát triển” trên tạp chí BBC, Tiến sỹ
Jakob Nielsen, chuyên gia nổi tiếng về lĩnh vực web, cho rằng có một số thứ không
thay đổi suốt một thập kỷ qua, chủ yếu là các nguyên tắc về những gì tạo nên sự tiện
dụng của một site. Theo Nielsen, những phong cách thiết kế web như tạo màn hình
splash - xen ngang giữa người sử dụng và trang web mà họ đang xem - cũng như việc
các nhà thiết kế tự do phóng tác những ý tưởng nghệ thuật gần như đã không còn. Mặc
dù vậy, nguyên tắc cơ bản về tính tiện dụng, độ tập trung và cách tư duy rõ ràng về
thiết kế tổng thể web vẫn là những yếu tố quan trọng giống như trước đây.
Tiến sỹ cho rằng sự thành công của các website như Google, Amazon, eBay và Yahoo
cho thấy việc để ý chặt chẽ tới thiết kế của trang web và nhu cầu của ngýời truy cập là
rất quan trọng. “Bốn site này hoạt ðộng rất có lãi. Đó là những minh họa tiêu biểu cho
sự thành công của thương mại điện tử”, ông nói. “Những website đó đều hướng tới nhu
cầu của người truy cập và tạo thuận lợi cho họ sử dụng Internet. Nói cách khác, những
địa chỉ đó đơn giản đã đem đến cho khách hàng những công cụ mạnh để khai thác
thông tin”.
“Google, Amazon, eBay và Yahoo đều không dùng thiết kế bắt mắt hay màu mè”,
Nielsen nói. “Tôi cũng lấy làm ngạc nhiên vì không thấy có nhiều trang khác bắt chước
cách thiết kế của những website thành công này”.
Trong tương lai, tiến sỹ Nielsen tin rằng các công cụ tìm kiếm sẽ đóng vai trò lớn hơn
nữa trong việc hỗ trợ con người nắm bắt lượng thông tin khổng lồ trên mạng. “Những
công cụ search sẽ giống như hệ điều hành của Internet và chúng sẽ còn có thể làm tốt
nhiều thứ khác hơn hiện nay”.
16
Jakob Nielsen là người đồng sáng lập tập đoàn Nielsen Norman Group (cùng với
Donald A. Norman). Ông cũng là khoa học gia xuất sắc của hãng Sun Microsystems.
Nielsen đề xướng kỹ thuật tằng cường tính khả dụng vừa nhanh vừa rẻ đối với giao

diện người sử dụng và phát minh ra một số phương pháp khác, trong đó có cả kỹ thuật
tìm kiếm.
Qua tìm kiếm tại thư viện trường Đại học (ĐH) Thương Mại, tác giả đã tìm
được một số đề tài luận văn của anh (chị) sinh viên khoa Quản trị kinh doanh TMĐT
khóa trước của trường có liên quan đến vấn đề hoàn thiện giao diện và tính năng
website là:
 Đặng Hồng Ngọc, Hoàn thiện giao diện và cấu trúc website phục vụ cho các
hoạt động quảng cáo sản phẩm tại Sannam Tech, Luận văn tốt nghiệp, Khoa Quản
trị kinh doanh TMĐT, Trường ĐH Thương Mại, Khóa 41.
 Hữu Thị Kim, Các giải pháp hoàn thiện tính năng website
vietnamairline.com.vn, Luận văn tốt nghiệp, Khoa Quản trị kinh doanh TMĐT,
Trường ĐH Thương Mại, Khóa 41.
 Trần Thị Huệ, Hoàn thiện website Công ty CP Đầu tư phát triển công nghệ thời
đại mới, Luận văn tốt nghiệp, Khoa Quản trị kinh doanh TMĐT, Trường ĐH
Thương Mại, Khóa 41.
 Trần Việt Lợi, Hoàn thiện website Công ty cổ phần công nghệ phần mềm và
truyền thông Việt Nam, Luận văn tốt nghiệp, Khoa Quản trị kinh doanh TMĐT,
Trường ĐH Thương Mại, Khóa 41.
 Lê Quang Trung, Hoàn thiện tính năng website TMĐT ESN.VN của Công ty cổ
phần giải pháp công nghệ cao TCV, Luận văn tốt nghiệp, Khoa Quản trị kinh doanh
TMĐT, Trường ĐH Thương Mại, Khóa 41.
 Nguyễn Thị Hương Trà, Hoàn thiện và phát triển website Công ty Thực
phẩm Hà Nội theo định hướng khách hàng, Luận văn tốt nghiệp, Khoa Quản trị
kinh doanh TMĐT, Trường ĐH Thương Mại, Khóa 41.
17
 Hoàng Thị Ngọc Diệp, Hoàn thiện tính năng Website nhằm gia tăng khả năng
tương tác với khách hàng tại Công ty Cổ phần Bàn Tay Việt, Luận văn tốt nghiệp,
Khoa Quản trị kinh doanh TMĐT, Trường ĐH Thương Mại, Khóa 41.
Trong những luận văn trên thì chưa có đề tài nào nghiên cứu về giao diện và tính năng
website netrealvietnam.com.

2.4. Phân định nội dung vấn đề nghiên cứu
 Tổng hợp lý luận về thiết kế giao diện và tính năng website.
 Phân tích những ảnh hưởng của môi trường bên ngoài và bên trong doanh nghiệp
để có thể nhận diện được những cơ hội, thách thức từ môi trường bên ngoài và điểm
mạnh, điểm yếu của nội tại doanh nghiệp.
 Điều tra, thu thập dữ liệu thứ cấp, sơ cấp liên quan đến vấn đề giao diện và tính
năng website netrealvietnam.com.
 Đánh giá những mặt được và chưa được còn tồn tại khi thiết kế giao diện và tính
năng website netrealvietnam.com.
 Trên cơ sở dự báo đưa ra đề xuất để hoàn thiện giao diện và tính năng website
netrealvietnam.com.
18
CHƯƠNG 3
PHƯƠNG PHÁP NGHIÊN CỨU VÀ CÁC KẾT QUẢ PHÂN TÍCH THỰC
TRẠNG XÂY DỰNG GIAO DIỆN VÀ TÍNH NĂNG WEBSITE
NETREALVIETNAM.COM
3.1. Hệ thống các phương pháp nghiên cứu
3.1.1. Phương pháp thu thập dữ liệu
3.1.1.1. Phương pháp sử dụng phiếu điều tra
 Nội dung
Thiết kế phiếu điều tra với 12 câu hỏi trắc nghiệm dành cho khách hàng của
công ty nhằm làm rõ: nhận xét của khách hàng về giao diện của website
netrealvietnam.com, mức độ chấp nhận của khách hàng đối với các tính năng của
website.
 Cách thức tiến hành
Thiết kế, hoàn thiện nội dung cũng như hình thức phiếu điều tra. Phát 20 phiếu
điều tra cho khách hàng của doanh nghiệp. Sau đó thu thập lại phiếu điều tra tổng hợp
phiếu điều tra bằng bảng excel và phần mềm SPSS.
3.1.1.2. Phương pháp phỏng vấn
 Nội dung

Phỏng vấn trực tiếp những người có vai trò quan trọng hoặc có liên quan trực
tiếp đến vấn đề xây dựng giao diện và tính năng của website netrealvietnam.com
 Cách thức tiến hành
Thiết kế các câu hỏi liên quan đến việc xây dựng giao diện và tính năng của
website netrealvietnam.com. Hẹn gặp, phỏng vấn trực tiếp giám đốc điều hành của
công ty, người đề xuất, thực hiện và giám sát việc thiết kế website riêng cho công ty.