SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Merancang User Experience
Pengantar User Experience
Beberapa tahun belakangan ini topik user experie
nce menjadi hot topic di jagat teknologi informasi
disamping topik responsive web design (RWD). P
ermintaan tenaga UX designer melonjak, mereka
yang menamakan dirinya sebagai UX designer p
un pertumbuhannya signifikan. Ada 99.455 UX de
signer terdaftar di situs Linkedin saat tulisan ini di
buat.
Pengantar User Experience
Telah terjadi pergeseran pandangan di jagat tekn
ologi informasi belakangan ini, dimana selama ini
website dibuat cenderung atas selera dan mauny
a desainer dan pemilik, namun sekarang mereka
mulai mengakomodasi apa yang disuka dan dibut
uhkan pengguna berkenaan dengan produk yang
mereka punya.
Pengantar User Experience
Pengertian User Experience
User experience adalah sikap, tingkah laku dan emo
si pengguna saat menggunakan suatu produk, siste
m atau jasa(rujukan Wikipedia). Pengalaman ini melibat
kan persepsi individu berkaitan dengan manfaat yg diras
a, kemudahan yang didapat. User experience sangat din
amis, seiring perjalanan waktu persepsi yang dirasakan
pengguna bisa berubah sejalan berubahnya lingkungan,
kebiasaan dan nilai-nilai.
Pengertian User Experience
Dalam konteks ini user experience yang kita bicarakan a
dalah bentuk interaksi antara manusia dan komputer (hu
man-computer interaction (HCI)) yang meliputi website,
applikasi smartphone dan aplikasi desktop. User experie
nce disini berkaitan dengan apa yang dirasa oleh pengg
una yang berhubungan dengan kemudahanan, kenyam
anan, efisiensi, kemanfaatan saat mereka menggunaka
n web, aplikasi smartphone dan aplikasi desktop.
Pengertian User Experience
Human Computer Interaction
Penerapan User Experience
Sebagai contoh dalam penerapan user experience ini bisa kita lihat
pada :
Proses checkout pada web e-commerce saat pengguna
selesai melakukan pembelian suatu item barang.
Apakah proses checkoutnya mudah atau malah merepotkan.
Proses pendaftaran (sign up) di suatu website berupa
form isian.
Mungkin pembaca sering mengalami kebingungan ketika
proses sign up dinyatakan gagal karena kesalahan mengisi
data namun website tidak memberitahu data yang mana yang salah.
Penerapan User Experience
Navigasi yang membingungkan, di antaranya pengguna bingung
sebenarnya dia sedang berada di mana
Pembaca masih ingat masa-masa boomingnya Macromedia
Flash.
Flash mendominasi website dengan halaman splashnya, pengguna
dipaksa menunggu untuk melihat halaman splash berupa animasi
pendek yang membutuhkan waktu untuk loading sebelum
benar-benar masuk ke halaman utama.
Mereka yang biasa menggunakan social media Path di
smartphone terbiasa dengan tombol + di halaman depan, bila di
sentuh tombol tersebut akan keluar beberapa tombol lain.
Keberadaan tombol ini begitu fungsional.
Penggagas User Experience
Istilah user experience digunakan pertama kali oleh Don Norman
akademisi bidang cognitive science, design danusability
engineering dan mantan vice president Apple Inc.
Sekaligus penggagas awal dari user-centered designyakni
pendekatan desain yang berfokus pada kebutuhan dan
keinginan pengguna.
Seberapa Pentingkah User Experience
dalam Penerapannya
Pada masa-masa awal era internet pemain-pemain besar di jagad
internet seperti Yahoo, Amazon, Paypal, Googlelebih peduli
kepada teknologi, desain tidaklah mendapat porsi perhatian yang
besar. Teknologi itu juga yang memberikan kesuksesan besar kepada
mereka. Namun sekarang di masa di mana kompetisi begitu sengit
keberhasilan produk tidaklah cukup ditentukan oleh teknologi yang
bermanfaat dan fungsional semata.
Seberapa Pentingkah User Experience
dalam Penerapannya
Seberapa Pentingkah User Experience
dalam Penerapannya
kemudahan bagi pengguna
website, aplikasi smartphone,perangkat lunak desktop yang menerapk
an user experience yang baik akan memberi kemudahan dalam pengg
unaannya
menaikkan kepercayaan pengguna/konsumen pada
produk tersebut
tingkat kepercayaan pengguna/konsumen sangat dipengaruhi oleh ke
mampuan produk yang mereka gunakan dalam membantu menyelesai
kan masalah mereka
Seberapa Pentingkah User Experience
dalam Penerapannya
menaikkan conversion rate
bisa dibayangkan seorang pembeli yang harus melewati prosedur pe
mbelian yang begitu panjang dan rumit di suatu situs e-commerce, te
ntu bukan pengalaman yang menyenangkan untuk mereka bagi ke c
alon pembeli lainnya
dari segi bisnis user experience dipercaya mampu menaikkan p
enjualan (rujukan econsultancy)
Kerja Tim User Experience
Visual designer
Tampilan secara visual mempunyai peranan penting untuk suatu des
ain web, aplikasi web/smartphone, aplikasidesktop. Kesan pertama d
an tampilan visual yang memanjakan mata tentu memiliki daya tarik t
ersendiri bagi pengguna.
Front end developer
Implementasi terhadap konsep, ide yang telah dituangkan oleh UX d
esigner tentu butuh implementasi, adalah pekerjaan front end develo
per untuk implementasinya dengan kode HTML,CSS, Javascript.
Kerja Tim User Experience
Content strategist
Website membutuhkan konten yang berbicara kepada publik siapa m
ereka, apa yang mereka lakukan, kalau mereka berbisnis apa bisnis
mereka jalankan, pesan apa yang ingin mereka sampaikan kepada p
ublik. Bagaimana itu dilakukan dan bagaimana strateginya adalah pe
kerjaan content strategist.
Kerja Tim User Experience
Usability expert
Memastikan bahwa sistem berfungsi dengan baik, mudah mengguna
kannya, user-friendly. Memastikan user bisa mendapatkan apa yang
diinginkan dengan cepat yang dibantu oleh navigasi, search box. Usa
bility expert menerapkan pola yang bisa dipelajari pengguna saat me
nggunakan sistem, sehingga walau tanpa dibekali guideline si pengg
una bisa menggunakan siistem dengan mudah.
Kerja Tim User Experience
Information architect
Salah satu syarat terpenuhinya sistem yang mengaplikasikan user ex
perience yang benar adalah organisasi konten termasuk diantaranya
penataan navigasi dan link. Karena hal ini berkaitan dengan informas
i yang dicari oleh pengunjung.
Kerja Tim User Experience
User experience designer
User experience designer adalah orang yang menentukan visi dari pr
oduk yang akan dihasilkan secara keseluruhan dari sisi user experien
ce. Tim akan bekerja berdasarkan roadmap yang telah dibuat oleh us
er experience designer. Masing-masing anggota tim kemudian akan
bekerja sesuai porsinya masing-masing untuk mencapai tujuan yang
telah ditentukan.
Tiga Langkah
Merancang User Experience
Perbedaan UX dan UI
Banyak orang yang salah kaprah bahwa UI sama UX itu
adalah suatu hal yang sama. Pada faktanya UX dan UI it
u berbeda, namun satu sama lain saling berhubungan.
Pada dasarnya, User Experience adalah tentang “mema
hami penggunamu”. Tujuan UX adalah mencari tahu sia
pa mereka, apa yang mereka capai dan apa cara terbaik
bagi mereka untuk melakukan “sesuatu”.
UX berkonsentrasi pada bagaimana sebuah produk tera
sa dan apakah itu memecahkan masalah bagi
pengguna.
Sedangkan User Interface adalah bagaimana suatu we
bsite atau aplikasi yang kamu buat terlihat danberbent
uk seperti apa. Hal tersebut mencakup Layout (tata leta
k), Visual Design (desain visual) dan Branding.

Weitere ähnliche Inhalte

Was ist angesagt?

UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiMatin Maleki
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the DifferenceVibloo
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureJoan Lumanauw
 
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal ExperienceUX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal ExperienceUIDesign Group
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignJoan Lumanauw
 
Brian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UXEffective
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Anna Dahlström
 
UX Capabilities Presentation
UX Capabilities PresentationUX Capabilities Presentation
UX Capabilities PresentationLaurel Tripp
 
General UX activities & process overview
General UX activities & process overviewGeneral UX activities & process overview
General UX activities & process overviewBen Melbourne
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiuxSudirman
 
Ux Research Portfolio
Ux Research PortfolioUx Research Portfolio
Ux Research PortfolioTao Zhang
 
UX is Not Equal to UI Design
UX is Not Equal to UI Design UX is Not Equal to UI Design
UX is Not Equal to UI Design Rifat Talukder
 

Was ist angesagt? (20)

UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal ExperienceUX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
 
UX Lesson 1: User Centered Design
UX Lesson 1: User Centered DesignUX Lesson 1: User Centered Design
UX Lesson 1: User Centered Design
 
Brian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research Portfolio
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UX Capabilities Presentation
UX Capabilities PresentationUX Capabilities Presentation
UX Capabilities Presentation
 
General UX activities & process overview
General UX activities & process overviewGeneral UX activities & process overview
General UX activities & process overview
 
Ux design process
Ux design processUx design process
Ux design process
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiux
 
Ux Research Portfolio
Ux Research PortfolioUx Research Portfolio
Ux Research Portfolio
 
UX is Not Equal to UI Design
UX is Not Equal to UI Design UX is Not Equal to UI Design
UX is Not Equal to UI Design
 

Ähnlich wie BAB_III1.pptx

Study Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfStudy Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfAdiMasmudi
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxRedyWinatha1
 
Topic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docxTopic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docxChairilAnwarRamli
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerImaduddin Amrullah
 
5. UX-Writing.pdf
5. UX-Writing.pdf5. UX-Writing.pdf
5. UX-Writing.pdfSulhandrive
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Fransiska Cika
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Fransiska Cika
 
PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfSriIndarti24
 
Dampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDLuha Berdasiknalpot
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptxrifqiarif6
 
Ulasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamUlasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamCavanBadiuzMaa
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxMirnaNia
 
Design interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiaDesign interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiapt.ccc
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxYOSAFAT11
 
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...smk bam
 
07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptxMaheswararivaiJamhur
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarEpafraditus Memoriano
 

Ähnlich wie BAB_III1.pptx (20)

Study Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfStudy Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdf
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptx
 
Topic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docxTopic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docx
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputer
 
5. UX-Writing.pdf
5. UX-Writing.pdf5. UX-Writing.pdf
5. UX-Writing.pdf
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1
 
Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1Makalah imk kelompok 5 revisi 1
Makalah imk kelompok 5 revisi 1
 
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdf
 
Understanding UX as Developer
Understanding UX as DeveloperUnderstanding UX as Developer
Understanding UX as Developer
 
Dampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputerDampak interaksi manusia dan komputer
Dampak interaksi manusia dan komputer
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptx
 
Ulasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat TeamUlasan UI/UX by Mana Sempat Team
Ulasan UI/UX by Mana Sempat Team
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
Design interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiaDesign interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusia
 
Antarmuka_pengguna.pptx
Antarmuka_pengguna.pptxAntarmuka_pengguna.pptx
Antarmuka_pengguna.pptx
 
UX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptxUX Design Process - Developer Student Clubs.pptx
UX Design Process - Developer Student Clubs.pptx
 
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...
186 191-knsi08-033-analisa-usability-untuk-mengetahui-user-experience-pada-ap...
 
07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx07 UI _ UX DESIGN - Fundamental [2].pptx
07 UI _ UX DESIGN - Fundamental [2].pptx
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
 

Mehr von Slamet Achwandy

studi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.pptstudi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.pptSlamet Achwandy
 
2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptx2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptxSlamet Achwandy
 
RUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docxRUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docxSlamet Achwandy
 
sinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptxsinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptxSlamet Achwandy
 
135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smp135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smpSlamet Achwandy
 
117368473 kurikulum-2013
117368473 kurikulum-2013117368473 kurikulum-2013
117368473 kurikulum-2013Slamet Achwandy
 
Ktifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basicKtifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basicSlamet Achwandy
 
Air max5 and_mikrotik_router_board_connection_guide_revised
Air max5 and_mikrotik_router_board_connection_guide_revisedAir max5 and_mikrotik_router_board_connection_guide_revised
Air max5 and_mikrotik_router_board_connection_guide_revisedSlamet Achwandy
 

Mehr von Slamet Achwandy (18)

studi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.pptstudi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.ppt
 
2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptx2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptx
 
Golden Ratio.pptx.pdf
Golden Ratio.pptx.pdfGolden Ratio.pptx.pdf
Golden Ratio.pptx.pdf
 
materi-1.pptx
materi-1.pptxmateri-1.pptx
materi-1.pptx
 
belajar uiux.pptx
belajar uiux.pptxbelajar uiux.pptx
belajar uiux.pptx
 
RUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docxRUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docx
 
dkv1.pptx
dkv1.pptxdkv1.pptx
dkv1.pptx
 
sinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptxsinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptx
 
Mengelola web
Mengelola webMengelola web
Mengelola web
 
135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smp135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smp
 
117368473 kurikulum-2013
117368473 kurikulum-2013117368473 kurikulum-2013
117368473 kurikulum-2013
 
Ktifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basicKtifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basic
 
Soat netrb latihan
Soat netrb latihanSoat netrb latihan
Soat netrb latihan
 
Air max5 and_mikrotik_router_board_connection_guide_revised
Air max5 and_mikrotik_router_board_connection_guide_revisedAir max5 and_mikrotik_router_board_connection_guide_revised
Air max5 and_mikrotik_router_board_connection_guide_revised
 
Mikrotik+hit
Mikrotik+hitMikrotik+hit
Mikrotik+hit
 
Mikrotik+hit
Mikrotik+hitMikrotik+hit
Mikrotik+hit
 
20100325 modul 06_b
20100325 modul 06_b20100325 modul 06_b
20100325 modul 06_b
 
Modul quick debserver
Modul quick debserverModul quick debserver
Modul quick debserver
 

Kürzlich hochgeladen

RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".Kanaidi ken
 
Prakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxPrakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxHaryKharismaSuhud
 
.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptxfurqanridha
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfAndiCoc
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXIksanSaputra6
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024DessyArliani
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxDewiUmbar
 
Skenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru PenggerakSkenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru Penggerakputus34
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaAndreRangga1
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024ssuser0bf64e
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKgamelamalaal
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxsalmnor
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxPPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxMaskuratulMunawaroh
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxwawan479953
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024RahmadLalu1
 

Kürzlich hochgeladen (20)

RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
RENCANA + Link2 MATERI Training _"SISTEM MANAJEMEN MUTU (ISO 9001_2015)".
 
Prakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptxPrakarsa Perubahan dan kanvas ATAP (1).pptx
Prakarsa Perubahan dan kanvas ATAP (1).pptx
 
.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx.....................Swamedikasi 2-2.pptx
.....................Swamedikasi 2-2.pptx
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
 
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docxKISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
KISI-KISI SOAL DAN KARTU SOAL BAHASA INGGRIS.docx
 
Skenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru PenggerakSkenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru Penggerak
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptx
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
 
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxPPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024Panduan Memahami Data Rapor Pendidikan 2024
Panduan Memahami Data Rapor Pendidikan 2024
 

BAB_III1.pptx

  • 2. Pengantar User Experience Beberapa tahun belakangan ini topik user experie nce menjadi hot topic di jagat teknologi informasi disamping topik responsive web design (RWD). P ermintaan tenaga UX designer melonjak, mereka yang menamakan dirinya sebagai UX designer p un pertumbuhannya signifikan. Ada 99.455 UX de signer terdaftar di situs Linkedin saat tulisan ini di buat.
  • 3. Pengantar User Experience Telah terjadi pergeseran pandangan di jagat tekn ologi informasi belakangan ini, dimana selama ini website dibuat cenderung atas selera dan mauny a desainer dan pemilik, namun sekarang mereka mulai mengakomodasi apa yang disuka dan dibut uhkan pengguna berkenaan dengan produk yang mereka punya.
  • 5. Pengertian User Experience User experience adalah sikap, tingkah laku dan emo si pengguna saat menggunakan suatu produk, siste m atau jasa(rujukan Wikipedia). Pengalaman ini melibat kan persepsi individu berkaitan dengan manfaat yg diras a, kemudahan yang didapat. User experience sangat din amis, seiring perjalanan waktu persepsi yang dirasakan pengguna bisa berubah sejalan berubahnya lingkungan, kebiasaan dan nilai-nilai.
  • 6. Pengertian User Experience Dalam konteks ini user experience yang kita bicarakan a dalah bentuk interaksi antara manusia dan komputer (hu man-computer interaction (HCI)) yang meliputi website, applikasi smartphone dan aplikasi desktop. User experie nce disini berkaitan dengan apa yang dirasa oleh pengg una yang berhubungan dengan kemudahanan, kenyam anan, efisiensi, kemanfaatan saat mereka menggunaka n web, aplikasi smartphone dan aplikasi desktop.
  • 7. Pengertian User Experience Human Computer Interaction
  • 8. Penerapan User Experience Sebagai contoh dalam penerapan user experience ini bisa kita lihat pada : Proses checkout pada web e-commerce saat pengguna selesai melakukan pembelian suatu item barang. Apakah proses checkoutnya mudah atau malah merepotkan. Proses pendaftaran (sign up) di suatu website berupa form isian. Mungkin pembaca sering mengalami kebingungan ketika proses sign up dinyatakan gagal karena kesalahan mengisi data namun website tidak memberitahu data yang mana yang salah.
  • 9. Penerapan User Experience Navigasi yang membingungkan, di antaranya pengguna bingung sebenarnya dia sedang berada di mana Pembaca masih ingat masa-masa boomingnya Macromedia Flash. Flash mendominasi website dengan halaman splashnya, pengguna dipaksa menunggu untuk melihat halaman splash berupa animasi pendek yang membutuhkan waktu untuk loading sebelum benar-benar masuk ke halaman utama. Mereka yang biasa menggunakan social media Path di smartphone terbiasa dengan tombol + di halaman depan, bila di sentuh tombol tersebut akan keluar beberapa tombol lain. Keberadaan tombol ini begitu fungsional.
  • 10. Penggagas User Experience Istilah user experience digunakan pertama kali oleh Don Norman akademisi bidang cognitive science, design danusability engineering dan mantan vice president Apple Inc. Sekaligus penggagas awal dari user-centered designyakni pendekatan desain yang berfokus pada kebutuhan dan keinginan pengguna.
  • 11. Seberapa Pentingkah User Experience dalam Penerapannya Pada masa-masa awal era internet pemain-pemain besar di jagad internet seperti Yahoo, Amazon, Paypal, Googlelebih peduli kepada teknologi, desain tidaklah mendapat porsi perhatian yang besar. Teknologi itu juga yang memberikan kesuksesan besar kepada mereka. Namun sekarang di masa di mana kompetisi begitu sengit keberhasilan produk tidaklah cukup ditentukan oleh teknologi yang bermanfaat dan fungsional semata.
  • 12. Seberapa Pentingkah User Experience dalam Penerapannya
  • 13. Seberapa Pentingkah User Experience dalam Penerapannya kemudahan bagi pengguna website, aplikasi smartphone,perangkat lunak desktop yang menerapk an user experience yang baik akan memberi kemudahan dalam pengg unaannya menaikkan kepercayaan pengguna/konsumen pada produk tersebut tingkat kepercayaan pengguna/konsumen sangat dipengaruhi oleh ke mampuan produk yang mereka gunakan dalam membantu menyelesai kan masalah mereka
  • 14. Seberapa Pentingkah User Experience dalam Penerapannya menaikkan conversion rate bisa dibayangkan seorang pembeli yang harus melewati prosedur pe mbelian yang begitu panjang dan rumit di suatu situs e-commerce, te ntu bukan pengalaman yang menyenangkan untuk mereka bagi ke c alon pembeli lainnya dari segi bisnis user experience dipercaya mampu menaikkan p enjualan (rujukan econsultancy)
  • 15. Kerja Tim User Experience Visual designer Tampilan secara visual mempunyai peranan penting untuk suatu des ain web, aplikasi web/smartphone, aplikasidesktop. Kesan pertama d an tampilan visual yang memanjakan mata tentu memiliki daya tarik t ersendiri bagi pengguna. Front end developer Implementasi terhadap konsep, ide yang telah dituangkan oleh UX d esigner tentu butuh implementasi, adalah pekerjaan front end develo per untuk implementasinya dengan kode HTML,CSS, Javascript.
  • 16. Kerja Tim User Experience Content strategist Website membutuhkan konten yang berbicara kepada publik siapa m ereka, apa yang mereka lakukan, kalau mereka berbisnis apa bisnis mereka jalankan, pesan apa yang ingin mereka sampaikan kepada p ublik. Bagaimana itu dilakukan dan bagaimana strateginya adalah pe kerjaan content strategist.
  • 17. Kerja Tim User Experience Usability expert Memastikan bahwa sistem berfungsi dengan baik, mudah mengguna kannya, user-friendly. Memastikan user bisa mendapatkan apa yang diinginkan dengan cepat yang dibantu oleh navigasi, search box. Usa bility expert menerapkan pola yang bisa dipelajari pengguna saat me nggunakan sistem, sehingga walau tanpa dibekali guideline si pengg una bisa menggunakan siistem dengan mudah.
  • 18. Kerja Tim User Experience Information architect Salah satu syarat terpenuhinya sistem yang mengaplikasikan user ex perience yang benar adalah organisasi konten termasuk diantaranya penataan navigasi dan link. Karena hal ini berkaitan dengan informas i yang dicari oleh pengunjung.
  • 19. Kerja Tim User Experience User experience designer User experience designer adalah orang yang menentukan visi dari pr oduk yang akan dihasilkan secara keseluruhan dari sisi user experien ce. Tim akan bekerja berdasarkan roadmap yang telah dibuat oleh us er experience designer. Masing-masing anggota tim kemudian akan bekerja sesuai porsinya masing-masing untuk mencapai tujuan yang telah ditentukan.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. Perbedaan UX dan UI Banyak orang yang salah kaprah bahwa UI sama UX itu adalah suatu hal yang sama. Pada faktanya UX dan UI it u berbeda, namun satu sama lain saling berhubungan. Pada dasarnya, User Experience adalah tentang “mema hami penggunamu”. Tujuan UX adalah mencari tahu sia pa mereka, apa yang mereka capai dan apa cara terbaik bagi mereka untuk melakukan “sesuatu”.
  • 43. UX berkonsentrasi pada bagaimana sebuah produk tera sa dan apakah itu memecahkan masalah bagi pengguna. Sedangkan User Interface adalah bagaimana suatu we bsite atau aplikasi yang kamu buat terlihat danberbent uk seperti apa. Hal tersebut mencakup Layout (tata leta k), Visual Design (desain visual) dan Branding.