SlideShare uma empresa Scribd logo
1 de 24
Baixar para ler 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

Mais conteúdo relacionado

Mais procurados

UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptxrifqiarif6
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksiAriev Kusuma
 
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataLaporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataShofura Kamal
 
Laporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis WebLaporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis Websmatrigger
 
Menjadi Konten Kreator Positif
Menjadi Konten Kreator PositifMenjadi Konten Kreator Positif
Menjadi Konten Kreator PositifHani Purnawanti
 
Analisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMKAnalisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMKMiftahul Muttaqin
 
3 ux design process
3 ux design process3 ux design process
3 ux design processSudirman
 
TIK - Menjelaskan Tentang Instagram
TIK - Menjelaskan Tentang InstagramTIK - Menjelaskan Tentang Instagram
TIK - Menjelaskan Tentang InstagramMuhammad Maulana
 
04 Testing Perangkat Lunak
04 Testing Perangkat Lunak04 Testing Perangkat Lunak
04 Testing Perangkat LunakMrirfan
 
Presentasi Pembuatan Website E-Commerce
Presentasi Pembuatan Website E-CommercePresentasi Pembuatan Website E-Commerce
Presentasi Pembuatan Website E-CommerceShofura Kamal
 
Pm time management plan
Pm time management planPm time management plan
Pm time management planBagus Wahyu
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visualiwan setiawan
 
Menggunakan WhatsApp Business buat UMKM Jualan
Menggunakan WhatsApp Business buat UMKM JualanMenggunakan WhatsApp Business buat UMKM Jualan
Menggunakan WhatsApp Business buat UMKM JualanIndriyatno Banyumurti
 

Mais procurados (20)

SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
SOAL ESSAY HOTS ANIMASI 2D 3D SEMESTER 2
 
UI & UX kel 5.pptx
UI & UX kel 5.pptxUI & UX kel 5.pptx
UI & UX kel 5.pptx
 
Introduction to UX Research
Introduction to UX ResearchIntroduction to UX Research
Introduction to UX Research
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksi
 
Pengantar UI/UX
Pengantar UI/UXPengantar UI/UX
Pengantar UI/UX
 
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis DataLaporan Makalah Pembuatan Website E-Commerce-Basis Data
Laporan Makalah Pembuatan Website E-Commerce-Basis Data
 
Laporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis WebLaporan Project Pemrograman Berbasis Web
Laporan Project Pemrograman Berbasis Web
 
Menjadi Konten Kreator Positif
Menjadi Konten Kreator PositifMenjadi Konten Kreator Positif
Menjadi Konten Kreator Positif
 
Analisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMKAnalisa website Traveloka - Tugas IMK
Analisa website Traveloka - Tugas IMK
 
3 ux design process
3 ux design process3 ux design process
3 ux design process
 
TIK - Menjelaskan Tentang Instagram
TIK - Menjelaskan Tentang InstagramTIK - Menjelaskan Tentang Instagram
TIK - Menjelaskan Tentang Instagram
 
04 Testing Perangkat Lunak
04 Testing Perangkat Lunak04 Testing Perangkat Lunak
04 Testing Perangkat Lunak
 
Presentasi Pembuatan Website E-Commerce
Presentasi Pembuatan Website E-CommercePresentasi Pembuatan Website E-Commerce
Presentasi Pembuatan Website E-Commerce
 
UX Research Introduction
UX Research Introduction UX Research Introduction
UX Research Introduction
 
Pm time management plan
Pm time management planPm time management plan
Pm time management plan
 
Desain komunikasi visual
Desain komunikasi visualDesain komunikasi visual
Desain komunikasi visual
 
Mudah membuat desain pakai Canva
Mudah membuat desain pakai CanvaMudah membuat desain pakai Canva
Mudah membuat desain pakai Canva
 
Menggunakan WhatsApp Business buat UMKM Jualan
Menggunakan WhatsApp Business buat UMKM JualanMenggunakan WhatsApp Business buat UMKM Jualan
Menggunakan WhatsApp Business buat UMKM Jualan
 

Destaque

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
 

Destaque (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
 

Semelhante a 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
 
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
 

Semelhante a 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
 
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
 
Belajar Web Kediri
Belajar Web KediriBelajar Web Kediri
Belajar Web Kediri
 

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