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

presentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxpresentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxIanArwani
 
Desain Media Digital : Tipografi
Desain Media Digital : TipografiDesain Media Digital : Tipografi
Desain Media Digital : Tipografiiwan setiawan
 
Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Harwindra Yoga
 
Komunikasi pemasaran
Komunikasi pemasaranKomunikasi pemasaran
Komunikasi pemasaransastrop
 
Strategi branding untuk umkm
Strategi branding untuk umkmStrategi branding untuk umkm
Strategi branding untuk umkmFerdi Anggriawan
 
Presentasi Penjualan
Presentasi PenjualanPresentasi Penjualan
Presentasi Penjualanfiranoty
 
Pelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMPelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMAlvi Syahrina
 
BISNIS PLAN Tugas kewirausahaan moses hadun
BISNIS PLAN Tugas kewirausahaan moses hadunBISNIS PLAN Tugas kewirausahaan moses hadun
BISNIS PLAN Tugas kewirausahaan moses hadunMOSES HADUN
 
Desain Kemasan.ppt
Desain Kemasan.pptDesain Kemasan.ppt
Desain Kemasan.pptmada341303
 
Menjadi Konten Kreator Positif
Menjadi Konten Kreator PositifMenjadi Konten Kreator Positif
Menjadi Konten Kreator PositifHani Purnawanti
 
Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Hide Maru
 
Presentasi bisnis model canvas
Presentasi bisnis model canvasPresentasi bisnis model canvas
Presentasi bisnis model canvasRona Binham
 
Customer Relationship Management PPT
Customer Relationship Management PPTCustomer Relationship Management PPT
Customer Relationship Management PPTYesica Adicondro
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__Dewi Fitriyani
 

Mais procurados (20)

presentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptxpresentasi digital marketing media1111- (1).pptx
presentasi digital marketing media1111- (1).pptx
 
Desain Media Digital : Tipografi
Desain Media Digital : TipografiDesain Media Digital : Tipografi
Desain Media Digital : Tipografi
 
Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)Pengelolaan Konten di Media Sosial (1st session)
Pengelolaan Konten di Media Sosial (1st session)
 
Komunikasi pemasaran
Komunikasi pemasaranKomunikasi pemasaran
Komunikasi pemasaran
 
Strategi branding untuk umkm
Strategi branding untuk umkmStrategi branding untuk umkm
Strategi branding untuk umkm
 
Presentasi Penjualan
Presentasi PenjualanPresentasi Penjualan
Presentasi Penjualan
 
Tiktok Shop.pptx
Tiktok Shop.pptxTiktok Shop.pptx
Tiktok Shop.pptx
 
Research PR/Riset dalam PR
Research PR/Riset dalam PRResearch PR/Riset dalam PR
Research PR/Riset dalam PR
 
Pelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKMPelatihan digital marketing untuk UKM
Pelatihan digital marketing untuk UKM
 
Press release
Press releasePress release
Press release
 
BISNIS PLAN Tugas kewirausahaan moses hadun
BISNIS PLAN Tugas kewirausahaan moses hadunBISNIS PLAN Tugas kewirausahaan moses hadun
BISNIS PLAN Tugas kewirausahaan moses hadun
 
Desain Kemasan.ppt
Desain Kemasan.pptDesain Kemasan.ppt
Desain Kemasan.ppt
 
Menjadi Konten Kreator Positif
Menjadi Konten Kreator PositifMenjadi Konten Kreator Positif
Menjadi Konten Kreator Positif
 
STRATEGI PROMOSI I
STRATEGI PROMOSI ISTRATEGI PROMOSI I
STRATEGI PROMOSI I
 
Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5
 
Presentasi bisnis model canvas
Presentasi bisnis model canvasPresentasi bisnis model canvas
Presentasi bisnis model canvas
 
Customer Relationship Management PPT
Customer Relationship Management PPTCustomer Relationship Management PPT
Customer Relationship Management PPT
 
Mengelola komunikasi pribadi
Mengelola komunikasi pribadiMengelola komunikasi pribadi
Mengelola komunikasi pribadi
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
 
Elemen nilai berita
Elemen nilai beritaElemen nilai berita
Elemen nilai berita
 

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

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