SlideShare a Scribd company logo
1 of 24
Download to read offline
Borrys Hasian
                            UX Design Lead
                                   Circle UX
                       borrys@circleux.com
                      twitter: @borryshasian




Tiga Langkah Mudah Membuat
UX (User Experience) Website
      Anda Menjadi Lebih Baik
Apa UX (User Experience) itu?


UX adalah
          merasa       berpikir
 tentang
bagaimana                     bereaksi
  orang




saat berinteraksi dengan website Anda
Kenapa UX (User Experience) penting?




              Pengguna setia


                                     Banyak Pengguna
Pengguna yang puas                      yang puas

            Rekomendasi kepada orang lain
Banyak Pengguna yang puas dan setia



                                      Bagus untuk bisnis
Sebelum Anda mulai mendisain
    UX (User Experience)
Apa keahlian penting untuk mendisain
        UX yang lebih baik?
Keahlian penting untuk mendisain UX
yang lebih baik adalah kemauan untuk
             mendengar.




     Mendengar pendapat pengguna
 tentang website Anda, seburuk apapun
          pendapat mereka.
Jika Anda sudah siap dan mau untuk
mendengar, mari kita mulai bagaimana
   mendisain UX yang lebih baik.
Bagaimana mendisain
UX (User Experience) ?
Mendisain UX itu seperti
   membangun rumah.
 Jika landasannya tidak
 dibangun dengan benar,
dekorasi sebagus apapun
 tidak bisa memperbaiki
    struktur akhirnya.
Tiga langkah mudah untuk mendisain
              UX yang lebih baik




                       Dapatkan inspirasi
                           dari luar

Tentukan satu poin                           Lakukan usability
visi singkat tentang                        test dan follow-up
    website Anda
Langkah #1
Tentukan satu poin visi singkat tentang
            website Anda

Website ini adalah tentang ....... untuk membantu
              ....... melakukan .......
Langkah #1
  Tentukan satu poin visi singkat tentang
              website Anda
Contoh

     Website ini adalah tentang jual beli online
    untuk membantu pria/wanita berusia 18-35
     tahun menjual barang bekas dan membeli
    barang bekas berkualitas dengan harga yang
                        pas.
Langkah #2
         Dapatkan inspirasi dari luar

1   Browse website sejenis, Google dengan keyword
        yang telah Anda tetapkan di poin visi.

          2  Browse website seperti
    www.patterntap.com untuk inspirasi lainnya.

          3 Substitusi, kombinasi, adaptasi, dan
        modifikasi sumber-sumber diatas sesuai poin
                          visi Anda.
Langkah #2
Dapatkan inspirasi dari luar




Browse website
 sejenis, Google
dengan keyword
yang telah Anda
tetapkan di poin
       visi.
jual beli online                  Langkah #2
                   Dapatkan inspirasi dari luar
Langkah #2
Dapatkan inspirasi dari luar




 Browse website
     seperti
www.patterntap.com
  untuk inspirasi
     lainnya.
Langkah #2
                                 Dapatkan inspirasi dari luar




                  Website Anda




Substitusi, kombinasi, adaptasi, dan modifikasi
 sumber-sumber diatas sesuai poin visi Anda.
Langkah #3
Lakukan usability test dan follow-up


 Lakukan test minimal sebulan sekali, dengan
           tiga orang partisipan.

Dapatkan 'usability bugs' sebanyak-banyaknya.

  Tentukan prioritas untuk follow-up sesuai
           dengan poin visi Anda.
Langkah #3
                                       Lakukan usability test
 Tetapkan tanggal fix setiap
                                              dan follow-up
 bulannya, lakukan pagi hari,
  masing-masing partisipan
        selama 1 jam.            Lakukan test minimal
                                sebulan sekali, dengan
   Partisipan bisa siapapun,    tiga orang partisipan.
kecuali karyawan perusahaan.


  Tujuannya adalah untuk
 mendapat insight tentang
bagaimana membuat Website
    menjadi lebih baik.
Langkah #3
                                     Lakukan usability test
      1  Tes Homepage:
                                            dan follow-up
Bagaimana pendapat partisipan
tentang Homepage: Apa layanan
    yang diberikan dan apa      Dapatkan 'usability
   pendapat tentang bagian-      bugs' sebanyak-
 bagian yang ada di Homepage.      banyaknya.
 2     Tes fitur-fitur utama:
     Tentukan 5-7 fitur utama,
     kemudian minta dan amati
       bagaimana partisipan
      mengerjakan fitur-fitur
             tersebut.
Langkah #3
                                         Lakukan usability test
                                                dan follow-up
 Pada hari yang sama dengan
 Usability Test, setelah makan     Tentukan prioritas
siang, tentukan prioritas untuk     untuk follow-up
 follow-up dari usability bugs     sesuai dengan poin
     yang telah ditemukan.
                                       visi Anda.
Pilih tiga hal utama yang paling
 besar pengaruhnya terhadap
          poin visi Anda.
Tidak ada disain yang sempurna.
                      

  Anda selalu dapat membuat website menjadi
 lebih baik jika Anda mau mendengar pengguna
    dan melakukan perbaikan terus menerus.
Jika Anda membuat pengguna puas dan bahagia,
      keuntungan finansial akan mengikuti.
                      

 Think BIG, listen MORE, act SMALL & NOW!
Terima kasih


                     Borrys Hasian
                        UX Design Lead
                             Circle UX
                      borrys@circleux.com
                     twitter: @borryshasian


Layanan Circle UX: Konsultan UX Design, Usability Test Workshop

More Related Content

What's hot

Ch 04 Metode pengujian Black Box dan White Box
Ch 04 Metode pengujian Black Box dan White BoxCh 04 Metode pengujian Black Box dan White Box
Ch 04 Metode pengujian Black Box dan White BoxTri Sugihartono
 
Dokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat LunakDokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat LunakAdam Alfian
 
Manajemen Kualitas Proyek
Manajemen Kualitas ProyekManajemen Kualitas Proyek
Manajemen Kualitas ProyekLearner
 
Teknik Jitu Instagram marketing
Teknik Jitu Instagram marketingTeknik Jitu Instagram marketing
Teknik Jitu Instagram marketingAbu Amar Fikri
 
Interaksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanInteraksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanAwang Ramadhani
 
Panduan 1 2 3 Menjadi Netizen Cerdas
Panduan 1 2 3 Menjadi Netizen CerdasPanduan 1 2 3 Menjadi Netizen Cerdas
Panduan 1 2 3 Menjadi Netizen CerdasICT Watch
 
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)nurul khaiva
 
Industri Kreatif Indonesia
Industri Kreatif IndonesiaIndustri Kreatif Indonesia
Industri Kreatif IndonesiaTogar Simatupang
 
Proposal Pembuatan Produk Kerajinan Dari Bahan Keras
Proposal Pembuatan Produk Kerajinan Dari Bahan KerasProposal Pembuatan Produk Kerajinan Dari Bahan Keras
Proposal Pembuatan Produk Kerajinan Dari Bahan KerasEva Ria Safitri
 
Contoh proposal memperingati hari ulang tahun
Contoh proposal memperingati hari ulang tahunContoh proposal memperingati hari ulang tahun
Contoh proposal memperingati hari ulang tahunRahaden Lingga Bhumi
 
Dokumen perencanaan-proyek-perangkat-lunak
Dokumen perencanaan-proyek-perangkat-lunakDokumen perencanaan-proyek-perangkat-lunak
Dokumen perencanaan-proyek-perangkat-lunakWinda Dwiastini
 
Tugas kelompok 1 man pro
Tugas kelompok 1 man proTugas kelompok 1 man pro
Tugas kelompok 1 man proepul elrahman
 
Mengevaluasi kasus bisnis
Mengevaluasi kasus bisnisMengevaluasi kasus bisnis
Mengevaluasi kasus bisnisFajar Baskoro
 
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...Kanaidi ken
 

What's hot (20)

Pertemuan 1 Konsep Dasar IMK
Pertemuan 1 Konsep Dasar IMKPertemuan 1 Konsep Dasar IMK
Pertemuan 1 Konsep Dasar IMK
 
Ch 04 Metode pengujian Black Box dan White Box
Ch 04 Metode pengujian Black Box dan White BoxCh 04 Metode pengujian Black Box dan White Box
Ch 04 Metode pengujian Black Box dan White Box
 
Dokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat LunakDokumen Final Project Manajemen Proyek Perangkat Lunak
Dokumen Final Project Manajemen Proyek Perangkat Lunak
 
Manajemen Kualitas Proyek
Manajemen Kualitas ProyekManajemen Kualitas Proyek
Manajemen Kualitas Proyek
 
Teknik Jitu Instagram marketing
Teknik Jitu Instagram marketingTeknik Jitu Instagram marketing
Teknik Jitu Instagram marketing
 
Interaksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanInteraksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + Jawaban
 
Panduan 1 2 3 Menjadi Netizen Cerdas
Panduan 1 2 3 Menjadi Netizen CerdasPanduan 1 2 3 Menjadi Netizen Cerdas
Panduan 1 2 3 Menjadi Netizen Cerdas
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)
Pertemuan 6 (menentukan tujuan (goal) dan sasaran (objektif)
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Analisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem InformasiAnalisis Kebutuhan Sistem Informasi
Analisis Kebutuhan Sistem Informasi
 
Industri Kreatif Indonesia
Industri Kreatif IndonesiaIndustri Kreatif Indonesia
Industri Kreatif Indonesia
 
Proposal Pembuatan Produk Kerajinan Dari Bahan Keras
Proposal Pembuatan Produk Kerajinan Dari Bahan KerasProposal Pembuatan Produk Kerajinan Dari Bahan Keras
Proposal Pembuatan Produk Kerajinan Dari Bahan Keras
 
Tabel r
Tabel rTabel r
Tabel r
 
Contoh proposal memperingati hari ulang tahun
Contoh proposal memperingati hari ulang tahunContoh proposal memperingati hari ulang tahun
Contoh proposal memperingati hari ulang tahun
 
Dokumen perencanaan-proyek-perangkat-lunak
Dokumen perencanaan-proyek-perangkat-lunakDokumen perencanaan-proyek-perangkat-lunak
Dokumen perencanaan-proyek-perangkat-lunak
 
Tugas kelompok 1 man pro
Tugas kelompok 1 man proTugas kelompok 1 man pro
Tugas kelompok 1 man pro
 
Mengevaluasi kasus bisnis
Mengevaluasi kasus bisnisMengevaluasi kasus bisnis
Mengevaluasi kasus bisnis
 
Kelompok 6 prototipe
Kelompok 6   prototipeKelompok 6   prototipe
Kelompok 6 prototipe
 
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...
Strategi Pembuatan Laporan yang baik_Materi Training "REPORT WRITING SKILL" B...
 

Viewers also liked

Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...Borrys Hasian
 
Lean Usability Testing for Google Hack Fair 2015
Lean Usability Testing for Google Hack Fair 2015Lean Usability Testing for Google Hack Fair 2015
Lean Usability Testing for Google Hack Fair 2015Borrys Hasian
 
ED Score - Emotional Design Score
ED Score - Emotional Design ScoreED Score - Emotional Design Score
ED Score - Emotional Design ScoreBorrys Hasian
 
Becoming the Original in Design
Becoming the Original in DesignBecoming the Original in Design
Becoming the Original in DesignBorrys Hasian
 
Solving Design Problem in 2.5 Hours with Google Design Sprint
Solving Design Problem in 2.5 Hours with Google Design SprintSolving Design Problem in 2.5 Hours with Google Design Sprint
Solving Design Problem in 2.5 Hours with Google Design SprintBorrys Hasian
 
Emotional Design for Google Launchpad
Emotional Design for Google LaunchpadEmotional Design for Google Launchpad
Emotional Design for Google LaunchpadBorrys Hasian
 
MobiSharks [Mobile Technology Agency]
MobiSharks [Mobile Technology Agency]MobiSharks [Mobile Technology Agency]
MobiSharks [Mobile Technology Agency]Liliya Mukhametova
 
Mobile App Development Challenges
Mobile App Development ChallengesMobile App Development Challenges
Mobile App Development ChallengesMobinex
 
Challenges of a mobile application developer
Challenges of a mobile application developerChallenges of a mobile application developer
Challenges of a mobile application developerWilliam S. Rodriguez
 
How To Communicate Wireframes
How To Communicate WireframesHow To Communicate Wireframes
How To Communicate WireframesWolf Becvar
 
5 Important Considerations For Mobile Application Development Process
5 Important Considerations For Mobile Application Development Process5 Important Considerations For Mobile Application Development Process
5 Important Considerations For Mobile Application Development ProcessAjeet Singh
 
Mobile development process - My view
Mobile development process - My viewMobile development process - My view
Mobile development process - My viewAlexandre Nogueira
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapBuilding mobile applications with DrupalGap
Building mobile applications with DrupalGapAlex S
 
Content types
Content typesContent types
Content typesBob Evans
 
I want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionI want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionQuentin Adam
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First StrategySteve Buttry
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessMarcin Treder
 

Viewers also liked (20)

Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
Solving Design and Business Problems in 3 Days with Google Design Sprint by B...
 
Lean Usability Testing for Google Hack Fair 2015
Lean Usability Testing for Google Hack Fair 2015Lean Usability Testing for Google Hack Fair 2015
Lean Usability Testing for Google Hack Fair 2015
 
ED Score - Emotional Design Score
ED Score - Emotional Design ScoreED Score - Emotional Design Score
ED Score - Emotional Design Score
 
Becoming the Original in Design
Becoming the Original in DesignBecoming the Original in Design
Becoming the Original in Design
 
Solving Design Problem in 2.5 Hours with Google Design Sprint
Solving Design Problem in 2.5 Hours with Google Design SprintSolving Design Problem in 2.5 Hours with Google Design Sprint
Solving Design Problem in 2.5 Hours with Google Design Sprint
 
Emotional Design for Google Launchpad
Emotional Design for Google LaunchpadEmotional Design for Google Launchpad
Emotional Design for Google Launchpad
 
MobiSharks [Mobile Technology Agency]
MobiSharks [Mobile Technology Agency]MobiSharks [Mobile Technology Agency]
MobiSharks [Mobile Technology Agency]
 
Mobile App Development Challenges
Mobile App Development ChallengesMobile App Development Challenges
Mobile App Development Challenges
 
Challenges of a mobile application developer
Challenges of a mobile application developerChallenges of a mobile application developer
Challenges of a mobile application developer
 
Ux,UI & wireframes
Ux,UI & wireframesUx,UI & wireframes
Ux,UI & wireframes
 
How To Communicate Wireframes
How To Communicate WireframesHow To Communicate Wireframes
How To Communicate Wireframes
 
5 Important Considerations For Mobile Application Development Process
5 Important Considerations For Mobile Application Development Process5 Important Considerations For Mobile Application Development Process
5 Important Considerations For Mobile Application Development Process
 
Mobile development process - My view
Mobile development process - My viewMobile development process - My view
Mobile development process - My view
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Building mobile applications with DrupalGap
Building mobile applications with DrupalGapBuilding mobile applications with DrupalGap
Building mobile applications with DrupalGap
 
Content types
Content typesContent types
Content types
 
I want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT versionI want to be an efficient developper. Mix-IT version
I want to be an efficient developper. Mix-IT version
 
Mobile-First Strategy
Mobile-First StrategyMobile-First Strategy
Mobile-First Strategy
 
Collaboration in the User Experience Design Process
Collaboration in the User Experience Design ProcessCollaboration in the User Experience Design Process
Collaboration in the User Experience Design Process
 
Mobile Application Development Process
Mobile Application Development ProcessMobile Application Development Process
Mobile Application Development Process
 

Similar to Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik

Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...DicodingEvent
 
P4. IMK Desain Thinking.pptx
P4. IMK Desain Thinking.pptxP4. IMK Desain Thinking.pptx
P4. IMK Desain Thinking.pptxChunikoAkira
 
User Research + Landscape Analysis = Complete Understanding
User Research + Landscape Analysis = Complete UnderstandingUser Research + Landscape Analysis = Complete Understanding
User Research + Landscape Analysis = Complete UnderstandingMega Saraswati
 
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
 
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid GrowthPengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid GrowthYoshiaki Ieda
 
Seminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX ResearchSeminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX Researchpmgdscunsri
 
PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfSriIndarti24
 
Digital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfDigital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfTukangBikinUcapan
 
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
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiuxSudirman
 
Chapt 7. daya guna
Chapt 7. daya gunaChapt 7. daya guna
Chapt 7. daya gunaIbnu Dzakwan
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Hide Maru
 
Study Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfStudy Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfAdiMasmudi
 
Search Engineering Optimization.pptx
Search Engineering Optimization.pptxSearch Engineering Optimization.pptx
Search Engineering Optimization.pptxSekretarisMDYGMU
 

Similar to Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik (20)

Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
Baparekraf Digital Talent Day: Monitoring dan Coaching Penerima Fasilitasi BD...
 
belajar uiux.pptx
belajar uiux.pptxbelajar uiux.pptx
belajar uiux.pptx
 
BAB_III1.pptx
BAB_III1.pptxBAB_III1.pptx
BAB_III1.pptx
 
P4. IMK Desain Thinking.pptx
P4. IMK Desain Thinking.pptxP4. IMK Desain Thinking.pptx
P4. IMK Desain Thinking.pptx
 
User Research + Landscape Analysis = Complete Understanding
User Research + Landscape Analysis = Complete UnderstandingUser Research + Landscape Analysis = Complete Understanding
User Research + Landscape Analysis = Complete Understanding
 
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
 
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid GrowthPengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth
Pengenalan UX/UI & Growth Hack dan Manajemen Rapid Growth
 
Seminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX ResearchSeminar and DevTalk : Mastering UX Research - What is UX Research
Seminar and DevTalk : Mastering UX Research - What is UX Research
 
UX Design.pptx
UX Design.pptxUX Design.pptx
UX Design.pptx
 
PDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdfPDKT WITH UIUX DESIGN.pdf
PDKT WITH UIUX DESIGN.pdf
 
Digital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfDigital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdf
 
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
 
1 introduction to uiux
1 introduction to uiux1 introduction to uiux
1 introduction to uiux
 
Chapt 7. daya guna
Chapt 7. daya gunaChapt 7. daya guna
Chapt 7. daya guna
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9
 
Study Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdfStudy Jam UIUX_Meet 1.pdf
Study Jam UIUX_Meet 1.pdf
 
PERT 10 SEO.pptx
PERT 10 SEO.pptxPERT 10 SEO.pptx
PERT 10 SEO.pptx
 
Search Engineering Optimization.pptx
Search Engineering Optimization.pptxSearch Engineering Optimization.pptx
Search Engineering Optimization.pptx
 

Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik

  • 1. Borrys Hasian UX Design Lead Circle UX borrys@circleux.com twitter: @borryshasian Tiga Langkah Mudah Membuat UX (User Experience) Website Anda Menjadi Lebih Baik
  • 2. Apa UX (User Experience) itu? UX adalah merasa berpikir tentang bagaimana bereaksi orang saat berinteraksi dengan website Anda
  • 3. Kenapa UX (User Experience) penting? Pengguna setia Banyak Pengguna Pengguna yang puas yang puas Rekomendasi kepada orang lain
  • 4. Banyak Pengguna yang puas dan setia Bagus untuk bisnis
  • 5. Sebelum Anda mulai mendisain UX (User Experience)
  • 6. Apa keahlian penting untuk mendisain UX yang lebih baik?
  • 7. Keahlian penting untuk mendisain UX yang lebih baik adalah kemauan untuk mendengar. Mendengar pendapat pengguna tentang website Anda, seburuk apapun pendapat mereka.
  • 8. Jika Anda sudah siap dan mau untuk mendengar, mari kita mulai bagaimana mendisain UX yang lebih baik.
  • 10. Mendisain UX itu seperti membangun rumah. Jika landasannya tidak dibangun dengan benar, dekorasi sebagus apapun tidak bisa memperbaiki struktur akhirnya.
  • 11. Tiga langkah mudah untuk mendisain UX yang lebih baik Dapatkan inspirasi dari luar Tentukan satu poin Lakukan usability visi singkat tentang test dan follow-up website Anda
  • 12. Langkah #1 Tentukan satu poin visi singkat tentang website Anda Website ini adalah tentang ....... untuk membantu ....... melakukan .......
  • 13. Langkah #1 Tentukan satu poin visi singkat tentang website Anda Contoh Website ini adalah tentang jual beli online untuk membantu pria/wanita berusia 18-35 tahun menjual barang bekas dan membeli barang bekas berkualitas dengan harga yang pas.
  • 14. Langkah #2 Dapatkan inspirasi dari luar 1 Browse website sejenis, Google dengan keyword yang telah Anda tetapkan di poin visi. 2 Browse website seperti www.patterntap.com untuk inspirasi lainnya. 3 Substitusi, kombinasi, adaptasi, dan modifikasi sumber-sumber diatas sesuai poin visi Anda.
  • 15. Langkah #2 Dapatkan inspirasi dari luar Browse website sejenis, Google dengan keyword yang telah Anda tetapkan di poin visi.
  • 16. jual beli online Langkah #2 Dapatkan inspirasi dari luar
  • 17. Langkah #2 Dapatkan inspirasi dari luar Browse website seperti www.patterntap.com untuk inspirasi lainnya.
  • 18. Langkah #2 Dapatkan inspirasi dari luar Website Anda Substitusi, kombinasi, adaptasi, dan modifikasi sumber-sumber diatas sesuai poin visi Anda.
  • 19. Langkah #3 Lakukan usability test dan follow-up Lakukan test minimal sebulan sekali, dengan tiga orang partisipan. Dapatkan 'usability bugs' sebanyak-banyaknya. Tentukan prioritas untuk follow-up sesuai dengan poin visi Anda.
  • 20. Langkah #3 Lakukan usability test Tetapkan tanggal fix setiap dan follow-up bulannya, lakukan pagi hari, masing-masing partisipan selama 1 jam. Lakukan test minimal sebulan sekali, dengan Partisipan bisa siapapun, tiga orang partisipan. kecuali karyawan perusahaan. Tujuannya adalah untuk mendapat insight tentang bagaimana membuat Website menjadi lebih baik.
  • 21. Langkah #3 Lakukan usability test 1 Tes Homepage: dan follow-up Bagaimana pendapat partisipan tentang Homepage: Apa layanan yang diberikan dan apa Dapatkan 'usability pendapat tentang bagian- bugs' sebanyak- bagian yang ada di Homepage. banyaknya. 2 Tes fitur-fitur utama: Tentukan 5-7 fitur utama, kemudian minta dan amati bagaimana partisipan mengerjakan fitur-fitur tersebut.
  • 22. Langkah #3 Lakukan usability test dan follow-up Pada hari yang sama dengan Usability Test, setelah makan Tentukan prioritas siang, tentukan prioritas untuk untuk follow-up follow-up dari usability bugs sesuai dengan poin yang telah ditemukan. visi Anda. Pilih tiga hal utama yang paling besar pengaruhnya terhadap poin visi Anda.
  • 23. Tidak ada disain yang sempurna. Anda selalu dapat membuat website menjadi lebih baik jika Anda mau mendengar pengguna dan melakukan perbaikan terus menerus. Jika Anda membuat pengguna puas dan bahagia, keuntungan finansial akan mengikuti. Think BIG, listen MORE, act SMALL & NOW!
  • 24. Terima kasih Borrys Hasian UX Design Lead Circle UX borrys@circleux.com twitter: @borryshasian Layanan Circle UX: Konsultan UX Design, Usability Test Workshop