50
UX – Tr i nghi m ng i dùng ườ Ph n m n tamtay lite cho iOS Nghiên c u, ph n bi n s n ph m Ph c v cho design và k thu t Th c hi n: Lê Hoàng Nam 0912135066

UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

  • Upload
    nam-lee

  • View
    742

  • Download
    2

Embed Size (px)

DESCRIPTION

Mạng xã hội thuần Việt muốn phát triển thành phần mềm dành cho các thiết bị cầm tay Lê Hoàng Nam - 0912135066

Citation preview

Page 1: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

UX – Tr i nghi m ng i dùngả ệ ườPh n m n tamtay lite cho iOS ầ ề

• Nghiên c u, ph n bi n s n ph mứ ả ệ ả ẩ• Ph c v cho design và k thu tụ ụ ỹ ậ

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 2: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

H th ngệ ố• 1: Duy t userệ• 2: S a thông tin c a tôiử ủ• 3: User profile• 4: User profile extra• 5: B ng chatả• 6: notification• 7: M r ng các ch c năng khácở ộ ứ• 8: Checkin đ a đi mị ể• 9: Ch p hình và các hi u ngụ ệ ứ• 10: Cài đ tặ• 11: Ch n l cọ ọ• 12: B n bèạ• 13: Tamtay Xtra

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 3: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Lite

Chào mừng bạn đến với

Bạn đã sẵn sàng chưa?

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 4: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

22

Hiện tất cả Có mặt 20

Đi u kho n s d ngể ả ử ụ…

B n có đ ng ý không?ạ ồ

Có Không

Đi u kho n s d ngể ả ử ụ…

B n có đ ng ý không?ạ ồ

Có Không

B ng báo sóng, pin ảc a iphoneủ

Page 5: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

22

Hiện tất cả Có mặt 20

Nút l c user theo ọs thích (9)ở

Click đ nâng c p, ể ấdownload b n ả

Tamtay Extra (13)

Avatar c a tôi, báo vi n ủ ềvàng, hi n th đ u tiên, l n ể ị ầ ầ

đ u s d ng đ blank, touch ầ ử ụ ểvào (1.2)

Icon thông báo đây là avatar thân thi t, s đ c u tiên ế ẽ ượ ưhi n th đ u tiên (x p theo ể ị ầ ế

t t t g n đ n xa)ứ ự ừ ầ ế

Vi n xanh thông ềbáo, b n đã vào ạ

xem Profile này r i, ồbi n m t sau khi ế ấ

user này đăng nh p.ậ

Icon thông báo user này đã g i 2 tin ử

nh n cho tôiắ

Icon thông báo user này đang online trên

h th ng.ệ ố

User này hi n th đây ể ị ởvì g n v i tôi nh t. Click ầ ớ ấ1 l n đ đ c profile (3) ầ ể ọ

doble click đ vào th ng ể ẳchat (5)

Icon thông b ng hi n ả ệth avatar d ng ị ở ạ

Hi n t t c (ch a có ệ ấ ả ưch n l c)ọ ọ

Nút m r ng các ch c ở ộ ứnăng khác (8)

Icon thông báo s tin ốnh n đ n t các user ắ ế ừ

yêu thích c a tôi.ủ

Icon thông báo s tin ốnh n đ n t các user ắ ế ừ

bình th ng khácườ

B ng 1.1: L n đ u ả ầ ầclick icon TamtayLite.

Page 6: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

22

Hiện tất cả Có mặt 20

Xem H Sồ ơXem H Sồ ơ S a StatusửS a Statusử

Status hi n t iệ ạ

Bu n quá có ai đi lên Megastar ồxem phim cùng v i mình không?ớ

B ng 1.2: Touch ảvào avatar c a tôiủ

Touch ra 1.3 Xem h s c a ồ ơ ủtôi

Touch ra s a status ử1.4

Page 7: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

NabeTr l iở ạ

OnlineCách b n 3mạCách b n 3mạ@ Highway 4 Xuân Di u ệ@ Highway 4 Xuân Di u ệ22 tu iổ22 tu iổTình trangTình trang

Mu n tìmốMu n tìmốĐ c thânộĐ c thânộ

Xã giao, ng i yêu, b n ườ ạXã giao, ng i yêu, b n ườ ạbè, du l chịbè, du l chị

Status: Cà phê hôm nay v ng quá, ắnh c thì n h n m i khi, đau c ạ ồ ơ ọ ảđ u …ầ

V tôi: ề The heart has its reasons which are quite unknown to the head!

Ch nh ỉs aử

Ch nh ỉs aử

Nút quay tr l i ở ạmàn hình duy t ệ

t t c userấ ả

B ng 1.3: Xem H ả ồs c a tôiơ ủ

Nút m r ng ở ộthông tin c a ủ

thành viên này (4)

Khu thông tin nhanh, c b nơ ả

Các hình khác c a ủuser này, touch đ ể

xem to (3.3)

Touch ra s a status ử2.2

Page 8: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

KeyboardKeyboard

22

Hãy chia s nh ng gì b n mu n t i đây ẻ ữ ạ ố ạ

B ng 1.4: S a ch a ả ử ữstatus

Gõ text, t i đa 140 ốkí tự

Tr l iở ạ S a Statusử Hoàn t tấHoàn t tấ

140

Đ ng th i xu t hi n t i:ồ ờ ấ ệ ạ

B n đang làm gì?ạ

Logo c a Tamtay và ủFacebook. Cho phép post đ ng th i lên wall. N u ồ ờ ếch a đăng ký thì touch ư

vào s hi n ra b ng đăng ẽ ệ ảkí

Touch vào b t kì ấđâu đ tr l i v trí ể ở ạ ịtr c đó.ướ

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 9: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

22

Hiện tất cả Có mặt 20

Kéo xu ng đ làm m iố ể ớL n g n đây: 13/03/2012 - 14:30ầ ầ

B ng 1.5: Ch c ả ứnăng kéo màn hình đ refresh danh ểsách.

Khi tr ng ở ạthái này thì màn hình không nghỉ

Avatar defaul có 3 lo i, trung ạtính khi ch a check gender, ưnam và n (khi đã check và ữ

ch a đ a hình nh lên.ư ư ả

Page 10: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Hiện tất cả Có mặt 20

B ng 1.6: Kéo ảxu ng đáy màn ốhình.

Tìm thêm h sồ ơTìm thêm h sồ ơ

L n đ u tiên ầ ầvào, k t qu ế ảtr v 25 h ả ề ồs , tìm thêm ơs tr thêm ẽ ả25 và reload l i toàn b ạ ộk t qu 50 ế ảng i, c nh ườ ứ ưv y, không ậgi i h n s ớ ạ ốl n tìm thêm ầh sồ ơ

Page 11: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

22

Hiện tất cả Có mặt 20

Banner qu ng cáoảB ng 1.7: V trí kích ả ịth c banner ướqu ng cáo.ả

22

Thông báo có 2 b n ạbè thân thi t ế

update h s , thích ồ ơho c bình lu n nh, ặ ậ ảvào đ c profile c a ọ ủ

b n.ạ

Page 12: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 2.1: Cho ảphép import tài kho n t Facebook ả ừvà tamtay

Page 13: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Tr l iở ạ S a h sử ồ ơ Hoàn t tấHoàn t tấ

B ng 2.2.1: S a h ả ử ồs c a tôiơ ủ

Tên hi n thể ị >

S a Statusử >

Ngày tháng năm sinh >Không hi n thể ị

S a s thíchử ở >Thêm ho c xoá s thích profileặ ở ở

Email đăng ký >Ch a đăng kýư

Gi i thi u v tôi ớ ệ ề>Ch a có gìư

Gi i tínhớCh a l a ch nư ự ọ

3 tag:Không ti t l / ế ộNam/nữ

Vùng so n th o, t i ạ ả ốđa 160 kí tự

M i ng i ch có ỗ ườ ỉduy nh t 1 email đ ấ ể

l y l i H s khi ấ ạ ồ ơđăng nh p trên máy ậ

khác

T i hình làmả avatar

Cho phép t i t Galery trong ả ừmáy ho c ch p m i (10).ặ ụ ớ

Ch n ngày tháng năm sinhọ

Các s thích có trong h ở ệth ng đ ti n cho search, ố ể ệ

th ng kê.ố

B t bu cắ ộ

S thíchở

Thông tin c b nơ ả

Ra (1.4)

Page 14: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Tr l iở ạ S a h sử ồ ơ Hoàn t tấHoàn t tấBình th ng/Gay/ Lesbian/ ườ

Bi

B ng 2.2.2: S a h ả ử ồs c a tôiơ ủ

Xu h ngướ >Không hi n thể ị

Tìm ki mế >B n bè, Tình yêuạ

Tình tr ng hi n nayạ ệ >Đ c thânộ

Ch ng t củ ộ >Châu Á

S a album nh ử ả >B n có avatar và 0 nh khácạ ả

Hình nhảTouch ra 2.3

Facebook >

Tamtay >

K t n i v iế ố ớ

Làm s ch d li u ạ ữ ệ >

Xoá tài kho n này ả >

Page 15: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 2.3: S a nh ả ử ảc a tôiủ

S a nhử ảTr l iở ạ Hoàn t tấHoàn t tấ

avatar

Hình m r ngở ộ

Ch m đ s aạ ể ử Ch m đ s aạ ể ử Ch m đ s aạ ể ử

Ch m đ s aạ ể ử

Touch ra 2.4

Page 16: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 2.2: S a h ả ử ồnh c a tôiả ủ

S a nhử ảTr l iở ạ Hoàn t tấHoàn t tấ

avatar

Hình m r ngở ộ

Ch m đ s aạ ể ử Ch m đ s aạ ể ử Ch m đ s aạ ể ử

Ch m đ s aạ ể ử

L y hình t Libraryấ ừL y hình t Libraryấ ừ

Ch p hình m iụ ớCh p hình m iụ ớ

Xoá hình nàyXoá hình này

Page 17: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Vân xinhTr l iở ạVân xinh đang online.

N u offline trong vòng 1 ếti ng thì v n hi n th ế ẫ ể ị(admin có th đi u ể ề

ch nh th i gian khi s ỉ ờ ốl ng user đông.)ượ

Nút quay tr l i ở ạmàn hình duy t ệ

t t c userấ ả

OnlineCách b n 3mạCách b n 3mạ@ Highway 4 Xuân Di u ệ@ Highway 4 Xuân Di u ệ22 tu iổ22 tu iổTình trangTình trang

Mu n tìmốMu n tìmốĐ c thânộĐ c thânộ

Xã giao, ng i yêu, b n ườ ạXã giao, ng i yêu, b n ườ ạbè, du l chịbè, du l chị

22

B ng 3.1: Touch ảvào xem Profile c a 1 userủ

Đang có 2 đo n chat, ạtouch vào đ đ c và ti p ể ọ ế

t c chat (5)ụ

Nút m r ng ở ộthông tin c a ủ

thành viên này (4)

Add b n này vào Danh ạsách B n bè c a tôiạ ủ

Ignore b n này vì tôi ko ạthích, ko mu n ng ta ố

bi t tôi cũng có profile.ế

Thông báo v i Ban Qu n ớ ảtr v thành viên này. ị ề

B ng các th : Hình nh ằ ẻ ảvi ph m, Thông tin vi ạph m, ch a đ tu i, ạ ư ủ ổ

khác.

Khu thông tin nhanh, c b nơ ả

Các hình khác c a ủuser này, touch đ ể

xem to (3.3)

Status: Cà phê hôm nay v ng quá, ắnh c thì n h n m i khi, đau c ạ ồ ơ ọ ảđ u …ầ

V tôi: ề The heart has its reasons which are quite unknown to the head!

Kéo ngang trái/ph i profile ảnày s đ n v i các ẽ ế ớprofile c a user ủkhác

Page 18: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Vân xinhTr l iở ạ

Cách b n 3mạCách b n 3mạ@ Highway 4 Xuân Di u ệ@ Highway 4 Xuân Di u ệ22 tu iổ22 tu iổTình trangTình trang

Mu n tìmốMu n tìmốĐ c thânộĐ c thânộ

Xã giao, ng i yêu, b n ườ ạXã giao, ng i yêu, b n ườ ạbè, du l chịbè, du l chị

22

Status: Cà phê hôm nay v ng quá, ắnh c thì n h n m i khi, đau c ạ ồ ơ ọ ảđ u …ầ

V tôi: ề The heart has its reasons which are quite unknown to the head!

V ng m t 30pắ ặV ng m t 30pắ ặ

B ng 3.2: Touch ảvào xem Profile c a 1 user offlineủ

Avatar và Profile này s hi n th ẽ ể ịtrong h th ng 1 ệ ốti ng sau khi out. ếM i ho t đ ng ọ ạ ộv n di n ra bình ẫ ễth ng. N u chat ườ ếti p v i b n này, ế ớ ạb n y s nh n ạ ấ ẽ ậđ c notification ượ(7)

Vu t hình sang ốngang đ đ n ể ếcác profile k ếti p ế

Touch vào hình đ view riêng ểhình phóng to

Khi không trong danh sách Favorite

Page 19: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 3.3: View ảhình l nớ

Touch 1 l n vào ầhình đ tr l i ể ở ạtr ng thái ban ạđ u. Kéo sang ầtrái ho c ph i ặ ảđ xem các hình ểkhác c a user ủnày.

Các ch c năng ứzoom hai ngón, 1 ngón nh khi ưxem hình trong photo c a ủiphone

Double touch đ ểthích hình nh ảnày

Touch ho c kéo lên đ ặ ểxem các thông tin v ề

hình này

136 3

Page 20: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 3.4: Thông ảtin v hình nàyề

Scroll trong vùng tin t c đ đ c ứ ể ọh t các tin nh n ế ắ

136 ng i yêu nhườ ả

Yêu quáYêu quá Bình lu nậBình lu nậ

Nabe: kut3 quá <3Thuy.pham: em có đôi m t đ p l mắ ẹ ắSunny: hom nao ae minh di chup hinh xa nhe

Touch ra b ng 3.5ả

Touch vào hình, ho c kéo b ng ặ ảxu ng đ t t ố ể ắb ng thông tinả

Touch vào tên đ ểra trang h s c a ồ ơ ủ

ng i đóườ

Page 21: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 3.4: Thông ảtin khi xem hình c a tôi.ủ

Scroll trong vùng tin t c đ đ c ứ ể ọh t các tin nh n ế ắ

136 ng i yêu nhườ ả

Yêu quáYêu quá Bình lu nậBình lu nậ

Nabe: kut3 quá <3 XThuy.pham: em có đôi m t đ p l mắ ẹ ắ XSunny: hom nao ae minh di chup hinh xa nhe X

Touch ra b ng 3.5ả

Touch vào hình, ho c kéo b ng ặ ảxu ng đ t t ố ể ắb ng thông tinả

Touch vào tên đ ểra trang h s c a ồ ơ ủ

ng i đóườ

Xoá bình lu nậ

S a nhử ảS a nhử ảTouch ra b ng 2.3ả

Page 22: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 3.5: Bình ảlu n nhậ ả

Tr l iở ạ

Touch vào avatar và tên đ ra trang ểh s c a ng i ồ ơ ủ ườ

đó

Tr l i (3.4)ở ạ

Page 23: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Vân xinhTr l iở ạ

22

Status: Cà phê hôm nay v ng quá, ắnh c thì n h n m i khi, đau c ạ ồ ơ ọ ảđ u …ầ

V tôi: ề The heart has its reasons which are quite unknown to the head!

S thích: ở V , karaoke, shoppingẽ

M ng xã h i:ạ ộFacebook.com/vanxinhTamtay.vn/vanxinhvan

B ng 4: M r ng ả ở ộthông tin

Đóng, m b ng ở ằcách vu t lên, ốxu ng đ u và ố ở ầcu i trang.ố

đâu: Ở Hanoi Club FitnessVào 14/03/2012 18:40Touch vào đây ra

trang đ a đi m (9. ) ị ể

Các ho t đ ng g n đây:ạ ộ ầVân xinh có thêm 1 hình m i ớ

2 tu n tr c t i Nha Trangầ ướ ạVân xinh nói r ng:ằYeahhh

Đ c thông tin ọb ng cách vu t lên ằ ốxu ngố History Khi đ a hình m i ư ớ

vào album, update status đ u ghi l i ngày ề ạ

giờ

Ch hi n th các ỉ ể ịthông tin mà user khai báo, n u ếkhông thì blank, không b t bu cắ ộ

Page 24: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Tr l iở ạ G i thêmửG i thêmửVân xinhCác th : g i hình (t ẻ ử ừ

album, ch p m i 10) G i ụ ớ ửđ a đi m, D n màn hình ị ể ọ

(clear chat)

B ng 5: B ng chatả ả

Khi tr ng ở ạthái chat thì màn hình không nghỉ

Page 25: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 6: H th ng ả ệ ốnotifications

Tamtay

22

Thông báo có các thông tin g i đ n, ử ếcó ng i xem H ườ ồs c a mình, yêu ơ ủthích, comment vào hình c a ủmình. Báo ngay c ảkhi t t màn hìnhắ

Ch c năng này ứ ởd ng đ y đ dành ạ ầ ủcho B n tamtay ảXtra có tr phíả

Page 26: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Banner qu ng cáoả

Danh sách: Hi n t t cệ ấ ả

Hiện tất cả Có mặt 20

Đ a đi mị ể Cài đ tặCh n l cọ ọH sồ ơ B n bèạB ng 7: B ng m ả ả ởr ng các ch c ộ ứnăng khác

Touch vào đây ra trang đ a đi m (9. ) ị ể

Touch vào đây ra s a ch a h s (2) ử ữ ồ ơ

Thông báo Danh sách đang hi n th ệ ị

nh th nàoư ế

Xem các ho t đ ng c a ạ ộ ủb n bè tôi (12)ạ

Touch ra trang ch n l c ọ ọuser hi n th khác (11)ể ị

Touch ra trang Cài đ t ặ(10)

Kiêm ch c năng Gi i ứ ảthích v i nh ng b l c ớ ữ ộ ộ

gây khó suy lu nậ

22

Page 27: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8: B ng m ả ả ởCheckin Đ a đi mị ể

Tr l iở ạ Đ a đi mị ể

Tìm th y 30 đ a đi m g n đâyấ ị ể ầ GPS 60m

Tr l i b ng tr c ở ạ ả ướđó (7)

S ng i đang đ a ố ườ ở ịđi m này.ể

Touch đ m r ng thông ể ở ộtin v đ a đi m này.ề ị ể

(8.2)

N u k t qu t đ ng ế ế ả ự ộkhông có thì s d ng ử ụ

ch c năng này. Search ứcho phép tìm ki m đ a ế ịđi m kh p n i trên th ể ắ ơ ế

gi i, đ ng th i đ a thêm ớ ồ ờ ưđ a đi m m i vào h ị ể ớ ệ

th ng (8.5)ố

Page 28: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.2: B ng ả ảm Checkin Đ a ở ịđi mể

Tr l iở ạ Đ a đi mị ểTr l i b ng tr c ở ạ ả ướđó (7)

Tôi đâyởTôi đâyở

Touch đ m r ng thông ể ở ộtin v đ a đi m này.ề ị ể

(8.3)

Touch ra 8 (v i đ a danh ớ ịđã đ c checked)ượ

Touch ra (8.4)

Nh ng ng i đang đâyữ ườ ở

Nam LeeVào 14/03/2012 14h30Status: Hôm nay chán quá

Nam LeeVào 14/03/2012 14h30Status: Hôm nay chán quá

Nam LeeVào 14/03/2012 14h30Status: Hôm nay chán quá

Touch ra 3.1

Page 29: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.3: B ng ả ảm Checkin Đ a ở ịđi mể

Tr l i b ng tr c ở ạ ả ướđó( 8.2) Tr l iở ạ M ng xã h i Tamtay.vnạ ộ

Touch đ m r ng thông ể ở ộtin v đ a đi m này.ề ị ể

(8.4)

Ch đ ng t i đâyỉ ườ ớ

Touch ra ph n m m ầ ềMap c a iPhone v i ủ ớ

ch c năng ch đ ng t ứ ỉ ườ ừđ a đi m c a tôi t i đây.ị ể ủ ớ

G i đi n t i đi m nàyọ ệ ớ ể

Page 30: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.4: Xem ảb n đ đ a đi mả ồ ị ể

Tr l iở ạ M ng xã h i Tamtay.vnạ ộTr l i b ng tr c ở ạ ả ướđó( 8.3)

Touch ra ph n m m ầ ềMap c a iPhone v i ủ ớ

ch c năng ch đ ng t ứ ỉ ườ ừđ a đi m c a tôi t i đây.ị ể ủ ớ

Page 31: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.5: Tìm ảki m đ a đi mế ị ể

Tr l i b ng tr c ở ạ ả ướđó( 8.3) Tr l iở ạ

T o đ a đi m m iạ ị ể ớĐ cho c ng i khác vàoể ả ườ

Vào đ a đi m luônị ểKhông c n đ a vào h th ngầ ư ệ ố

Touch vào thì ra (7) v i ớđ a đi m đã đ c ị ể ượ

checked trong H sồ ơ

Touch vào thì ra(8.6)

Page 32: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.6: Đ a ả ưthêm đ a đi m ị ểvào h th ngệ ố

Tr l i b ng tr c ở ạ ả ướđó( 8.5) Tr l iở ạ

Tên đ a đi mị ể Hhh

Touch ra (8.8)

Touch vào thì ra keyboard có th s a ể ử

ch a.ữ

Th lo iể ạ >

Đ a chị ỉ >

T o 1 đi m chính xác trên b n đạ ể ả ồ

Touch ra (8.7)

Hoàn t tấHoàn t tấT o đ a đi mạ ị ển khi ch a đi n xong Ẩ ư ềcác thông s d iố ở ướ

Page 33: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.7: Ch n ả ọth lo iể ạ

Tr l i b ng tr c ở ạ ả ướđó( 8.6) Tr l iở ạ Ch n th lo iọ ể ạ

Page 34: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 8.8: Đi n đ a ả ề ịchỉ

Tr l iở ạ Đ a chị ỉ

Đ a chị ỉ

Thành phố

Đi n tho iệ ạ

Tr l i b ng tr c ở ạ ả ướđó( 8.6) Touch ra keyboard, gõ

tr c ti pự ế

Page 35: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 9: Ch p hình ả ụvà nh ng hi u ữ ệ

ng.ứ

Nút ch n hình t ọ ừcác album ở

Library đ ch nh ể ỉs aử

M các hi u ng (9.2)ở ệ ứ

Tr c khi ch pướ ụ

Ch c năng này ứ ởd ng đ y đ dành ạ ầ ủcho B n tamtay ảXtra có tr phíả

Hình d ng hình ở ạvuông, đ cho ủavatar (t đ ng ự ộcrop trong màn hình đ user th y)ể ấ

Page 36: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Sau khi ch pụ

B ng 9.2: Ch p ả ụhình và nh ng ữhi u ng.ệ ứ

S d ng các công ử ụngh mà Chic ệtamtay đã phát tri n.ể

Ch c năng này ứ ởd ng đ y đ dành ạ ầ ủcho B n tamtay ảXtra có tr phíả

Page 37: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

C b nơ ả >

M ng xã h i ạ ộ >

Cài đ tặ

Âm thanh >

V tamtayề >

H ng d n s d ng ướ ẫ ử ụ >

Gi i thi u cho b n bèớ ệ ạ >

Hoàn t tấHoàn t tấ Hoàn t t ra (1.1)ấ

B ng 10: B ng cài ả ảđ tặ

Tr c m i ch là ướ ỗ ữlogo theo các quy

c qu c tướ ố ếRa (10.2)

Ra (10.3)

Cho phép login vào 2 m ng xã h i đ ph c ạ ộ ể ụv ch c năng chia s ụ ứ ẻđ ng th i thông tin: ồ ờTamtay và facebook

Gi i thi u v ekip th c ớ ệ ề ựhi n, contact, support, ệ

các đi u kho n s ề ả ửd ng…ụ

Ra b ng ch d n s ả ỉ ẫ ửd ng, gi i thi u các kí ụ ớ ệ

hi u quy cệ ướ

K t n i v i h th ng ế ố ớ ệ ốcontact có s n trong ẵthi t b đ g i email, ế ị ể ửpost tr c ti p lên wall ự ếfacebook, tamtay. G i ửemail theo danh sách

b n bè c a 2 m ng XH ạ ủ ạnày

Page 38: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Đ n v tínhơ ị >

C b nơ ả

Danh sách b tôi khoáị >

M khoá m i ng iở ọ ườ >

D n s ch n i dung chatọ ạ ộ >

B ng 10.2: B ng ả ảCài đ t c b nặ ơ ả

3 tab: M c đ nh/ D m/ ặ ị ặmét

M danh sách b khoá ở ịvà ch c năng m khoá ứ ở

cho t ng ng iừ ườ M c a s confirm vi c ở ử ổ ệxoá h t hay khôngế

M c a s confirm vi c ở ử ổ ệxoá h t hay khôngế

Tr l iở ạTr l i (10)ở ạRa (10.2)

Bình lu n nh c a tôi (Đóng/m )ậ ả ủ ở

M c đ nhặ ị

Page 39: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Âm thanh

Tin nh n c a b n bèắ ủ ạ

Tin nh n m iắ ớ

Làm m i danh sách avatarớ

B ng 10.3: B ng ả ảCài đ t âm thanhặ

T t c ch đ Đóng/ ấ ả ở ế ộmở

Tr l iở ạTr l i (10)ở ạ

Ch đ im l ng ế ộ ặ (Đóng/m )ở

T t h t âm thanh trong Tamtay Liteắ ế

H th ng chuông báoệ ố

G i tin điử

G i đ a đi mử ị ể

Nh n đ a đi mậ ị ể

G i hình nhử ả

Nh n hình nhậ ả

Bình lu n ậ

Yêu thích nhả

Page 40: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 11.1: B ng ả ảch n l cọ ọ Không xu t hi nấ ệKhông xu t hi nấ ệ

Tôi ch mu n th y h s nh sauỉ ố ấ ồ ơ ư >

Ch cho nh ng ng i nh sau th y tôi >ỉ ữ ườ ư ấ

Hi n th tu i c a tôi ể ị ổ ủ (Đóng/M )ở

V trí c a tôi ị ủ (Đóng/m )ở

Riêng tư

Ng i khác không th y b n nh ng b n v n th y ng i ta.ườ ấ ạ ư ạ ẫ ấ ườ

Ra b ng 11.2ả

Ra b ng 11.3ả

Hoàn t tấHoàn t tấCh n l cọ ọ

Ch n danh sách xu t hi nọ ấ ệ

Đã qua ch n l cọ ọHi n th t t cể ị ấ ảNh ng ng i g n nh tữ ườ ầ ấB n bè tôiạ

M i đ u m c c n ỗ ầ ụ ầ1 cái logo

Xu t hi n màn ấ ệhình chính nh ng ữ

ng i đ c tôi ườ ượch n l cọ ọ

T t c ko phân bi t tu i ấ ả ệ ổtác, s thích, tính theo ở

th t g n nh tứ ự ầ ấ

Ch xu t hi n ỉ ấ ệnh ng ng i đ c ữ ườ ượ

add favorite

Không xu t hi n ấ ệFavorite trong Danh sách

Page 41: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 11.2: B ng ả ảch n l c. Tôi ch ọ ọ ỉmu n th y…ố ấ

L c theo đ tu i ọ ộ ổ >

M i ng iọ ườ Tick

Nam Tick

Gi i tínhớ

Ra tab Min age và Max Age

Tr l iở ạ Tôi mu n th yố ấ

L c theo đ tu iọ ộ ổ

Đang hi n th m i l a tu iể ị ọ ứ ổ

Nữ Tick

M i ng iọ ườ Tick

Bình th ng ườ Tick

Xu h ngướ

Gay Tick

Scroll còn: lesbian/ Bi

Page 42: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 11.3: B ng ả ảch n l c. Ng i ọ ọ ườnào th y tôi…ấ

L c theo đ tu i ọ ộ ổ >

M i ng iọ ườ Tick

Nam Tick

Gi i tínhớ

Ra tab Min age và Max Age

Tr l iở ạ Ng i nào th y tôiườ ấ

L c theo đ tu iọ ộ ổ

Đang hi n th m i l a tu iể ị ọ ứ ổ

Nữ Tick

M i ng iọ ườ Tick

Bình th ng ườ Tick

Xu h ngướ

Gay Tick

Scroll còn: lesbian/ Bi

Page 43: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 12.1: B ng ả ảB n bè G n tôiạ ầ

avatar

B n bèạTr l iở ạ S a StatusửS a Statusử

B n g n tôiạ ầB n g n tôiạ ầ B n toàn c uạ ầB n toàn c uạ ầ

Đang s d ng tab ử ụnày

Quay tr l i (7)ở ạRa (1.4)

Ra (12.3)

Có hình m iớ

Hi n th các ho t ể ị ạđ ng c a nh ng ộ ủ ững i đ c add ườ ượb n bè c a tôi, ạ ủtính trong m t đ a ộ ịph ng (ho c bán ươ ặkính 100km)

Ai xem tôi?Ai xem tôi?

Ra (12.2)

Ra (12.4)

Page 44: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 12.2: B ng ả ảB n bè toàn c uạ ầ

avatar

B n bèạTr l iở ạ S a StatusửS a StatusửQuay tr l i (7)ở ạ

Ra (1.4)

Ra (12.3)

Có hình m iớ

Có hình m iớ

Hi n th các ho t ể ị ạđ ng c a nh ng ộ ủ ững i đ c add ườ ượb n bè c a tôi ạ ủkhông phân bi t v ệ ịtrí đ a lýị

B n g n tôiạ ầB n g n tôiạ ầ B n toàn c uạ ầB n toàn c uạ ầ Ai xem tôi?Ai xem tôi?

Đang s d ng tab ử ụnày

Ra (12.1)

22Có 2 ng i m i xem H ườ ớ ồ

s c a b n. Touch ra ơ ủ ạ(12.4)

Page 45: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 12.3: B ng ả ảđ nh v b n bèị ị ạ

Hi n th v trí ể ị ịnh ng ng i ữ ườđ c add b n bè ượ ạc a tôi chung m t ủ ộthành ph d i ố ướd ng b n đạ ả ồ

B n bèạ Đ nh vị ịĐ nh vị ịQuay tr l i (12.1) ở ạ

ho c (12.2) tuỳ ặho t đ ng cu iạ ộ ố

Page 46: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 12.4: B ng ả ảAi đã vào xem H ồs c a tôiơ ủ

avatar

B n bèạTr l iở ạ S a StatusửS a Statusử

B n g n tôiạ ầB n g n tôiạ ầ B n toàn c uạ ầB n toàn c uạ ầ

Đang s d ng tab ử ụnày

Quay tr l i (7)ở ạRa (1.4)

Ra (12.3)

Có hình m iớ

Hi n th các ho t ể ị ạđ ng c a nh ng ộ ủ ững i vào xem H ườ ồs , add tôi làm ơb n, thích nh c a ạ ả ủtôi, bình lu n nh ậ ảc a tôi.ủ

Ai xem tôi?Ai xem tôi?

Ra (12.2)

Đang tab nàyở

Ch c năng này ứ ởd ng đ y đ dành ạ ầ ủcho B n tamtay ảXtra có tr phíả

Page 47: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

Ch c năng cho CMS Tamtay Liteứ

• Trên web• Trên iOS(?)

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 48: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 13: CMS ảqu n lý h s m i ả ồ ơ ớkh i t oở ạ

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Xoá

Status

Nabe

Duy t Xoáệ

Xoá

Status

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Hình m i B reportớ ị

Click vào hình đ ểphóng to hình

Duy t ho c xoá ệ ặnhanh hình m i ớkh i t o. Qua ở ạki m duy t thì ể ệhình m i đ c ớ ượhi n th .ể ị

Click vào nick tìm hi u các thông tin ể

v thành viênề

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Đang th nàyở ẻ 88NamLH

Page 49: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam

B ng 13: CMS ảqu n lý h s b ả ồ ơ ịph n đ iả ố

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

Duy t Xoáệ

Nabe

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

Hình m i B ph n đ iớ ị ả ố

Click vào hình đ ểphóng to hình

Duy t ho c xoá ệ ặnhanh hình m i ớkh i t o. Qua ở ạki m duy t thì ể ệhình m i đ c ớ ượhi n th .ể ị

Click vào nick tìm hi u các thông tin ể

v thành viênề

Đang th nàyở ẻ

N i dung b thành viên ộ ịkhác ph n đ iả ố

44NamLH

Th c hi n: Lê Hoàng Namự ệ0912135066

Page 50: UXD Bản Thiết Kế Trải Nghiệm người dùng cho phần mềm Tamtay Lite - Hoàng Nam