web usability

22
L/O/G/O www.trungtamtinhoc.edu.vn Web Usability 1 Nhóm: Trần Nguyễn Bảo Lê Huỳnh Duy Cao Thanh Thiện

Upload: malaya

Post on 11-Feb-2016

52 views

Category:

Documents


0 download

DESCRIPTION

Web Usability. Nhóm : Trần Nguyễn Bảo Lê Huỳnh Duy Cao Thanh Thiện. Nội dung chính. Để hiểu rõ về sự tương quan giữa giao diện và tính khả dụng của 1 trang web, ta lần lượt đi qua các vấn đề sau :. 1. Web Usability là gì ?. 2. Năm khía cạnh của Web Usability. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Web  Usability

L/O/G/O

www.trungtamtinhoc.edu.vn

Web Usability

1

Nhóm:Trần Nguyễn BảoLê Huỳnh DuyCao Thanh Thiện

Page 2: Web  Usability

www.trungtamtinhoc.edu.vn2

Nội dung chính

Web Usability là gì?

Năm khía cạnh của Web Usability

Thiết kế web và SEO

Hướng nghiên cứu4

1

2

3

Để hiểu rõ về sự tương quan giữa giao diện và tính khả dụng của 1 trang web, ta lần lượt đi qua các vấn đề sau:

Page 3: Web  Usability

www.trungtamtinhoc.edu.vn3

Khái niệm

• Web Usability là tính khả dụng, kiểm tra xem website sử dụng có dễ dàng hay không, các thao tác trên website có thân thiện với người dùng hay không.

• Việc kiểm tra tính khả dụng của một trang web giúp bạn quản trị tối ưu trang web sao cho việc tìm kiếm của khách hàng dễ dàng nhất, thuận lợi nhất.

Page 4: Web  Usability

www.trungtamtinhoc.edu.vn4

Năm khía cạnh

Web Usability

Khả năng học hỏi cách tương tác với giao diện trang web

Tốc độ truy cập, xủ lý và thực thi của trang web

Tính hiệu quả thể hiện mức đáp ứng của trang web đối với nhu cầu thông tin của user

Learnability

Speed Efficiency

Memorability User

preference

Cảm nhận củangười sử dụng Khả năng ghi nhớ cách

tương tác với trang web đã dùng

Page 5: Web  Usability

www.trungtamtinhoc.edu.vn5

Learnability

Tiêu chí

Mức độ thân thiện với userSự hướng dẫn rõ ràng và logicĐộ đơn giản về thao tác

Page 6: Web  Usability

www.trungtamtinhoc.edu.vn6

Memorability

Tiêu chí

Sự tương đồng giao diện giúp người dùng dễ dàng tìm kiếm thông tin mình cần.Có thể bị ảnh hưởng bởi sự phi logic lúc thiết kế.

Page 7: Web  Usability

www.trungtamtinhoc.edu.vn7

Efficiency

Tiêu chí

Web có dễ sinh ra lỗi khi người dùng chọn/thao tác sai hay không?Có mục sai ảnh hưởng tới lựa chọn của người dùng không?

Page 8: Web  Usability

www.trungtamtinhoc.edu.vn8

Speed

Mạng

Tốc độ máy tính

Trình duyệt

Dung lượng web

Server

Source code

0% 20% 40% 60% 80% 100%

80%

41.5%

17%

23.6%

32.6%

7.3%

Mức ảnh hưởng của các yếu tố tới tốc độ của web:(chỉ mang tính chất tương đối)

Page 9: Web  Usability

www.trungtamtinhoc.edu.vn9

User preference

Sự đối lập giữa mục đích của người sử dụng và webmaster

Bảo mật thông tin

Tìm được thứ mình cần

Không thích quảng cáo

Giữ thông tin user

Giảm thiểu dung lượng upload

Tối đa quảng cáo

Use

rW

eb m

aster

Page 10: Web  Usability

www.trungtamtinhoc.edu.vn10

User preference

User Web master

Page 11: Web  Usability

www.trungtamtinhoc.edu.vn11

Thiết kế web và SEO

Mức độ hấp dẫn và sức ấn tượng của trang web đến người dùngWeb

Layout Design Content

Page 12: Web  Usability

www.trungtamtinhoc.edu.vn12

Thiết kế web và SEO

• Layout– Một trang/cột– Menu ẩn– Dạng phẳng

• Design– Phối màu– Đồ họa, hình ảnh

• Content organization– Ngôn ngữ tự nhiên/ khoa học– Thông tin xúc tích

Page 13: Web  Usability

www.trungtamtinhoc.edu.vn13

Thiết kế web và SEO

Slide bar

Flat form

Page 14: Web  Usability

www.trungtamtinhoc.edu.vn14

Thiết kế web và SEO

Links and Titles–Links– Titles

Page 15: Web  Usability

www.trungtamtinhoc.edu.vn15

Thiết kế web và SEO

• Links and Titles– Links–Titles

Page 16: Web  Usability

www.trungtamtinhoc.edu.vn16

Thiết kế web và SEO

Chrome52,9%

Firefox28,2%

IE11,8%

Page Dimensions

>= 1024 x 768 (66%)

800 x 600 (29%)

Other

Kích cỡ trang web

Page 17: Web  Usability

www.trungtamtinhoc.edu.vn17

Thiết kế web và SEOKích cỡ trang web

và tốc độ load

Page 18: Web  Usability

www.trungtamtinhoc.edu.vn18

Thiết kế web và SEO

Legibility

Font Face Size Color

Page 19: Web  Usability

www.trungtamtinhoc.edu.vn19

Thiết kế web và SEO

Page 20: Web  Usability

www.trungtamtinhoc.edu.vn20

Hướng nghiên cứu

Sự khác biệt giữa chất lượng và định lượng Các phương pháp tiếp cận đối tượng Tìm hiểu khả năng tính toán, lập trình và biên

dịch trang web Các chiến lược marketing mới

Page 21: Web  Usability

www.trungtamtinhoc.edu.vn21

Page 22: Web  Usability

L/O/G/O

www.trungtamtinhoc.edu.vn

Thank You!