SlideShare a Scribd company logo
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.

More Related Content

What's hot

UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
The Wisdom Daily
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
GDSCUniversitasMatan
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
eLuminous Technologies Pvt. Ltd.
 
UX디자인에 대한 이해와 그 활용 예
UX디자인에 대한 이해와 그 활용 예UX디자인에 대한 이해와 그 활용 예
UX디자인에 대한 이해와 그 활용 예
Funkybro
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
Mayank Lambhate
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
Effective
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
Sebastian Waters
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
Angela Park
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
Lean UX
Lean UXLean UX
Lean UX
Dinesh Joshi
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
Marc Miquel
 

What's hot (20)

UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
UX디자인에 대한 이해와 그 활용 예
UX디자인에 대한 이해와 그 활용 예UX디자인에 대한 이해와 그 활용 예
UX디자인에 대한 이해와 그 활용 예
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Lean UX
Lean UXLean UX
Lean UX
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
 

Similar to BAB_III1.pptx

UX Design.pptx
UX Design.pptxUX Design.pptx
UX Design.pptx
RiskaDhenabayu
 
Study Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfStudy Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdf
AdiMasmudi
 
IMK-Pertemuan5.pptx
IMK-Pertemuan5.pptxIMK-Pertemuan5.pptx
IMK-Pertemuan5.pptx
RedyWinatha1
 
Topic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docxTopic 1 - UI _ UX Overview.docx
Topic 1 - UI _ UX Overview.docx
ChairilAnwarRamli
 
K2 interaksi manusia dan komputer
K2 interaksi manusia dan komputerK2 interaksi manusia dan komputer
K2 interaksi manusia dan komputer
Imaduddin Amrullah
 
5. UX-Writing.pdf
5. UX-Writing.pdf5. UX-Writing.pdf
5. UX-Writing.pdf
Sulhandrive
 
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
 
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 ...
MULTIMEDIA 'n BROADCASTING SMKN 1 PUNGGING MOJOKERTO
 
PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdf
SriIndarti24
 
Understanding UX as Developer
Understanding UX as DeveloperUnderstanding UX as Developer
Understanding UX as Developer
Faizal Rahman Hakim
 
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.pptx
rifqiarif6
 
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
CavanBadiuzMaa
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
MirnaNia
 
Design interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusiaDesign interface dalam_interaksi_manusia
Design interface dalam_interaksi_manusia
pt.ccc
 
Antarmuka_pengguna.pptx
Antarmuka_pengguna.pptxAntarmuka_pengguna.pptx
Antarmuka_pengguna.pptx
FransiskaPrihatiniSi1
 
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
YOSAFAT11
 
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].pptx
MaheswararivaiJamhur
 

Similar to BAB_III1.pptx (20)

UX Design.pptx
UX Design.pptxUX Design.pptx
UX Design.pptx
 
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
 

More from Slamet Achwandy

studi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.pptstudi-warna-komposisi-warna.ppt
studi-warna-komposisi-warna.ppt
Slamet Achwandy
 
2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptx2. PEMBELAJARAN BERDIFERENSIASI.pptx
2. PEMBELAJARAN BERDIFERENSIASI.pptx
Slamet Achwandy
 
Golden Ratio.pptx.pdf
Golden Ratio.pptx.pdfGolden Ratio.pptx.pdf
Golden Ratio.pptx.pdf
Slamet Achwandy
 
materi-1.pptx
materi-1.pptxmateri-1.pptx
materi-1.pptx
Slamet Achwandy
 
belajar uiux.pptx
belajar uiux.pptxbelajar uiux.pptx
belajar uiux.pptx
Slamet Achwandy
 
RUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docxRUNDOWN_KEGIATAN_TALKSHOW_P5.docx
RUNDOWN_KEGIATAN_TALKSHOW_P5.docx
Slamet Achwandy
 
dkv1.pptx
dkv1.pptxdkv1.pptx
dkv1.pptx
Slamet Achwandy
 
sinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptxsinkronisasiMapel2021.pptx
sinkronisasiMapel2021.pptx
Slamet Achwandy
 
Mengelola web
Mengelola webMengelola web
Mengelola web
Slamet Achwandy
 
135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smp135928077 instrumen-penilaian-mat-smp
135928077 instrumen-penilaian-mat-smp
Slamet Achwandy
 
117368473 kurikulum-2013
117368473 kurikulum-2013117368473 kurikulum-2013
117368473 kurikulum-2013
Slamet Achwandy
 
Ktifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basicKtifkan dulu microsoft visual basic
Ktifkan dulu microsoft visual basic
Slamet Achwandy
 
Soat netrb latihan
Soat netrb latihanSoat netrb latihan
Soat netrb latihan
Slamet 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_revised
Slamet Achwandy
 
Mikrotik+hit
Mikrotik+hitMikrotik+hit
Mikrotik+hit
Slamet Achwandy
 
Mikrotik+hit
Mikrotik+hitMikrotik+hit
Mikrotik+hit
Slamet Achwandy
 
Modul quick debserver
Modul quick debserverModul quick debserver
Modul quick debserver
Slamet Achwandy
 

More from 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
 

Recently uploaded

PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
safitriana935
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Eldi Mardiansyah
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
Indah106914
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
PutuRatihSiswinarti1
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
Rima98947
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
UmyHasna1
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
DataSupriatna
 
Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
SholahuddinAslam
 
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
VenyHandayani2
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
setiatinambunan
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
DinaSetiawan2
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
GuneriHollyIrda
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
nasrudienaulia
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
rusinaharva1
 
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOKPENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
GusniartiGusniarti5
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AdeRinaMuliawati1
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
kusnen59
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
TEDYHARTO1
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
asepridwan50
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Fathan Emran
 

Recently uploaded (20)

PPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdfPPT Observasi Praktik Kinerja PMM SD pdf
PPT Observasi Praktik Kinerja PMM SD pdf
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
 
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
0. PPT Juknis PPDB TK-SD -SMP 2024-2025 Cilacap.pptx
 
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi  dan prakarsa perubahanAKSI NYATA MODUL 1.3 visi  dan prakarsa perubahan
AKSI NYATA MODUL 1.3 visi dan prakarsa perubahan
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
 
Refleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptxRefleksi pembelajaran guru bahasa inggris.pptx
Refleksi pembelajaran guru bahasa inggris.pptx
 
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
CGP.10.Pendampingan Individual 2 - VISI DAN PRAKARSA PERUBAHAN.pdf_20240528_1...
 
ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_ppt landasan pendidikan Alat alat pendidikan PAI 9_
ppt landasan pendidikan Alat alat pendidikan PAI 9_
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
 
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
Teori Fungsionalisme Kulturalisasi Talcott Parsons (Dosen Pengampu : Khoirin ...
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
 
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOKPENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
PENDAMPINGAN INDIVIDU 2 CGP ANGKATAN 10 KOTA DEPOK
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
 
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala SekolahVisi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
Visi Misi SDN 2 Krenceng dalam Observasi Kepala Sekolah
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
 
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
1 Kisi-kisi PAT Sosiologi Kelas X -www.kherysuryawan.id.docx
 
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPS Kelas 7 Fase D Kurikulum Merdeka
 

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.