## User Interface untuk Tampilan Website Berita Mobile bagi Penyandang Rabun Dekat
User Interface of Appearance for Mobile News Website to Nearsighted Person
Windy Tania 1 , Reski Mai Candra 2 , Nazruddin Safaat 3 , Muhammad Affandes 4 1,2,3 Teknik Informatika, Universitas Islam Negeri Sultan Syarif Kasim Riau E-mail: 1 11850120202@students.uin-suska.ac.id, 2 reski.candra@uin-suska.ac.id,
3 nazruddin.safaat@uin-suska.ac.id, 4 affandes@uin-suska.ac.id

## Abstrak
Saat ini ada  banyak website yang  disajikan  dalam  bentuk mobile ,  yang menyediakan berbagai informasi kepada pengguna, termasuk di antaranya website berita mobile . Namun, bagi pengguna yang  mengalami  rabun  dekat  merasa  kesulitan  dalam  membaca.  Peneliti  sudah  melakukan wawancara  terhadap  3  orang  yang  mengalami  rabun  dekat  dengan  rentang  usia  30-60  tahun dengan jarak 25-30 cm, dari hasil wawancara menyatakan bahwa orang yang mengalami rabun dekat kesulitan dalam membaca karena font nya, ukurannya, tidak sesuai sehingga tidak terbaca dengan  jelas  dan  informasi  tidak  di  dapat  oleh  pengguna.  Penelitian  ini  menggunakan  metode UCD ( User Centered Design) , yang mana metode UCD dapat menempatkan pengguna sebagai pusat pengembangan design . Metode ini dapat digunakan untuk mengetahui seperti apa karakter dan  kebutuhan  dari  pengguna.  Untuk  mengetahui  tingkat usability design yang  sudah  dibuat, dilakukan  pengujian  dengan  penyebaran  kuesioner  dalam  bentuk google  form dengan  hasil pengujian yang pertama sebesar 79,81 masuk ke dalam kriteria (B) Baik. Kemudian dilakukan pengujian kedua mendapatkan hasil 85,27 dengan iterasi sebanyak dua kali setelah melalui proses UCD.  Berdasarkan  hasil  tersebut, design website berita mobile bagi  penyandang  rabun  dekat termasuk ke dalam kriteria (SB) Sangat Baik.
Kata kunci: Website Berita Mobile , Rabun Dekat, (UCD) User Centered Design

## Abstract
Nowadays, there are many websites that present in mobile, which provide information to user, such  as  News  website  mobile.  However,  for  the  nearsighted  person  who  have  difficulties  in reading. Researcher has done interview towards 3 nearsighted people with age range 30-60 years with  range  25-30  cm,  from  the  interview  state  that  nearsighted  people  sustain  farsighted  with reading difficulties because of font, size, and not appropriate so it cannot be read with clearly and  the  information  cannot  get  by  the  user.  This  research  used  UCD  method  (User  Centered Design),  that  can  put  the  user  as  design  development  center.  This  method  used  to  know  what character and users’ need. to know the usability stage design which has been made, it did test with questionnaire distribution in google form with first test 79,81 it includes good criteria. Then, has second test to get result 85,27 with iteration twice after UCD process. Based on the result, News Mobile website for nearsighted people included in very good.
Keywords: News Mobile Website, Nearsighted, (UCD) User Centered Design

## 1. PENDAHULUAN
Saat  ini  ada  banyak website yang  disajikan  dalam  bentuk mobile ,  yang  menyediakan berbagai  informasi  kepada  pengguna,  di  antaranya  termasuk website berita mobile .  Namun sayangnya,  banyak  pula website berbasis mobile ini  tidak  memenuhi  tujuan  awal  dari pembuatannya  sehingga  membuat  para  pengguna  merasa  kecewa  dan  tidak  nyaman  pada  saat mengakses website berita tersebut. Apabila suatu website tidak bisa diakses oleh mobile , artinya suatu website dirancang  khusus  hanya  bisa  diakses  melalui  laptop  atau computer ,  tanpa
memikirkan  tampilan mobile yang  diakses  melalui handphone .  Menurut user  interface engineering,  Inc .  yang  dikutip  oleh  Abdurrahman  Sidik  [1]  “diketahui  bahwa  60%  waktu terbuang  karena  orang  tidak  dapat  menemukan  informasi  yang  diinginkan  pada  situs website , yang  memengaruhi  penurunan  produktivitas,  meningkatkan  frustrasi  dan  bentuk  kerugian lainnya”. Berdasarkan fakta ini, dapat dikatakan bahwa pengguna biasanya memberikan penilaian yang disesuaikan dengan fakta bahwa website tersebut sulit diakses. Jika ini sering terjadi pada pengguna  atau  pembaca,  dapat  dipastikan website tersebut  telah  berhenti  dikunjungi  oleh pengguna, sehingga tidak mungkin mencapai yang ditetapkan pada website berita itu sendiri. Website merupakan  sekumpulan  halaman-halaman  yang  berisikan  informasi  yang berbentuk digital. Informasi tersebut bisa berupa gambar, animasi, teks, video, dan lain-lain. Pada umumnya website dapat  digunakan  untuk  seluruh  manusia  di  dunia  selagi  masih  terhubung dengan internet [2]. Batamnews ialah situs website berita yang berisi informasi-informasi yang ada di KEPRI bertujuan untuk mengetahui informasi apa yang terbaru di wilayah Kepulauan Riau, tidak  hanya  di  KEPRI,  namun  di  daerah  Sumatra  lainnya  juga  ada  dalam website batamnews. Sudah dilakukan wawancara ( website batamnews) terhadap pengguna yang memiliki rabun dekat (hipermetropia),  sehingga  hasil  yang  didapatkan  pengguna  yang  memiliki  rabun  dekat (hipermetropia) tidak dapat melihat jelas tulisan pada website berita batamnews sehingga berita atau informasi yang akan dibaca tidak bisa didapatkan.
Rabun dekat ( Hipermetropia ) ialah suatu keadaan mata tidak dapat melihat dengan baik objek yang dekat. Rabun dekat biasanya dan kebanyakan dialami oleh orang tua tetapi sebagian kecil  anak-anak  bisa mengalami  rabun  dekat  dari lahir  atau  genetika.  Ditinjau  oleh  dr.  Verury Verona Handayani, secara umum yang menjadi penyebab utama dalam rabun dekat adalah proses penuaan.  Semakin  bertambahnya  usia,  lensa  mata  menjadi  lebih  tebal  dan  kurang  elastis  [3]. Sebuah design  interface pada website berita  yang  baik  ialah  tampilan  yang  sederhana  dan menggunakan tipografi untuk menjelaskan tingkatan dan kejelasan. Pada desain website ada dua sudut  pandang  untuk  menetapkan  baik  atau  buruknya  harus  berfokus  pada  dua  aspek,  yaitu usability dan  estetika. Usability berpusat  pada  keefektifan  penyampaian  informasi,  fungsi  dan efisiensi. Sedangkan estetika berpusat pada nilai seni dan daya tarik visual dari sebuah website termasuk tipografi. Banyak desainer menganggap tipografi tidak mempunyai peran penting dalam mendesain sebuah website antar muka. Tidak hanya membuat sebuah informasi mudah dibaca oleh pengguna, namun tipografi juga membuat teks pada website menjadi jelas. Tipografi tidak hanya sekedar membuat sebuah informasi yang mudah dibaca oleh pengguna, tetapi tipografi juga dapat membuat teks pada website menjadi jelas dan mudah diterima. Tipografi merupakan bagian penting dalam suatu karya seni grafis [4],[5]. Sebagai huruf, tipografi mempunyai peranan sebagai komponen visual yang dapat dilihat dalam bentuk huruf dan komponen verbal yang dapat dibaca [1]. Jenis huruf ( font ) dapat dibagi menjadi dua kategori: serif dan sans-serif . Serif memiliki ciri khas berkaki, seperti Times New Roman , Bodoni , Playfair , dan lain-lain. Serif membuat  setiap huruf unik dan berbeda dengan lainnya sehingga setiap huruf, seperti huruf A dengan angka 4, huruf B dengan angka 3, huruf B dengan angka 8, dan seterusnya mudah dipahami. Salah satu kelebihan  yang  di  miliki  oleh font  Serif yaitu, font ini  mudah  dibaca  oleh  banyak  pengguna. Umumnya font ini  digunakan  pada  karangan  dengan  teks  yang  banyak  di  dalamnya,  seperti, majalah, koran, novel dan lainnya. Sedangkan sans-serif memiliki ciri khas sedikit detail dan tidak berkaki,  seperti Arial , Calibri , Helvetica ,  dan  lain-lain. Sans-serif biasanya  digunakan  untuk tulisan  yang  menggunakan  sedikit  teks  dengan  tujuan  agar  teks  cepat  dibaca,  seperti website berita,  aplikasi-aplikasi  pada  komputer  dan smartphone .  Peneliti  sudah  melakukan  wawancara terhadap 3 orang yang mengalami rabun dekat dengan rentang usia 30-60 tahun dengan jarak 25- 30 cm, dari hasil wawancara menyatakan bahwa orang yang mengalami rabun  dekat kesulitan dalam  membaca  karena font nya,  ukurannya  tidak  sesuai  sehingga  tidak  terbaca  dengan  jelas. Sangat penting adanya tipografi, karena membantu pengguna yang mengalami rabun dekat. Pada rabun  dekat  sebaiknya memilih font yang  tidak  banyak  kerinting-kerintingnya, seperti Roboto , Arial kemudian ukurannya  18, 20, 22, atau 24. Ukuran font yang terlalu kecil bisa berdampak kurang baik untuk mata.
Ada  beberapa  penelitian  sebelumnya  yang  menggunakan  metode  UCD  dengan  judul “Perancangan User  Interface pada  Aplikasi  Konsultasi  dan  Edukasi  HIV/AIDS  bagi  Remaja Penyandang  Tunanetra  dengan  Interaksi  Multimodal  Menggunakan  Metode User  Centered Design ” yang dilakukan Muhammad Reza Rahmawan, Anisa Herdiani, dan Dawam Dwi Jatmiko [6]  menyatakan  bahwa,  permasalahannya  adalah  aplikasi  tentang  edukasi  HIV/AIDS  belum cukup memadai untuk pembelajaran mandiri sehingga remaja penyandang tunanetra tidak dapat menggunakan aplikasi tersebut dengan baik, karena itu di rancanglah user interface sesuai dengan kebutuhan  pengguna  seperti  suara,  sentuhan,  dan  ucapan.  Berdasarkan  hasil  uji  rancangan antarmuka pada aplikasi konsultasi dan edukasi HIV/AIDS, dapat digunakan dengan mudah bagi remaja  penyandang  tunanetra,  artinya  metode user  centered  design berhasil  digunakan. Selanjutnya penelitian oleh Tasya Mina Alifia dan Lutfi Rahmatuti Maghfiroh [7] dengan judul “Perancangan User Interface Website Versi Mobile untuk Lansia Menggunakan Pendekatan User Centered Design ”, menyatakan bahwa ada beberapa faktor Website BPS yang tidak sesuai dengan lansia, seperti ukuran font yang kecil, ukuran simbol yang kecil, susunan fitur Website BPS yang membingungkan, dan masih banyak lagi kekurangan dari website tersebut. Sehingga membuat pengguna  lansia  cenderung  kesulitan  yang  ada  pada website BPS  saat  ini,  maka  diperlukan perbaikan untuk mempermudah pengguna (lansia).

## 2. METODE PENELITIAN
Metode  penelitian  terdiri  dari  tahapan  dalam  merancang  kembali Design  Interface Website Berita Mobile ,  penelitian  ini  menggunakan  UCD  ( Metode  User  Centered  Design) . Berikut langkah-langkah dari UCD ( Metode User Centered Design ) dalam merancang kembali website Berita Mobile pada penelitian ini.

## Gambar 1 Metode UCD
User  Centered  Design (UCD)  ialah  proses design yang  dilakukan  secara  berulang (iterasi), di mana perancang design berfokus pada pengguna dan kebutuhan pengguna pada setiap tahap proses design . Pada metode UCD ini, perancang design terlibat dengan pengguna selama proses design berlangsung melalui berbagai penelitian dan teknik design untuk membuat sebuah design yang berguna dan mudah digunakan bagi pengguna [8],[9],[10],[11].

## 2.1 Analysis
Langkah  pertama  dari  metode  desain  yang  berpusat  pada  pengguna  adalah  analisis. Penting untuk menentukan tujuan suatu website dan siapa audiensi target penulis. Di sini penulis menargetkan khusus yang mengalami rabun dekat dengan rentang usia 30-60 tahun. Dalam tahap analisis, penulis  wawancarai beberapa orang yang mengalami rabun dekat. Berikut pertanyaan dasar dalam wawancara seperti tabel 1.

## Tabel 1 Pertanyaan Pengguna
Narasumber Pertanyaan Zahir, 53 tahun 1. Nama, usia, rabun dekat atau jauh? 2. Apakah pada bacaan Batamnews bisa dibaca? 3. Kemudian home , trending , news ,  bisnis,  tekno, video, bisa dibaca? 4. Tulisan dalam gambar apakah bisa dibaca? 5. Tanggal pada gambar bisa dibaca?
6. Judul pada konten apakah bisa dibaca? 7. Tulisan di bawah gambar apakah bisa dibaca? 8. Tanggal pada konten apakah bisa dibaca? 9. Tulisan pada isi konten apakah bisa dibaca? 10. Pada bagian di bawah isi, apakah bisa dibaca?
11. Apakah tulisan berita terkait bisa dibaca?
12. Tulisan di bawah gambar bisa dibaca? 13. Tulisan terpopuler apakah bisa dibaca? 14. Link tulisan dalam terpopuler bisa dipahami? 15. Pada menu home ada tulisan seleb bisa dibaca? 16. Tulisan pada bawah gambar bisa dibaca? 17. Tanggal bisa dibaca? 18. Tulisan gallery foto bisa dibaca? 19. Link tulisan pada tulisan ini bisa dipahami? 20. Tulisan pada humburger pada bar bisa dibaca?
Samsuardi, 56 tahun Ermaini, 58 tahun
Dari hasil wawancara dengan pertanyaan seperti tabel 1, penulis mendapatkan informasi bahwa tulisan dalam ukuran kecil tidak  dapat terlihat dengan jelas. Contohnya seperti tanggal, tulisan pada menu humbergur di bagian bar , dan tulisan di bawah judul berita. Design typography yang menarik bertujuan untuk memberikan pengalaman yang tidak biasa kepada pembaca ketika menggunakan website berita mobile batamnews  dan  menciptakan  nilai  tambah  yang membedakannya  dengan  website  berita mobile lainnya,  serta  kenyamanan  saat  membaca  isi konten berita di dalamnya.

## 2.2 Design
Pada  tahap design ini,  tujuannya  adalah  membuat design dengan high  fidelity .  Proses design akan  dibuat  sebaik  mungkin  berdasarkan  analisis  wawancara  terhadap  pengguna  yang mengalami rabun dekat. Kemudian setelah di design , akan di uji coba langsung kepada pengguna secara  berulang,  karena  proses design pada  tahap  ini  bersifat  berulang. Design pertama  akan dijadikan  bahan  evaluasi  sebagai  acuan  implementasi  selanjutnya,  hasil  implementasi design ulang akan dievaluasi kembali jika perlu, ulangi prosesnya sampai mendapatkan design terbaik sesuai keinginan pengguna.

## 2.3 Evaluation
Tahap yang harus dilakukan setelah menyelesaikan design adalah tahap evaluation atau evaluasi. Pada tahap ini dilakukan evaluasi pada design high fidelity tersebut, tujuan dari tahap evaluasi yang dilakukan secara berulang adalah untuk mendapatkan sasaran secara terus menerus terhadap design yang telah diciptakan sebelumnya. Siklus ini dilakukan secara berulang hingga diperoleh design typography yang paling sesuai dengan harapan pengguna.
Teknik yang digunakan dalam proses evaluasi ialah usability testing , dengan perhitungan statistik dasar [12]:
𝑥̅ = ∑ 𝑥 𝑛 ( 1 )
𝑥̅ = jumlah skor rata-rata
∑ 𝑥 = jumlah skor pernyataan
𝑛 = jumlah pernyataan
Adapun pernyataan seperti tabel 2 sebagai berikut:
Tabel 2 Pernyataan Usability No Pernyataan 1 Saya menilai website berita mobile ini mudah digunakan 2 Saya menilai website berita mobile ini sulit digunakan 3 Saya menilai website berita mobile ini mudah dipahami 4 Saya menilai website berita mobile ini membingungkan 5 Saya menilai tulisan yang digunakan mudah dan jelas dibaca
6 Saya menilai ada tulisan yang tidak bisa dibaca dengan jelas
7 Saya menilai fitur-fitur website berita mobile ini berjalan dengan
baik
8 Sepertinya saya harus belajar banyak untuk dapat menggunakan
website berita mobile ini
9 Saya  menilai  tidak  ada  hambatan  dalam  menggunakan website
berita mobile ini 10 Saya sangat yakin dapat menggunakan website berita ini
11 Saya  menilai  orang  lain  akan  memahami  cara  menggunakan
website berita mobile ini dengan cepat
Pada 11 pernyataan di atas, menggunakan skala likert dengan nilai pernyataan positif 5 sampai  1  dan  untuk  pernyataan  negatif 1  sampai  5 [13], [14].  Berikut  skor  jawaban  kuesioner usability :
Tabel 3 Skor Jawaban Kuesioner Keterangan Skor Pernyataan Positif Skor Pernyataan Negatif SS ( Sangat Setuju) 5 1 S (Setuju) 4 2 N (Netral) 3 3 TS (Tidak Setuju) 2 4 STS (Sangat Tidak Setuju) 1 5
Dari hasil pengolahan data kuesioner, di dapatkan nilai rata-rata keseluruhan penilaian responden.  Adapun  hasil  penilaian  berdasarkan  skor  ideal  dari  hasil  perhitungan  penilaian pengguna. Berikut skor ideal:
Tabel 4 Skor Ideal Jumlah Skor Kriteria 84,00 – 100 (SB) Sangat Baik 68,00 – 83, 00 (B) Baik 52,00 – 67,00 (CB) Cukup Baik 36,00 – 51,00 (KB) Kurang Baik 20, 00 – 35,00 (TB) Tidak Baik
Dengan  memperlihatkan  hasil  tahap design di  depan  pengguna  melalui google  form ,
semua tanggapan menjadi umpan  balik  atau  sasaran untuk  perbaikan  pada tahap  implementasi selanjutnya, hingga akhirnya diperoleh hasil design typography yang terbaik.

## 2.4 Implementation
Berdasarkan  evaluasi,  langkah  terakhir  dalam  proses user  centered  design adalah implementasi.  Setelah  evaluasi  selesai,  saatnya  untuk  mengimplementasikan  langkah  terakhir dalam  desain  yang  berpusat  pada  pengguna,  yakni  menulis syntax desain  yang  dibuat menggunakan HTML dan CSS. Proses ini bisa dibantu dengan framework atau kerangka UI untuk memudahkan  dalam  penulisan syntax seperti sematic , bootstrap ,  dan  lain  sebagainya.  Setelah implementasi selesai, dilakukan uji coba kembali kepada user terhadap prototype yang telah di evaluasi.
3. HASIL DAN PEMBAHASAN

## A. Rekomendasi Design
Sebelum dilakukan design , penulis ingin mengetahui terlebih dahulu font apa yang bisa terlihat  dengan  jelas  terhadap  yang  mengalami  rabun  dekat.  Penulis  melakukan  penelitian terhadap 13 orang responden yang mengalami rabun dekat, dengan memberikan kuesioner dalam bentuk google form , yang mana di dalamnya ada 5 font , berikut pertanyaannya:
Tabel 5 Pertanyaan Font No Pertanyaan 1 Apakah design 1 bisa dibaca dengan jelas? 2 Apakah design 2 bisa dibaca dengan jelas?
3 Apakah design 3 bisa dibaca dengan jelas? 4 Apakah design 4 bisa dibaca dengan jelas? 5 Apakah design 5 bisa dibaca dengan jelas? 6 Dari  kelima design manakah  yang  paling  jelas tulisannya?
Dari  hasil  yang  di  dapat,  orang  yang  mengalami  rabun  dekat  lebih  mudah  atau  jelas dengan font roboto , berikut hasilnya:
Gambar 2 Tanggapan Responden

## Gambar 3 Tanggapan Responden
Kemudian pada tahapan rekomendasi design website berita mobile , setelah design selesai, dilakukan kembali pengujian, dengan menyebarkan kuesioner dalam bentuk google form . Pada tahap ini dilakukan perancangan design interface menggunakan figma , dan pada tahap ini penulis menentukan  tidak  menjelaskan  keseluruhan design  high  fidelity  prototype melainkan  hanya menjelaskan  ukuran  huruf  dan font huruf  yang  berhubungan  dengan  pengguna.  Berikut high fidelity prototype rekomendasi design website berita mobile :
a. Halaman Home

## Gambar 4 Halaman Home
Pada  gambar  4  halaman home ,  setiap  judul  berita  berukuran  18  kemudian  tulisan batamnews menggunakan ukuran 20, tulisan trending menggunakan size 16, sedangkan tulisan breaking news menggunakan size 18.
b. Halaman Humburger
Gambar 5 halaman Humburger
Pada gambar 5 dibuat design tidak jauh beda dengan design website sebelumnya, yang membedakan hanya ukuran pada tulisannya.
c. Halaman Trending
Gambar 6 Halaman Trending
Pada  gambar  6  yang  membedakannya  hanya  ukuran,  karena  tulisan  sebelumnya  lebih kecil dari tulisan yang sesudah.
d. Halaman Isi Konten
Pada  gambar  7  ukuran  judul  lebih besar  dibanding ukuran isi,  kemudian judul  juga  di bold kan agar bisa membedakan antara judul dan isi.

## B. Hasil Pengujian Usability Testing Tahap 1
Kuesioner pengujian usability testing yang telah diisi oleh 20 orang responden kemudian dilakukan perhitungan, berikut hasil pengujian design tahap 1:
Tabel 6 Hasil Pengujian Usability Responden Pernyataan Jumlah P1  P2  P3  P4  P5  P6  P7  P8  P9  P10  P11 Responden1 5 4 3 5 5 5 4 4 4 4 4 47 Responden2 5 4 5 4 4 3 4 4 4 4 4 45 Responden3 5 4 4 5 4 3 4 5 4 4 5 47 Responden4 4 4 4 4 4 2 3 4 4 4 4 41 Responden5 4 4 4 4 4 4 2 4 4 4 4 42 Responden6 4 2 4 4 4 4 3 4 4 4 4 41 Responden7 4 4 5 4 5 5 4 2 3 3 5 44 Responden8 3 4 4 3 4 3 4 4 3 5 5 42 Responden9 4 4 5 3 4 3 4 2 4 3 3 39 Responden10 5 4 5 5 4 5 5 4 4 4 5 50 Responden11 3 5 5 3 3 4 4 5 5 5 5 47 Responden12 4 3 3 4 4 3 5 5 3 5 4 43 Responden13 4 4 4 4 4 4 4 4 3 4 4 43 Responden14 4 4 4 4 4 4 4 4 3 4 4 43 Responden15 4 4 4 4 4 4 3 4 4 4 4 43 Responden16 4 4 4 4 4 4 4 4 4 4 4 44 Responden17 4 4 4 4 4 4 3 4 4 4 4 43 Responden18 4 4 4 4 4 4 4 5 4 4 4 45 Responden19 4 4 4 5 4 4 4 4 4 4 4 45 Responden20 4 5 4 5 4 4 4 3 4 3 4 44 Total 878 Jumlah Skor Rata-rata 79,81 Berdasarkan  pengujian usability pada design website berita mobile memberikan  hasil dengan nilai sebesar 79,81 dan termasuk kriteria (B) Baik.

## C. Hasil Design yang sudah di Implementasi ke dalam HTML
Design yang telah dibuat menggunakan figma , kemudian di implementasikan ke dalam HTML ( https://demo-windy.capai.my.id/ ). Dalam tahap ini dilakukan uji coba kembali kepada user terhadap prototype yang telah di evaluasi, berikut hasil design yang telah di implementasi:
Gambar 8 Halaman Home
Gambar 9 Halaman Humburger
Gambar 10 Halaman Trending

## Gambar 11 Halaman Isi Konten

## D. Hasil Pengujian Usability Testing Tahap 2
Kuesioner pengujian usability testing yang telah diisi oleh 20 orang responden kemudian
dilakukan perhitungan, berikut hasil pengujian design tahap 2:
Tabel 7 Hasil Pengujian Usability Responden Pernyataan Jumlah P1  P2  P3  P4  P5  P6  P7  P8  P9  P10  P11 Responden1 5 5 5 5 4 5 2 3 3 4 5 46 Responden2 4 5 4 4 4 2 4 2 4 4 4 41 Responden3 5 5 5 5 5 5 5 4 5 5 5 54 Responden4 5 4 4 4 4 4 4 4 4 4 4 45 Responden5 5 5 5 5 5 5 5 5 5 5 5 55 Responden6 4 4 4 5 4 4 5 5 5 4 4 48 Responden7 5 5 5 4 5 4 4 5 4 4 4 49 Responden8 5 4 4 3 4 4 5 5 5 4 5 48 Responden9 4 4 4 4 4 5 5 4 4 5 4 47 Responden10 5 5 5 5 4 4 5 5 5 5 5 53 Responden11 3 3 4 4 3 3 5 3 3 3 4 38 Responden12 5 3 3 3 4 3 4 3 2 3 3 36 Responden13 5 5 5 5 5 4 5 5 5 5 5 54 Responden14 4 4 3 3 4 3 3 4 4 4 4 40 Responden15 4 4 5 5 4 4 5 4 4 4 4 47 Responden16 5 4 5 5 4 4 5 5 5 5 5 52 Responden17 4 4 4 5 3 3 5 5 4 5 5 47 Responden18 4 4 4 4 4 3 4 4 4 4 3 42 Responden19 5 5 4 4 4 4 5 4 4 4 4 47 Responden20 5 5 5 4 5 4 5 4 4 4 4 49 Total 938 Jumlah Skor Rata-rata 85,27 Berdasarkan pengujian usability pada tahap 2 design website berita mobile memberikan hasil dengan nilai sebesar 85,27 dan termasuk kriteria (SB) Sangat Baik.

## 4. KESIMPULAN DAN SARAN
Berdasarkan hasil dan pembahasan penelitian yang telah dijelaskan, maka didapatkan kesimpulan sebagai berikut:
1. Hasil  pengujian  yang  pertama  mendapatkan  jumlah  skor  rata-rata  79,81  dengan kriteria (B) Baik.
2. Pengujian  pada  tahap  2  memberikan  hasil  dengan  nilai  85,27  dengan  iterasi  yang dilakukan sebanyak dua kali dan termasuk dalam kriteria (SB) Sangat Baik dan dapat diterima oleh pengguna.
Adapun saran yang dapat di pertimbangkan dalam penelitian ini untuk penelitian selanjutnya yaitu diharapkan dapat mengembangkan pembangunan berita dalam bentuk aplikasi mobile terhadap rabun dekat ( hipermetropia ).

## DAFTAR PUSTAKA
[1] S.  Abdurrahman, Teori,  Strategi,  dan  Evaluasi  Merancang  Website  dalam  Perspektif Desain . 2019.
[2] . N., A. Ibrahim, and A. Ambarita, “Sistem Informasi Pengaduan Pelanggan Air Berbasis Website Pada Pdam Kota Ternate,” IJIS - Indones. J. Inf. Syst. , vol. 3, no. 1, 2018, doi: 10.36549/ijis.v3i1.37.
[3] V.  V.  Handayani,  “Usia  Pengaruhi  Rabun  Dekat,”  Oct.  14,  2020. https://www.halodoc.com/artikel/usia-pengaruhi-rabun-dekat-ini-alasannya (accessed Dec. 10, 2022). [4] S. Rustan, “Font And Tipografi ,” 2011. https://books.google.co.id/books?hl=id&lr=&id=d5NnDwAAQBAJ&oi=fnd&pg=PP1& dq=font+untuk+tulisan+berita&ots=mxOdqXJQRt&sig=jlKmpwnkG5092w_NxDCuPk 2xi08&redir_esc=y#v=onepage&q&f=false (accessed Dec. 10, 2022).
[5] L. Graham, Basics of design : layout and typography for beginners . 2005.
[6] M. R. Rahmawan, H. Anisa, and ..., “Perancangan User Interface Pada Aplikasi Konsultasi Dan Edukasi Hiv/aids Bagi Remaja Penyandang Tunanetra Dengan Interaksi Multimodal Menggunakan  …,” eProceedings  … ,  vol.  7,  no.  3,  pp.  9903–9914,  2020,  [Online]. Available:https://openlibrarypublications.telkomuniversity.ac.id/index.php/engineering/a rticle/download/14215/13953
[7] T. M. Alifia and L. R. Maghfiroh, “Perancangan User interface Website BPS Versi Mobile untuk Lansia Menggunakan Pendekatan User Centered Design,” pp. 621–632.
[8] T. K. Ahsyar, A. Jakawendra, and S. Syaifullah, “Analisa Usability Website Berita Online Menggunakan Metode User Centered Design,” J. Ilm. Rekayasa dan Manaj. Sist. Inf. , vol.
6, no. 2, pp. 165–172, 2020, [Online]. Available: http://ejournal.uin- suska.ac.id/index.php/RMSI/article/view/9822
[9] M. S. Al Farasi, “Desain  Berpusat  Pengguna  ,”  Mar.  23,  2021. https://salmanfarisi0512.medium.com/user-centered-design-pengguna-adalah-raja- edaf56bddc19 (accessed Dec. 09, 2022).
[10] E.  R.  Subhiyakto,  Y.  P.  Astuti,  and  L.  Umaroh,  “Perancangan  User  Interface  Aplikasi Pemodelan  Perangkat  Lunak  Menggunakan  Metode  User  Centered  Design,” KONSTELASI Konvergensi Teknol. dan Sist. Inf. , vol. 1, no. 1, pp. 145–154, Apr. 2021, doi: 10.24002/KONSTELASI.V1I1.4266.
[11] Ulty, “Metode User Centered Design” Mar. 10, 2021. https://lancangkuning.com/post/32274/metode-user-centered-design.html  (accessed  Dec. 10, 2022). [12] T.  Winarsunu,  “STATISTIK  Dalam  Penelitian  Psikologi  dan  Pendidikan  -  Tulus Winarsunu - Google Buku,” UMM Press , 2017.
https://books.google.co.id/books?hl=id&lr=&id=lggHEAAAQBAJ&oi=fnd&pg=PA1& dq=rumus+perhitungan+statistik+dasar&ots=I0fqEOR7hE&sig=k63iFsEPaAbt7CTu67k o0kVPV5s&redir_esc=y#v=onepage&q=rumus  perhitungan  statistik  dasar&f=false (accessed Dec. 09, 2022).
[13] Kurniullah et al. , “Metode Peneletian Sosial,” p. 180, 2021.
[14] Editorial, “Pengertian Skala Likert dan Contoh Cara Hitung Kuesionernya - diedit.com,” Apr. 12, 2022. https://www.diedit.com/skala-likert/ (accessed Dec. 09, 2022).