Download - Trai nghiem nguoi dung ux

LOGO

“ Add your company slogan ”

TRẢI NGHIỆM NGƯỜI DÙNG

NGƯỜI THỰC HIỆN: ĐẶNG THỊ GIANG

KHÁI NIỆM UI VÀ UX UI - Giao diện người dùng ( User Interface) UX - Trải nghiệm người dùng (User Experience)

• UI chính là những gì bạn thấy.• UX là cách mà người dùng Sử dụng và cảm nhận về sản

phẩn đơn giản là những vấn đề như tính dễ sử dụng , sự tiện ích , sự hiệu quả khi hệ thống hoạt động.

UX chính là đích đến cho kết quả mà nhà cung cấp hệ thống mong đợi .

TRẢI NGHIỆM HÀNG NGÀY

Khi chúng ta lái xe.

Dừng đèn đỏ.

Xếp hàng tính tiền ở siêu thị.

Nấu ăn bằng lò vi sóng..v v

Đối với nhiều người, trải nghiệm người dùng thường gắn liền với các thiết bị "kỹ thuật" như điện thoại thông minh, máy tính, phần mềm, và các trang web.

Những trải nghiệm người dùng hàng ngày:

NHỮNG YẾU TỐ VÀ THỐNG KÊ

68% 85% 44% 62%

Người dùng rời website,

phần mềm vì có trải

nghiệm tồi.

Vấn đề về UX có thể tìm

thấy qua việc kiểm tra 5

người dùng.

Khách hàng online sẽ nói

với bạn về một trải nghiệm

online tồi.

Khách hàng sẽ mua hàng dựa trên sự trải nghiệm

cũ.

TRẢI NGHIỆM NGƯỜI DÙNG TỐT XẤU VÀ TỒI TỆ

Text

PHÂN LOẠI

Text

UX TỐTĐáp ứng được như cầu Đơn giản Thân thiệnĐẹp gây cảm hứng Không gây nhiều bất tiện hay bực tức cho user khi sử dụng.

UX TỒILàm cho user thất vọng.Thiếu kiên nhẫn.Tức giận.Nhớ về trải nghiệm tiêu cực đó trong 1 thời gian dài.

Text

TextVD:bạn phải chờ đợi quá lâu tại một nhà hàng vì họ đã làm nhầm món mà bạn gọi.

TRẢI NGHIỆM NGƯỜI DÙNG TỐT XẤU VÀ TỒI TỆ

BẢN CHẤT CỦA UX

4

BẢN CHẤT UX

Mỹ quan thiết kế.Kiến trúc thông tin.

Tiện ích

Giao diện tương tác.Tìm kiếm sản phẩm.

3

2

1

5

BẢN CHẤT CỦA UX

Mỹ quan thiết kế Dùng các yếu tố mỹ quan để truyền đạt thông điệp và thông tin .

Kiến trúc thông tinTạo các nhóm thông tin, phân bố theo nội dung liên quan.Tối ưu khả năng tìm kiếm thông tin qua thanh điều hướng thích hợp và qua các chi tiết mô tả.

Tìm kiếm sản phẩmTìm ra những gì user thích và không thích, thực hiện điều tra đơn giản về vấn đề làm thế nào để phần mềm của bạn có thể đáp ứng được các nhu cầu của user.

Giao diện tương tácĐảo bảo chắc chắn ,tính thống nhất giữa các trang và nội dung.

Tiện lợiĐảm bảo tính tính tiện lợi cao nhất cho user . Tối ưu khả năng truy cập thông tin cho user.

LỢI ÍCH

TỐI ƯU HÓA TRẢI NGHIỆM NGƯỜI DÙNG

Giúp tránh xa những thông tin không hữu ích.

Giúp tránh xa những lỗi trên phần mềm.50% Thời gian của developer được dùng để sửa lỗi nảy sinh.

Tối ưu hóa trải nghiệm người dùng

Những con số thống kê trong doanh nghiệp

Gia tăng bán hàng Tăng khả năng sản xuất.

Tăng sự hài lòng từ khách hàng và sự tín nhiệm.

Giảm chi phí tranning và hỗ

trợ.

Giảm thời gian sản xuất và chi phí.

Giảm chi phí duy trì.

NHỮNG CON SỐ THỐNG KÊ

Cân nhắc việc tăng/giảm chi phí cho UX

Nhà thiết kế UX họ là ai? (UX Design)

THIẾT KẾ UX

UX là cách mà người dùng cảm nhận về 1 sản phẩm cụ thể , người làm về UX goi là UX Designer .

Họ là những người nghiên cứu và đánh giá về thói quen và cách mà 1 người khách hàng sử dụng và cảm nhận về 1 hệ thống (Sử dụng hệ thống thông qua UI) .

Hiểu xem người dùng chính là ai, họ muốn gì, phải hiểu về hành vi, về thói quen của họ.(phỏng vấn, làm khảo sát, quan sát (trực tiếp), theo dõi hành vi và phân tích (gián tiếp).

QUY TRÌNH THIẾT KẾ UX

Nghiên cứu người dùng.1

Tổng hợp từ kết quả nghiên cứu và quan sát2

Lên ý tưởng và thiết kế.3

4

1

2

3

4 Hoàn thiện trải nghiệm và giao diện sản phẩm

Quy trình thiết kế UX gồm 4 bước cơ bản:

Company Logo


11 Tiếp nhận dự án, tìm hiểu về dự án đó.

22 Tìm hiểu về đối tượng người dùng chính của dự án.

33 Đi thu thập yêu cầu của người dùng, xem xem họ muốn gì.

1 Nghiên cứu người dùng:

Mục đích của việc nghiên cứu cơ bản là giúp bạn hiểu được mô hình tâm lý và hành vi của người dùng trong việc sử dụng sản phẩm.


2. Tổng hợp từ kết quả nghiên cứu và quan sátSau khi có được thông tin về hành vi của người dùng, Bạn sẽ phải xử lý các

thông tin này, chuyển nó thành các tài liệu để phục vụ cho việc thiết kế. 3. Lên ý tưởng và Thiết kế

11 Phân tích yêu cầu người dùng, mô phỏng quy trình thao tác bằng cách loại sơ đồ và đưa ra giải pháp.

22 Xây dựng các tình huống sử dụng (scenario), các rủi ro có thể gặp phải…

33 Xây dựng các bản mockup (tạm dịch là bản vẽ sơ khai của sản phẩm) và kiểm nghiệm chúng.

44 Nếu mockup cho thấy kết quả ổn, chuyên gia UX tiếp tục hoàn thiện nó và cho ra đời nguyên mẫu (prototype).


4. Hoàn thiện trải nghiệm và giao diện sản phẩm

www.themegallery.com

11 Khi đã có nguyên mẫu, lại tiếp tục kiểm tra và cho ra sản phẩm cuối cùng.

22 Hoàn thiện sản phẩm, kiểm tra với người dùng (user acceptance testing – UAT).

33 Đưa qua cho bộ phận lập trình đưa ra thành sản phẩm thực tế.

Các yếu tố ảnh hưởng tới trải nghiệm người dùng

Các yếu tố ảnh hưởng tới trải nghiệm người dùngCó 5 yếu tố ảnh hưởng tới trải nghiệm người dùng

Hữu ích Dễ tìm thấy Đáng tin cậy Dễ tiếp cận Có giá trị


Hữu ích:Sản phẩm phải có mục đích rõ ràng, hữu ích trong mắt người mua mang lại

lợi ích phi thực tế như vui chơi hay tính thẩm mỹ.



Dễ tìm thấy

Đáng tin cậy

Có nghĩa là các sản phẩm phải dễ tìm trên thị trường. Nếu bạn không thể tìm thấy một sản phẩm, bạn sẽ không mua nó và điều đó là tương tự cho tất cả các người dùng tiềm năng của sản phẩm đó.

Là việc người dùng tin tưởng vào các sản phẩm mà bạn cung cấp, nó kéo dài trong một khoảng thời gian và nó cho ta biết rằng những thông tin được cung cấp là chính xác và phù hợp với mục đích.Khi khách hàng nghĩ rằng sản phẩm không tốt những gì bạn nói – Họ sẽ kiếm một sản phẩm thay thế khác.


Dễ tiếp cận

Có giá trị

Đem lại cho người dùng cảm giác vui vẻ,thú vị, chiến thắng đạt được một điều gì đó đáng kể, đó sẽ là lời động viên tích cực để họ sử dụng sản phẩm.

Là việc cung cấp một trải nghiệm mà mọi đối tượng người dùng có thể truy cập và dễ sử dụng sản phẩm đó, bao gồm những người tàn tật mất một số khả năng như thính giác, thị giác, khó khăn trong việc cử động hoặc học tập giảm sút.

Thành phần thiết kế quan trọng ảnh hưởng đến UX

Form là thành phần rất quan trọng đối với web, app, người dùng thường tương tác với website, app thông qua các thành phần trong đó có form, vậy thiết kế form như thế nào cho chuẩn, làm thế thế nào để tối ưu thiết kế form các bạn cùng theo dõi nhé.

Form chỉ nên có 1 dòng duy nhấtQuá nhiều cột sẽ phá vỡ “đà” nhập liệu của người dùng.



Nhãn trênNgười dùng hoàn thành form nhãn trên với một tốc độ nhanh hơn rất nhiều so với nhãn trái.

Nhãn trên còn có thể làm việc hiệu quả hơn trên di động. Tuy nhiên, khi nhập liệu data-set với tùy chỉnh biến đổi, bạn nên cân nhắc sử dụng nhãn trái vì các nhãn kiểu này dễ scan hơn, có độ cao giảm, và gợi sự cân nhắc nhiều hơn so với nhãn trên.


Nhóm nhãn với input của chúngHiển thị nhãn và input gần với nhau, và đảm bảo đủ độ cao giữa các trường

nhập liệu để không gây rối mắt người dùng.



Tránh viết hoa hoàn toànAll caps rất khó đọc và scan


Thành phần thiết kế quan trọng ảnh hưởng đến UX Tránh dùng placeholder text làm nhãn Tránh dùng placeholder text làm nhãn sẽ gây ra nhiều sự cố trong quá trình sử

dụng.



CTA (Call to action) rõ ràng



Hiển thị errors nội dòng



Chỉ dùng xác nhận nội dòng sau khi người dùng nhập liệu xongĐừng xác nhận khi người dùng vẫn đang gõ phím nếu nó không quá hữu ích

(như trng trường hợp tạo username, message với bộ đếm ký tự)



Đừng ẩn đoạn text trợ giúp cơ bảnHiện rõ text trợ giúp cơ bản bất cứ khi nào có thể. Với những đoạn phức tạp,

hãy đặt kế bên input.


Cải thiện trải nghiệm người dùng cho app/game mobileĐể thu hút khách hàng, các nhà phát triển app/ game nên tập trung vào phần trải nghiệm người dùng lần đầu. Phần hướng dẫn giúp định hướng cho người dùng, làm họ tin rằng app của bạn mang đến những giá trị giải trí thực sự. Sau đây là một số lời khuyên giúp bạn đánh giá và cải thiện phần trải nghiệm người dùng lần đầu tiên trong app/ game mobile



Mở đầu đơn giản, dễ dàngKhi người dùng tải về một app họ muốn được chơi ngay lập tức. Đừng phí công bắt họ trải qua những khâu rườm rà với hy vọng lấy được tiền từ họ ngày lúc đầu. các nhà phát triển cần phải tạo dựng mối quan hệ tốt với người dùng ngay từ đầu đã.

www.themegallery.com Company Logo

Diagram

Content 03Content 02Content 01

• Description of the contents

ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.





● ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.

thie

Văn bản của bạn.






Nội dung 01

Nội dung 03

Nội dung 05

Nội dung 02

Nội dung 04

Nội dung 06

Diagram

Reality

Identity

Creativity

Describe a vision of company or strategic contents.



Reality

Identity Creativity


A title about content


Diagram

Description of the

contents

• Title in hereThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.






Diagram

Description of Description of the contentsthe contents




Title in here

Title in here

Title in here


Diagram

Text in here

Text in here

Text in here



Click to add Text

Diagram

Text in hereTitle in here Text in here Text in here

2003 2004 2005 2006










Diagram

ThemeGallery is a Design Digital Content & Contents mall developedby Guild Design Inc.

Your text in here

Your text in here

Your text in here

Add your text in here

• Your text in here• Your text in here• Your text in here





Diagram

20032003

20042004

20052005

20072007

2003.10 Add Your Text2003.10 Add Your Text2003.10 Add Your Text




Company Logo

MOBILE UX DESIGN

Click to add Title1

Click to add Title2

Click to add Title3

Click to add Title4

Mobile UX Design:

Mô tả ngắn gọn

Nội dung

TIÊU ĐỀ






Diagram


TitleAdd your text


Cycle Diagram

Text

TextText

Text

Text

Cycle name

Add Your Text

http://blogcongdong.comCompany Logo

Diagram

Add Your Text Add Your Text

Add Your Text

Company Logo

3-D Pie Chart

TitleTitleAdd Your Text

Add Your Text

Add Your Text

Diagram

Concept

Add Your Text

Text

Text

Text

Text

Text

Text

Diagram

Add Your Text

Add Your Text

Add Your Text

Add Your Text

Add Your Text

Add Your Text

Add Your Text

Add Your Text

Diagram

1


2


3


Diagram

Add Your TitleAdd Your Title

TextText

Text

Text

Diagram

Your TextYour Text

Your TextYour Text

Your TextYour Text

Your TextYour Text

2001 2002 2003 2004

Progress Diagram

Phase 1 Phase 2 Phase 3

Table

TEXT TEXT TEXT TEXT TEXT

Title A

Title B

Title C

Title D

Title E

Title F

Nội dungNội dung Nội dungNội dung Nội dungNội dung

TIÊU ĐỀ

Thay thế bằng văn

bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.


bản của bạn.

TIÊU ĐỀ

0201 03 04

Chú thích Chú thích Chú thích Chú thích

BlogCongDong.Com chia sẻ với các bạn những mẫu thiết

kế PowerPoint chuyên nghiệp.







Text1

Text2Text3

Text4

Text5

3-D Pie Chart

OR USE DIAGRAMS TO EXPLAIN COMPLEX IDEAS

Sample text

Insert your d

esired

text here.

Insert your d

esired

text here.

Insert your desired

text here.

Insert your desired

text here.

Diagram featured by http://slidemodel.com

This is a sample text.Insert your desired text here.

Sample text


Sample text


Sample text


Sample text

http://slidemodel.com/

Marketing Diagram

Add Your TextAdd Your Text

Add Your Title here

Text1Text1Text1- Khi chúng ta lái xe

Tiêu đề 1Mô tả nội dungMô tả nội dung



85%85% 65%65% 25%25%45%45%

TIÊU ĐỀ

Thêm chữ

• Mô tả ND• Mô tả ND• Mô tả ND• Mô tả ND

Thêm chữ


Thêm chữ


Thêm chữ


http://blogcongdong.comCompany Logo

Diagram


2000

2001

2002

2003Company HistoryCompany History




LOGO

“ Add your company slogan ”

http://blogcongdong.com

Download - Trai nghiem nguoi dung ux

Top Related