tutorial and invitation (mobile design pattern gallery, 2nd edition) giao tiếp người máy

TRƯỜNG ĐẠI HỌC NÔNG LÂM TP.HCM
KHOA CÔNG NGHỆ THÔNG TIN

Đề tài: Tutorial And Invitation
(Mobile Design Pattern Gallery, 2nd Edition)
GIAO TIẾP NGƯỜI MÁY

LOGO


Nội Dung

Tutorial Rules

Tutorial
Tutorial and
and Invitation
Invitation
Invitation Patterns

LOGO


Tutorial Rules

Rules #5

Rules #2

Listion To Your Users

No Frontloading

Rules #1
Use Less Text

Rules #4

Rules #3

Reinforce Learning

Make It Rewarding

Through Use

LOGO


Rules #1 Use Less Text

-Tránh

-Các

việc

chỉ

sử

dụng

hướng

dẫn

nên

hiển

cho người dùng được tương tác.

văn
thị

bản.
và

Use Less Text

LOGO


Ness Compared to Foodspotting

Quá nhiều hướng dẫn trước khi dùng ứng dụng

Một ứng dụng đơn giản thì không cần những hướng dẫn không cần
thiết

LOGO


Boomerang Compared to Mailbox

Quá nhiều văn bản

Người dùng được tương tác

www.themegallery.com

LOGO


DigiCal Compared to Fantastical

Chỉ mô tả các hành động cần thực hiện

Biết được cách làm thông qua thao tác hướng dẫn

LOGO


Catch Compared to Clear

Mô tả các tính năng và hành động nhưng không cho

Giao diện được cài đặt sẵn với các công việc, người dùng biết

người dùng thử

được thông qua các thao tác

LOGO


SlideStory Compared to Vine

Hướng dẫn thông qua nói và mô tả, nhưng người
dùng không được làm

Cho thấy, nói, và khuyến khích người dùng thực
hiện

LOGO


Rules #2 No Frontloading

-Không xuất hiện các hướng dẫn
ngay khi người dùng vào một ứng
dụng.
-Cung cấp cho người dùng các

No Frontloading

hướng dẫnđơn giản để có thể
sử dụng ngay ứng dụng

LOGO

Phoster Compared to Creative Studio

Quá nhiều chữ, hỗn loạn

Hướng dẫn xuất hiện theo ngữ cảnh, nơi người dùng cần nó

LOGO


Dooo Compared to Todoist

Thông tin nhiều, chồng lên nhau

Mẹo mời người dùng thêm một nhiệm vụ đầu tiên, và nhanh chóng
giới thiệu tùy chọn khác

LOGO


Clipchat Compared to Kik

LOGO


Rules #3 Make It Rewarding

-Làm cho hướng dẫn thú vị, bổ ích

Make It Rewarding

LOGO


NBC News Compared to Flipboard

NBC News for iOS

Flipboard for Android

LOGO


Noom Compared to DailyBurn Tracker

Hướng dẫn dễ hiểu, thân thiện, thông tin phản hồi tích cực

Thực hiện hướng dẫn từ dễ đến khó

www.themegallery.com

LOGO


Noom Compared to DailyBurn Tracker

LOGO

Rules #4 Reinforce Learning Through Use

-Bộc lộ các tính năng cao cấp hơn
theo thời gian hoặc bắng cách cho
người dung bất ngờ“ phần thưởng”
khi họ tiến bộ.

Reinforce Learning
Through Use

LOGO


Rules #4 Reinforce Learning Through Use

Polar dành cho iOS: sau khi trả lời
một vài cuộc thăm dò, nhận được
một Lời khuyên;
Duolingo dành cho iOS: mời tham
gia với Lingots

LOGO


Rules #4 Reinforce Learning Through Use

Any.do cho Android sử dụng một widget để
khuyến khích sự tham gia và thưởng khi
hoàn thành

LOGO


Rules #5 Listen to Your Users

-Không chờ đợi đến khi thiết kế
cuối cùng của ứng dụng mới nghĩ
đến các hướng dẫn.
-Có thể bỏ qua hướng dẫn.

Listion to Your Users

-Có thể truy cập các hướng dẫn
mọi lúc.

LOGO


Rules #5 Listen to Your Users

Fidelity dành cho iOS: cho phép bạn
chạy lại hướng dẫn

LOGO


Invitation Patterns

Tips

Persistent

Discoverable

Invitations

Invitations

LOGO


Tips
Tips là một công cụ hoặc một hành động được hiển thị khi trạm lên màn hình

Thiết kế

Thiết kế tốt

Không hiệu quả
LOGO


Persistent Invitations
Invitations liên tục có thể trông giống như Tips trong một số trường hợp, nhưng nó khác
nhau ở chổ là nó tốt và kiên trì mời bền bỉ. Đây là lời mời luôn luôn nhìn thấy được, hoặc
vẫn có thể nhìn thấy cho đến khi người sử dụng có các hành động cụ thể.

RetailMeNot cho iOS, quản lý
cước phí cho Android, và
Pandora cho iOS: mời liên tục

LOGO