PERANCANGAN DESAIN UI (USER INTERFACE) LANDING PAGE MATASEHATKU DENGAN METODE DESIGN THINKING

Abstract

Excessive use of gadgets has led to a significant increase in cases of asthenopia and visual impairment. Lack of awareness and access to preventive care methods means eye health problems are increasingly growing in society. Therefore, a MataSehatKu landing page was developed which can help users get to know and download the MataSehatKu application. The MataSehatKU landing page displays an explanation and mockup of the MataSehatKU mobile-based application which provides features such as eye exercises, independent eye examinations for initial screening, graphs of refractive errors over time, and education about healthy lifestyles for the eyes, which are designed to reduce risk. visual impairment. The design of the MataSehatKU landing page was carried out using the design think method which consists of the stages empathize, define, ideate, prototype and test. The initial stage is to collect primary and secondary data through observation, questionnaires, competitor analysis, and literature studies for analysis. Data related to problems faced by users is used as a basis for forming feature design solutions and prototypes. The prototype is then tested on users to evaluate the obstacles and problems faced, so that improvements can be made. This development resulted in a UI design for the MataSehatKU landing page which provides optimal experience and convenience for users in achieving their goals with a SUS value of 84.6 and UEQ obtained on an attractiveness scale of 1.51 is at an above average level, a clarity scale of 1.69 is at an above average level, an efficiency scale of 1.74 is at a good level, an accuracy scale of 1.81 is at an excellent level, a stimulation scale of 1.03 is at an above average level, a novelty scale of 0.78 is at an above average level. 

ABSTRAK
Penggunaan gadget yang berlebihan telah menyebabkan peningkatan signifikan pada kasus astenopia dan gangguan penglihatan. Kurangnya kesadaran dan akses terhadap metode perawatan preventif membuat masalah kesehatan mata semakin berkembang di masyarakat. Oleh karena itu, dikembangkan landing page MataSehatKu yang dapat membantu pengguna untuk mengenal dan mengunduh aplikasi MataSehatKu. Landing page MataSehatKu menampilkan penjelasan dan mockup aplikasi berbasis mobile MataSehatKU yang menyediakan fitur-fitur seperti latihan mata, pemeriksaan mata mandiri untuk screening awal, grafik kelainan refraksi dari waktu ke waktu, dan edukasi tentang pola hidup sehat untuk mata, yang dirancang untuk mengurangi risiko gangguan penglihatan. Perancangan landing page MataSehatKu dilakukan dengan metode design thinking yang terdiri dari tahapan emphatize, define, ideate, prototype, dan test. Tahap awal adalah mengumpulkan data primer dan sekunder melalui observasi, kuesioner, analisa kompetitor, dan studi literatur untuk kemudian dianalisis. Data terkait masalah yang dihadapi pengguna digunakan sebagai dasar dalam pembentukan solusi perancangan fitur dan prototype. Prototype kemudian diujicobakan kepada pengguna untuk mengevaluasi hambatan dan masalah yang dihadapi, sehingga dilakukan perbaikan. Pengembagan ini menghasilkan desain UI landing page MataSehatKu yang memberikan pengalaman dan kemudahan optimal bagi pengguna dalam mencapai tujuannya dengan nilai SUS 84,6 dan UEQ diperoleh skala daya tarik sebesar 1,51 berada pada tingkatan di atas rata-rata, skala kejelasan sebesar 1,69 berada pada tingkatan di atas rata-rata, skala efisiensi sebesar 1,74 berada pada tingkatan baik, skala ketepatan sebesar 1,81 berada pada tingkatan luar biasa, skala stimulasi sebesar 1,03 berada pada tingkatan di atas rata-rata, skala kebaruan sebesar 0,78 berada pada tingkatan di atas rata-rata.