Menulis pada Komponen UI (Aplikasi Lion Parcel)
User interface keberadaannya begitu penting karena bisa menaikkan traffic baik pada website atau aplikasi. Namun, penyajian informasi harus diperhatikan agar sesuai dan dapat memenuhi standar. Untuk itu Anda perlu mempelajari cara menulis pada komponen User Interface terlebih dulu sebelum mulai mengaplikasikannya.
Keunikan, keindahan dan ketepatan dalam menulis pada komponen User Interface perlu diperhatikan dengan baik. Jika Anda sampai salah dalam menuliskan pada komponennya, maka bisa menimbulkan error, ketidaksesuaian dengan ilustrasi gambarnya, warna dan font, sehingga merusak tampilan menjadi tidak menarik lagi.
Nah, sebelum masuk k e bagian Case Study cara menulis pada komponen User Interface Lion Parcel, alangkah baiknya kita ketahui dulu user interface, manfaat dan user interface component? Yuk simak ulasannya di bawah ini!
Apa Itu User Interface? 🧐
User Interface (UI) adalah titik interaksi antara pengguna dan perangkat atau produk digital. Sehubungan dengan situs web dan aplikasi, desain UI mempertimbangkan tampilan, nuansa, dan interaktivitas dari produk.
Tujuan dari desain UI adalah untuk memandu pengguna secara visual melalui antarmuka produk. Ini semua untuk menciptakan hal-hal yang intuitif yaitu sebuah pengalaman yang tidak mengharuskan pengguna untuk berpikir terlalu banyak.
Selain Anda harus tahu tentang User Interface, Anda juga wajib mempelajari tentang user interface component. Apa sih user interface component itu? simak terus artikel ini sampai selesai ya.
Apa Sih Manfaat Mengoptimalkan User Interface dan Jenis-Jenis Komponennya? 🤔
Cara penulisan pada komponen User Interface yang sudah sesuai dengan standar akan berpengaruh pada UI aplikasi maupun website. Di bawah ini manfaat yang bisa Anda rasakan jika mengoptimalkan UI pada produk atau platform:
- Interaksi antara user atau pengguna dengan produk akan menjadi lebih mudah. Cara mengoptimalkannya bisa dengan mengatur desain, penulisan, tombol, gambar, dan tata letak lebih menarik dan baik.
- Mampu meningkatkan kekuatan branding produk atau jasa yang Anda tawarkan. UI yang interaktif dan memiliki identitas yang jelas akan membantu pengguna untuk mengenal produk Anda lebih mudah, nyaman dan menyenangkan.
User Interface Component adalah bagian yang digunakan untuk membangun aplikasi atau situs web. Anda bisa menambahkan interaktivitas ke antarmuka pengguna, menyediakan titik sentuh bagi pengguna sebagai upaya menavigasikan langkah dan tujuan Anda.
Komponen UI untuk penulis UX terdiri dari : Modal (Pop-up), Ticker, Tooltip, Toaster, Button (CTA), Bottom sheet, Dropdown, Loader, Input field, Tab, Selection control, Empty states, Onboarding screen
Jika Anda sudah tahu tentang user interface beserta komponennya, sekarang masuk ke pembahasan inti ya, yaitu tentang standar cara penulisan pada komponen user interface di aplikasi Lion Parcel.
Ini Loh Standar Menulis Pada Komponen User Interface di Aplikasi Lion Parcel 😉
Penulisan komponen UI mengatur salinan yang ada pada setiap komponen agar terlihat konsisten dan jelas. Tujuannya agar user atau pengguna dapat menikmati dengan baik apa yang sudah disajikan. Berikut yang kami rumuskan untuk standar penulisan pada UI Komponen di aplikasi Lion Parcel yakni:
1. Aturan Penulisan Pada Komponen Button
2. Aturan Saat Input Field/Form Pada Komponen UI
3. Aturan Penulisan Pada Komponen Empty State
4. Aturan Penulisan Pada Pop-up/Dialog/Modal
5. Aturan Dan Cara Penulisan Pada Komponen Succes Message
6. Aturan Dan Cara Penulisan Pada Komponen Success Message Snackbar
7. Aturan Dan Cara Penulisan Pada Komponen Error Message Snackbar
8. Aturan Dan Cara Penulisan Pada Komponen Error Message Pop Up
9. Aturan Dan Cara Penulisan Pada Komponen Onboarding Screen/ WT
10. Aturan Dan Cara Penulisan Pada Komponen Loading State/Progress Bar
11. Aturan Dan Cara Penulisan Pada Komponen Alert
12. Aturan Dan Cara Penulisan Pada Tooltip
13. Aturan Dan Cara Penulisan Pada Snackbar & Toast
Nah, mudah sekali bukan cara menulis pada komponen User Interface ini? Pastikan dalam menulis semua komponen, Anda membuat sendiri aturan atau mematuhi aturan yang sudah distandarkan. Kini, tampilan aplikasi dan website Anda bisa lebih keren, bagus dan menarik serta nyaman untuk pengunjung atau user.
Referensi 🤫
Kinneret Yifrah. 2017. Microcopy: The Complete Guide
Design Language System Lion Parcel : https://lionparcel.design/526c4a85f/p/416bab-writing-style--voice-and-tone/b/046f87
Voice and Tone & Writing Style Lion Parcel : https://docs.google.com/presentation/d/1uLNqaGBGGdCLUJZxm8vR2lvdypN0kK13dw4K8k3bHPc/edit#slide=id.ge77448c8df_0_21
What is User Interface Design? : https://www.interaction-design.org/literature/topics/ui-design
What Is a User Interface? (Definition, Types and Examples) : https://www.indeed.com/career-advice/career-development/user-interface
