interaksi manusia dan komputer (imk) - aplikasi laundry online part konseptual pelanggan
TRANSCRIPT
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
1/10
Konseptual Aplikasi L.A.S.T (Laundry App Service Tools) pada pelanggan
No Task Sub Task Respon Letak Elemen
Keterangan
1.Halaman
Awal
CreateAccount Menampilkan
halaman awal dariAplikasi L.A.S.T
Posisi logodan nama
Aplikasiterletakdibagiantengah.
LogoL.A.S.T
Tampilandefault
awal dariaplikasiL.A.S.TuttonLogin
!. CreateAccount
"nput #mail Menun$ukkantampilan awalberupa formulirpengisian data diri
%ang berisi #mail&'sername& (amalengkap& Password&)on*rmasipassword& Alamatrumah& dan (o. HP.+espon %angdilakukan useradalah mengisiformulir tersebutdengan mengetik
dengan ke%pad.,an responssetelahn%a userdiharuskan kliktombol ,aftar.
TulisanPembuatanakun adadiatas
bagiantengah.
-ormulirterletakterstrukturmulai dariemailsampaimemasukkan no. Hp
adalahberurutan.,an tomboldaftarterletak dibagianbawahsebelahkanan.
Te t bo Membuatakun baru
inidiperlokan
olehsetiapuser untuk
dapatmengguna
kanaplikasiL.A.S.T.
Task iniakan
muncul
pada saatusermengguna
kanaplikasi ini
pertamakali.
"nput'sername
uttonberbentuk
persegi"nputSurename
Latarberwarnabiru toscadan abu
abu"nput
Password"nput
PasswordCon*rmation
"nputAddress
"nput Phone(umberCreate
/. Log "n "nput'sername 0
#mail
Menun$ukkantampilan awalberupa formulirpengisian akun %angtelah dibuat.
Tulisanmasuk akun
ada diatasbagiantengah.
Te t bo Apabilauser
sudahmemiliki
akun
button
Te tbutton
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
2/10
+espon %angdilakukan useradalah mengisiformulir tersebutdengan mengetik
dengan ke%pad.,an responsetelahn%a userdiharuskan kliktombol masuk.
-ormulirberisiemail0username danpassword
secara urutdari atas kebawah.,an tombolmasukterletak dibagian
maka usercukup
login sa$amengguna
kan
usernamedanpassword.
ika userlupa
password&maka
terdapatpilihanforgot
passworduntukmemferi*k
asipasswordke email
pengguna
"nputPassword-orgot
PasswordLogin
2. -orgotPassword
"nput #mail Menampilkan-ormulir untukmengisi email& danuntuk melakukan3eri*kasi ulangsandi.
-ormuliruntukpengisianemailterletak dibagiantengah,an tombolkirimterletak dibagianbawahformulirsebelahkanan.
button Task inibertu$uan
untukmemferi*k
asipassword
userdengan
memasukkan email
user untukS%stem
mengirimkan
passwordbaru ke
email user
Te t bo
Submit
4. Menu5Home6
7rder Menampilkan task8task %ang terdapatdi aplikasi
ikon untukmengorderdisimbolkan denganlingkaran
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
3/10
"kon pro*le%ang
disimbolkan orang
setengah
badan"kon status%ang
disimbolkan list
"kon chat%ang
disimbolkan balon
kata"kon
setting%ang
disimbolkan dengan
gir"kon
deposit%ang
disimbolkan dengan
uang
Pro*leStatusSetting
Chatting,eposito
9. 7rder Con*rmation Tampilan awalberupa menu utama%ang terdapattombol untukmelakukan orderdengan caramenekan tomboltersebut& dan tombolakan memprosesdengan tampilan
animasi berupalingkaran %angberputar.
Terletak dimenuutamabagianatas&berbentuklingkarandanterdapattulisan
order& dansimbolcentangsetelahprosesorderselesai
Tombolberbentuklingkarandengantulisanorder dibagiantengahn%a&,an
bagiantengahakanberubahmen$adicentangketikatombol
ertu$uanuntuk
meongorder
pesananke $asalaundr%
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
4/10
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
5/10
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
6/10
berdasarkantanggalpemesanan.
tanggalpemesana
n dantanggalselesai.
Task initidakdapat
diedit olehuser&
namunberupaoutput
dari admin11.
Histor% 7utputHistor% 7rder
• Menampilkanriwa%at
pemesanan• Menampilkanpenandaanpadabeberapariwa%at %angkemudiandapatmelakukaneksekusihapus
Tomboltandai dan
hapus&akanmunculketika kitamenahansalah saturiwa%atpemesanan
Tombolhapus
muncul dibagianbawahla%ar&setelah kitamengceklistsalah satuhistor% ataulebih
Cek otombol
Task inibertu$uan
untukmelihatriwa%at
pelanggandalam
penggunaan $asalaundr%
%ang tidakdapat
diinputoleh user.
'ser dapatmemilih
untukmenampilkan Taskini atautidak.
Tombolpanah kekiri untuk
kembali kehalaman
status Tombol
delete%ang
disimbolkan dengan
tongsampah
Select
,elete
1!
.
Setting (oti*cation • Menampilkan
tombol untukpengaturannoti*kasi
• Menampilkantombol untukpengaturan
Tombol
noti*kasi& Tema&lokasi&umpanbalik&tentang
button Pengatura
n ini dapatmengaturbeberapa
pilihantampilan
pada
Tombolnoti*kasi
%angdisimbolkan denganlonceng
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
7/10
tema• Menampilkan
tombol untukpengaturanlokasi
•
Menampilkantombol untukmenginputkanumpan balik
• Menampilkaninformasitentanglaundr%
• Menampilkantombol untukkeluar akun
aplikasi.berada dibagiantengahla%ardenganurutandimulai darinoti*kasisampaidengantentang
.
aplikasi inisesuai
dengan%ang useringinkan.
Tomboltema %angdisimbolkan denganwindows
Theme
Tombollocation%ang
disimbolkan denganlingkaran
Location
-eedback
Tombolfeedback
%angdisimbolkan dengan
balon kata
About
Log out
Tombolabout%ang
disimbolkan dengan
inisial "untuk
information
Tombollogout%ang
disimbolkan dengan
s%mbol oD 1/.
(oti*cation
7n • Menampilkantombol geseruntukmengaturnoti*kasi
Letakn%aterdapatditengahla%ar
Tombolgeser 5kirioD& kanan
on6
(oti*kasiini akan
menampilkan
beberapapemberita
huankepada
userseperti
pemberitahuan
bahwalaundr%sudah
te t
7D
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
8/10
selesai.12.
Theme rowse Theme
• Menampilkantombol untukmen$ela$ahbackground
%ang terdapatdipen%impanantelepon
Terletak dibagiantengah
te t Temadefaultdapat
diubah
sesuaikeinginanuser&
sepertiwarna&
dantulisan.
Combobo
14.
Location 7n • Menampilkantombol untukmengaturlokasi& $ika
aktif berartiakanterhubungsebagai gps&dan $ika matiakanmenampilkanlokasi %angsudah di sa3e
Terletak dibagiantengah
Tombolgeser 5kirioD& kanan
on6
Locationakan
menampilkan lokasidari tokolaundr%
dan $ugaalamat
daripelanggan
berupamap.
7D
19.
-eedback "nputfeedback
• Menampilkanteks bo
untuk mengisiumpan balik• Menampilkan
tombol kirim
Te t boterletak ditengahbagian atas
Tombolkirimterletak dibagianbawah darite t bo
te t -eedbackberisikan
kolomuntuk
diinputkanoleh
pelangganmengenaikepuasanpelangganterhadap
$asalaundr%maupun
aplikasin%a.
Te t bo
button
Submit
1:.
About • MenampilkanmengenaiEersi aplikasidanpen$elasan
Te t %angberada ditengahhalaman
Te t Taks iniberisikan
te totomatis
dari
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
9/10
mengenaiaplikasi
s%stemdan tidakdapat diedit oleh
user
1.
Logout Con*rmation • Menampilkandialog bo%angberisikankon*rmasiuntuk keluardari akun
,ialog boberada ditengah
,ialog bo Taks iniberisikan
kon*rmasiuntuk
keluar dariakun
utton
1B.
Chatting "nputMessage
• Menampilkante t bo untukmengirimpesan.
• Menampilkantombol untukmengirimpesan
Te t boterdapat dibagianbawahla%ar
Tombolkirimterdapat dibagianpo$okbawahkanan
Tombol Te t bo
Chattingini
bertu$uanuntuk
mengobroldengan
admin dari $asa
laundr%terkait
masalahlaundr%
Send
!.
,eposito 7utput,eposito
Status
• Menampilkaninformasideposit %angsudahdikumpulkan.
te t ,epositobertu$uan
menabunguanguntuk
memba%ar $asa
laundr%.,engan
Task ini&pelanggantidak perlumengeluarkan uangcas saat
memba%ar $asa
laundr%%ang
sudahselesai.
-
8/20/2019 INTERAKSI MANUSIA DAN KOMPUTER (IMK) - Aplikasi Laundry Online part Konseptual PELANGGAN
10/10