RPL - 10 Perancangan Antarmuka Pengguna
Summary
TLDRThis video provides an introduction to user interface (UI) design as part of software engineering. It covers three key topics: defining user interfaces and the concept of usability, principles of UI design, and the process of UI development. The video emphasizes the importance of creating easy-to-use, aesthetically pleasing, and consistent interfaces, using real-world examples like websites and applications. Key principles discussed include layout, content awareness, aesthetics, ease of use, consistency, and minimizing user effort. The video concludes with a discussion on user-centered design and iterative evaluation in UI development.
Takeaways
- π‘ User interface (UI) refers to the part of a system where users interact with it, including screens, navigation systems, and reports.
- π₯οΈ UI can take various forms like graphical user interfaces (GUI), command-line interfaces, or voice interfaces, such as the example of Jarvis in Iron Man.
- βοΈ Usability is crucial in UI design, consisting of two key concepts: ease of use and ease of learning.
- π Usability can be measured using metrics like the System Usability Scale (SUS), and a system with high usability has a better chance of being used continuously by users.
- 𧩠There are six main principles of UI design: layout, content awareness, aesthetics, usability, consistency, and minimizing user effort.
- π A well-organized layout is essential for clear presentation of information, helping users easily navigate and interact with the system.
- π Content awareness ensures that users always know where they are in the system and what information is being presented.
- π¨ Aesthetics involves balancing functionality and visual appeal, enhancing user experience through clear and attractive design.
- β»οΈ Consistency in UI helps users predict system behavior, particularly with elements like buttons and color schemes across different parts of the system.
- π The principle of minimizing effort means reducing the number of actions needed to perform tasks, improving the overall user experience.
Q & A
What is a user interface (UI) according to the video?
-A user interface (UI) is the part of a system where users interact with it. It includes screen displays, system navigation, forms for collecting data, and reports generated by the system. The UI can be graphical (GUI), command-line-based, or even voice-based.
What is usability, and why is it important in UI design?
-Usability refers to how easy software is to use and learn. It's critical in UI design because software with high usability offers a better user experience, leading to sustained use. Poor usability can result in users abandoning the software, regardless of its functionality.
What are the six key principles of UI design mentioned in the video?
-The six key principles are layout, content awareness, aesthetics, ease of use (learnability), consistency, and minimizing user effort. These principles guide the design process to create user-friendly interfaces.
Can you give an example of how layout is applied in a web-based application?
-In a web-based application, layout is applied by dividing the interface into distinct areas like a header, sidebar, and footer. For example, in a news content application, the title is placed in the header, navigation below the header, and the main content occupies the left side with ads on the right.
How does Tokopedia apply the principle of content awareness in its UI?
-Tokopedia applies content awareness by organizing its categories in a logical manner. Main categories are on the left, and subcategories appear when the mouse hovers over a main category, making it easy for users to navigate and find products.
What is meant by the principle of 'ease of use' or 'learnability' in UI design?
-The principle of 'ease of use' or 'learnability' refers to ensuring that a UI is simple and intuitive, making it easy for new users to learn and navigate without confusion. Complex or cluttered UIs can hinder usability and learning.
Why is consistency important in UI design?
-Consistency ensures that similar actions or elements behave predictably across the system. This helps users quickly understand how to interact with the UI, reducing the learning curve and enhancing usability.
What does the principle of minimizing user effort involve?
-Minimizing user effort means simplifying tasks to reduce the number of steps required to perform an action. For instance, in the Speedtest application, users only need to click one button to start a test, avoiding unnecessary configurations.
What is the process of user-centered design (UCD) in UI development?
-User-centered design (UCD) is an approach where the needs and behaviors of users are considered at every stage of the design process. It starts with understanding the users, structuring the interface, setting design standards, prototyping, and iterating based on testing and evaluation.
What are the common methods used for UI evaluation mentioned in the video?
-The video mentions four common methods: heuristic evaluation, interactive evaluation, walkthrough evaluation, and formal usability testing. These methods help ensure that the UI meets the usability standards and user needs.
Outlines
π± Introduction to User Interface Design
This paragraph introduces the video on software engineering, focusing on user interface design. It outlines three main topics: the definition of user interface (UI), the principles for designing UI, and the design process itself. The video starts with the question, 'What is UI?' and explains how UI allows users to interact with systems, including forms, screens, and reports. It emphasizes that UIs can take various forms, not just graphical, and highlights the concept of usability, which involves software being easy to use and learn. The paragraph concludes by stressing that poor usability can lead to software failure, even if it functions correctly.
π₯οΈ The Importance of Layout in UI Design
This section focuses on the principle of layout in user interface design, which involves dividing the interface into consistent, functional areas. It explains that proper layout organization improves user experience by keeping content well-structured. A web-based content application example is given, highlighting how different sections like headers, navigation, and content are organized to avoid confusion. Poor layout can lead to a cluttered interface, making it harder for users to navigate the application.
π Content Awareness and Aesthetic Design
Here, the content addresses the principles of content awareness and aesthetics in UI design. It explains how users should easily find the information they need without getting lost. The example of Tokopedia is used to show how categorization and submenus help organize a large number of products. Aesthetic principles are also covered, emphasizing clean, readable designs that balance functionality with visual appeal. Contrast, spacing, and alignment are highlighted as key aesthetic factors.
π Ease of Use and Consistency
This paragraph discusses two critical principles of UI design: ease of use (Yes Level) and consistency. It illustrates how overly complex interfaces, such as a bulk file renaming application, can be daunting for users. The importance of making software both easy to use and learn is stressed. Consistency in UI is also covered, particularly in terms of design patterns like color usage for buttons, such as red for 'delete,' which helps users predict system behavior.
π±οΈ Minimize User Effort
This section focuses on the principle of minimizing effort for users. It explains that common tasks should require as few steps as possible, citing the Speedtest app as an example, where a single click starts the internet speed test. The paragraph contrasts this with overly complicated designs that force users to go through unnecessary steps, which can detract from the user experience.
π οΈ The Process of User Interface Design
This paragraph introduces the user-centered design process for creating UIs. It outlines key steps such as understanding user needs, creating an interface structure, setting standards, and prototyping. The design process is iterative, with regular testing and evaluation to ensure the UI meets user requirements. The approach centers around making sure that every step aligns with user expectations and software needs.
π₯ Understanding the User
This section emphasizes the importance of understanding user characteristics and behaviors to create a successful UI. It introduces different types of users, from occasional users to premium subscribers, and discusses how each group interacts differently with software. By prioritizing user needs and preferences, designers can create more targeted and effective interfaces.
π Structuring the User Interface
The focus here is on creating a structure for the user interface, such as a site map for web applications. This provides a clear overview of the interface's organization and functionality, helping to visualize how menus and features are laid out. The paragraph underscores the importance of having a well-organized structure to ensure users can easily navigate the application.
π Setting Standards for UI Design
This paragraph discusses the role of standards in UI design, which can be self-imposed or based on best practices. Examples include icon placement, image size, and font minimums. These standards help ensure consistency and quality across the application, making the interface more predictable and easier for users to interact with.
π§ Prototyping the Interface
This section explains the role of prototyping in UI design. Prototypes, which can range from low-fidelity wireframes to high-fidelity models, help visualize the final interface. High-fidelity prototypes are closer to the final design but take longer to create. Prototyping ensures that the design meets functional and usability requirements before full development.
π Testing and Evaluation
The final paragraph covers testing and evaluation methods in UI design. These processes measure how well the interface meets user needs and whether improvements are needed. Four common methods are outlined: heuristic evaluation, interactive evaluation, walkthroughs, and formal usability testing. Each method helps identify issues and refine the UI to enhance user experience.
Mindmap
Keywords
π‘User Interface (UI)
π‘Usability
π‘Layout
π‘Content Awareness
π‘Aesthetic
π‘Consistency
π‘Minimize Effort
π‘User-Centered Design
π‘Prototype
π‘Heuristic Evaluation
Highlights
Introduction to the topic of User Interface (UI) design, covering key areas: the concept of UI, principles of UI design, and the process of UI design.
Definition of User Interface: a point where users interact with a system, including screens, navigation menus, forms, and reports.
Usability concept tied to UI: software should be easy to use and learn, with usability measured by the System Usability Score (SUS).
Importance of usability: high usability increases the likelihood of continued use, while poor usability results in a failed system, even if it's functional.
The six key principles of UI design: layout, content awareness, aesthetics, usability, consistency, and minimizing user effort.
Principle of layout: the UI must be divided into consistent areas, such as headers, sidebars, and footers, for better organization.
Principle of content awareness: users should always know where they are and what information is displayed, preventing disorientation.
Principle of aesthetics: balance between functionality and visual appeal in presenting information.
Principle of ease of use: the interface must be easy to use and learn, especially for new users.
Principle of consistency: applying the same design standards across the system, like using red for a delete button across all pages.
Principle of minimizing effort: frequent functions should require minimal steps, such as one-click processes for common tasks.
Example of a well-organized layout: a news content website with clear divisions between navigation, main content, and ads.
Process of UI design: a user-centered approach that starts with understanding the user, creating a structure, setting standards, and building prototypes.
Importance of understanding the user: identifying the behaviors and needs of different user groups is crucial for prioritizing features.
UI evaluation techniques: heuristic evaluation, interactive evaluation, walkthroughs, and formal usability testing ensure the interface meets user needs.
Transcripts
Hai selamat datang di video materi untuk
mata kuliah rekayasa perangkat lunak
dalam kesempatan kali ini yang menjadi
pembahasan materi kita adalah tentang
perancangan antarmuka pengguna atau user
interface design selamat menyimak
ada tiga topik pembahasan di dalam video
materi ini pertama adalah tentang apa
itu antarmuka dan juga konsep usability
yang selalu melekat di dalamnya lalu
topik yang kedua adalah prinsip-prinsip
yang dapat kita ikuti pada proses
perancangan antarmuka dan topik terakhir
atau yang ke tiga adalah proses yang ada
di dalam perancangan antarmuka Mari kita
bahas satu persatu
kita awali pembahasan topik yang pertama
dengan sebuah pertanyaan apa itu
sebetulnya user interface atau antarmuka
pengguna ini Swag some dan road dalam
buku mereka menuliskan bahwa user
interface adalah bagian di dalam sistem
4 dimana pengguna dapat berinteraksi
dengan sistem tersebut menurut mereka
user interface ini mencakup tampilan
layar yang dan navigasi sistem
formulir-formulir yang biasa digunakan
untuk mengumpulkan data dan juga laporan
yang dibuat oleh sistem kita dapat
Sederhanakan definisi tersebut menjadi
user interface adalah tempat atau itik
pengguna berinteraksi dengan sistem
misalnya halaman website yang berisi
menu navigasi voice command layar ATM
dan lain sebagainya glue kita pahami
bahwa interface ini tidak selamanya
berbentuk grafik atau GUI antarmuka bisa
juga berbentuk command-line interface
ataupun suara jika anda pernah menonton
film Iron Man Jarvis dalam film tersebut
juga merupakan contoh user interface
dalam hal ini berbentuk Netral langit
voice user interface sang tokoh utama
yaitu Tony Stark berinteraksi dengan
kostum Iron Man ya melalui Jarvis
ada sebuah konsep yang tidak bisa lepas
dari rancangan antarmuka yaitu konsep
usability user interface akan sangat
berkaitan erat dengan you chability
ini memiliki dua konsep utama pertama
perangkat lunak yang mudah untuk
digunakan dan yang kedua perangkat lunak
yang mudah untuk dipelajari
usability suatu sistem atau software
dapat diukur misalnya dengan sistem
usability skill atau USB semakin tinggi
nilai usability nya maka suatu perangkat
lunak semakin mudah untuk digunakan dan
juga semakin mudah untuk dipelajari oleh
pengguna barunya
menjadikan aspek usability sebagai
standar dalam perancangan antarmuka
sangat disarankan agar software yang
kita buat memiliki peluang lebih besar
untuk digunakan oleh pengguna secara
berkelanjutan
software dengan usability yang buruk
akan memberikan pengalaman yang buruk
bagi penggunanya Bahkan mereka bisa
tidak mau lagi menggunakan software
tersebut dan ingat software yang tidak
digunakan oleh penggunanya adalah
software yang gagal sekalipun
fungsionalitasnya berjalan dengan
seharusnya
dalam membuat rancangan antarmuka atau
user interface sebaiknya mengikuti
prinsip-prinsip yang berlaku di dalamnya
sekurang-kurangnya ada enam prinsip
perancangan antarmuka Abel yang kita
lihat ini mendeskripsikan secara singkat
keenam prinsip tersebut prinsip yang
pertama adalah layout prinsip ini
menyatakan bahwa antarmuka haruslah
dibagi menjadi beberapa kumpulan area
atau wilayah yang konsisten dan sesuai
fungsinya misalnya dalam aplikasi
berbasis web antarmukanya biasanya
terbagi atas header sidebar dan juga
footer Widget yang kedua adalah konten
wellness menurut prinsip ini pengguna
perlu mengetahui dimana dia berada dan
informasi apa yang ditampilkan atau
dengan kata lain pengguna tidak tersesat
Saat berinteraksi dengan sistem
prinsip selanjutnya adalah estetik yaitu
seimbang antara fungsional dan keindahan
penyajian informasi lalu ada juga
prinsip Yes level yang mengharuskan
antarmuka untuk mudah digunakan dan
mudah dipelajari dan ciptaan yang kelima
adalah konsistensi konsistensi pada user
interface memudahkan user untuk menebak
Apa yang kira-kira dilakukan sistem
sebelum mereka menjalankan sebuah fungsi
tertentu dan prinsip perancangan
antarmuka yang terakhir adalah minimize
Fort maksudnya proses untuk menjalankan
perintah tertentu harus sederhana
misalnya kebanyakan perancangnya user
interface menerapkan aturan tidak boleh
lebih dari tiga klik mouse untuk
menjalankan fungsi tertentu pada sistem
itulah keenam prinsip prancangan
antarmuka yang sebaiknya kita ikuti
Sekarang mari kita lihat contoh
penerapan dari masing-masing prinsip
tersebut
penerapan prinsip layout pada rancangan
antarmuka sangatlah penting dengan
menerapkannya informasi yang disajikan
kepada pengguna akan lebih terorganisir
dengan baik
perhatikan contoh layout untuk aplikasi
berbasis web berikut ini ini adalah
contoh antarmuka untuk aplikasi pengolah
konten berita perhatikan bahwa terdapat
pembagian wilayah untuk dengan spesifik
sehingga tidak bercampur satu sama lain
inilah Contoh penerapan prinsip layout
dari rancangan atau gambar ini kita
dapat mengetahui jenis konten apa yang
ditempatkan di mana misalnya judul
website ditempatkan pada sebelah kiri di
bagian header dibawah header ada
navigasi konten Utama terletak di bawah
navigasi dan menempati bagian paling
kiri dengan ukuran lebar yang lebih
besar dibandingkan dengan iklan yang ada
disebelah kanannya
jika tidak menerapkan prinsip layout
dengan baik struktur konten yang
disajikan pada antarmuka menjadi
berantakan dan saling tercampur satu
sama lain tentu ini akan menyulitkan
pengguna saat menggunakan aplikasi
tersebut
kita lanjutkan pada prinsip kontinu
Ernest dan juga esthetics penerapan
prinsip ini penting terutama jika ada
banyak sekali konten yang perlu
disajikan ke hadapan pengguna dalam satu
layar dengan prinsip ini kita merancang
antarmuka sedemikian hingga sehingga
pengguna Hai dapat dengan mudah
menemukan apa yang mereka inginkan di
tengah-tengah konten lain Um sangat
banyak Mari kita jadikan Tokopedia
Sebagai contoh pada website ecommerce
ini terdapat sangat banyaknya Teguh
produk untuk dijual perhatikan Bagaimana
Tokopedia merancang antarmuka untuk
mengatasi permasalahan kategori yang
sangat banyak tersebut
kategori utama slo diletakkan di sebelah
kiri kita lihat disana ada office
olahraga otomotif perawatan hewan dan
seterusnya
sub-kategori baru akan muncul apabila
pengguna mengarahkan kursor ke kategori
utama tadi misalnya seperti yang
terlihat pada gambar sub-kategori
sepakbola sepatu roda ismul dan lain
sebagainya baru muncul jika kursor Mouse
diarahkan ke kategori utama olahraga
di bawah sub menu kategori itulah menu
untuk jenis produk yang lebih spesifik
ditempatkan
jika seandainya pengguna ingin mencari
produk bola tenis maka mereka dapat
menemukannya dengan relatif cukup mudah
Hai karena produk tersebut sudah
ditempatkan pada kategori yang sesuai
inilah contoh Bagaimana Tokopedia
menerapkan prinsip konten warnes pada
rancangan antarmuka
Lalu bagaimana dengan prinsip estetik
nya prinsip tersebut diterapkan oleh
Tokopedia dengan cara memanfaatkan rata
kiri untuk setiap tulisan kategori
produknya menggunakan warna latar dan
tulisan yang memiliki kontras yang baik
sehingga terlihat jelas apa yang
tertulis dan juga penggunaan jarak atau
whitefish antar konten yang membuat
penggunanya Man untuk mengeksplorasi
setiap informasi yang disajikan
Mari beralih ke prinsip selanjutnya
yaitu prinsip Yoshi level Perhatikan
gambar berikut ini adalah contoh
antarmuka untuk aplikasi pengubah nama
file secara massal untuk banyak file
sekaligus
perhatikan setiap konten yang disajikan
dalam antarmuka tersebut Bagaimanakah
menurut anda
bagi Kebanyakan orang terutama orang
awam akan terasa bahwa aplikasi ini
ribet dan memberikan kesan sulit
digunakan
Hai banyak dari fungsi yang ditampilkan
belum tentu dipahami oleh penggunanya
atau dengan kata lain tidak mudah untuk
dipelajari ingat kembali bahwa prinsip
Yes level adalah memastikan bahwa
aplikasi haruslah mudah digunakan dan
juga mudah dipelajari jika kita memahami
prinsip tersebut maka tentu kita akan
menghindari rancangan antarmuka yang
ribet seperti yang ditunjukkan oleh
gambar
selanjutnya adalah prinsip konsistensi
prinsip ini penting untuk diterapkan
Apabila ada sebuah fungsi tertentu dari
aplikasi yang bisa muncul atau ditemukan
pada banyak tempat di dalam aplikasi
tersebut
konsistensi ini misalnya adalah pada
desain dan warna tombol sebaiknya kita
mengikuti yang sudah umum dipahami oleh
pengguna bisa saja karena sudah jadi
kebiasaan mereka misalnya ada rancangan
untuk tombol delete menurut anda warna
apa yang paling umum digunakan untuk
tombol delete kebanyakan aplikasi yang
ada menggunakan warna merah untuk tombol
delete dibandingkan dengan warna yang
lain Hai ada dua hal terkait prinsip
konsistensi yang perlu kita perhatikan
pertama gunakan rancangan antarmuka yang
sudah umum dipahami oleh pengguna dan
kedua konsisten dalam menggunakan
rancangan yang sama untuk sebuah fungsi
tertentu jika dimunculkan di banyak
tempat pada aplikasi tersebut misalnya
jika sudah menggunakan warna merah untuk
tombol delete di sebuah halaman a5k
tetap gunakan warna tersebut Setiap
memunculkan tombol delete di halaman
lainnya seperti halaman b-c-d hingga Z
prinsip perancangan yang terakhir adalah
minimize repot penerapan prinsip ini
berorientasi pada penyederhanaan langkah
yang perlu dilakukan oleh pengguna untuk
suatu fungsi tertentu yang sering
digunakan oleh mereka saat menjalankan
aplikasi contoh yang baik Bagaimana
prinsip ini terapkan dapat dilihat pada
aplikasi Speedtest yang berfungsi untuk
mengukur kecepatan internet kita ada
aplikasi tersebut kita hanya perlu
mengklik satu buah tombol saja Hai dan
fungsi lihatkan sudah berjalan Coba
bayangkan apabila untuk menggunakannya
kita perlu memilih berbagai pengaturan
terlebih dahulu seperti memilih server
pengujiannya mengatur ukuran kecepatan
pada indikatornya Atau
pengaturan-pengaturan lainnya
aplikasi ini bisa saja dibuat seperti
itu namun akan bertentangan dengan
prinsip minimize Fort
sampai disini kita sudah melihat
berbagai contoh penerapan
prinsip-prinsip perancangan Lalu
bagaimana sebetulnya proses perancangan
user interface ini dilakukan ada lebih
dari satu pendekatan Bagaimana merancang
antarmuka namun apapun pendekatannya
yang dilakukan kita perlu terlebih
dahulu mengidentifikasi requirements
atau kebutuhan dari aplikasi yang akan
dibuat rancangannya salah satu
pendekatan yang terbukti bisa
menghasilkan rancangan antarmuka yang
baik adalah pendekatan yang berpusat
pada pengguna atau istilahnya
user-centered design
kurang lebih proses perancangan
antarmuka dengan pendekatan ini adalah
seperti yang ditunjukkan pada gambar Hai
prosesnya dimulai dengan memahami
pengguna terlebih dahulu kemudian kita
buat susunan interfacenya lalu Tentukan
standar dan terakhir adalah membuat
prototipe ataupun rupanya pada setiap
proses tersebut dilakukan uji dan
evaluasi untuk memastikan luaran dari
masing-masing sudah sesuai dengan apa
yang diharapkan proses perancangan antar
muka ini biasanya juga bersifat
interaktif atau berulang prosesnya
sampai dihasilkan rancangan antarmuka
yang paling memenuhi kebutuhan perangkat
lunak yang kita kembangkan
Mari kita bahas Setiap proses tersebut
satu-persatu
proses yang pertama adalah memahami
Siapa pengguna perangkat lunak yang kita
kembangkan memahami karakteristik dan
kebiasaan Siapa yang menggunakan
software adalah kunci keberhasilan dalam
merancang user interface pengguna bisa
saja memiliki karakteristik kebiasaan
yang berbeda-beda Perhatikan gambar
berikut ini adalah contoh empat kelompok
pengguna pada satu aplikasi yang sama
setiap kelompok pengguna rezeki perilaku
yang berbeda ketika menggunakan aplikasi
tersebut
kelompok yang pertama adalah pengguna
yang biasanya hanya menggunakan aplikasi
satu kali saja dan jarang menggunakannya
kembali lalu kelompok kedua adalah orang
yang cukup sering menggunakan aplikasi
namun hanya sebagai pelanggan yang
menggunakan fitur-fitur gratisnya saja
Lombok yang ketiga adalah pengguna yang
mau menggunakan layanan premium Hanya
apabila mereka merasa benar-benar
membutuhkannya butuh proses tertentu
hingga pada akhirnya mereka mau menjadi
pelanggan premium dan kelompok terakhir
adalah kelompok pengguna yang tanpa ragu
langsung menjadi pelanggan premium
terlepas pada saat itu apakah mereka
membutuhkan fitur-fitur premium atau
tidak memahami karakteristik pengguna
akan memudahkan kita dalam menentukan
prioritas misalnya untuk menentukan
fitur Apa yang perlu dibuat terlebih
dahulu atau Bagaimana susunan informasi
yang disajikan dan lain sebagainya
akan sangat sulit untuk membuat aplikasi
yang sesuai untuk semua kelompok
pengguna kita perlu menentukan prioritas
kelompok mana yang didahulukan
oleh karakteristik dan perilaku pengguna
sudah dapat dipahami maka proses
selanjutnya adalah membuat struktur atau
susunan antarmuka dengan membuat
struktur user interface kita akan
mendapatkan gambaran apa saja user
interface yang harus dibuat untuk
perangkat lunak contoh sederhana
struktur antarmuka adalah site map atau
peta situs pada aplikasi berbasis web
seperti yang terlihat pada gambar dengan
membuat site map seperti ini kita bisa
mendapatkan gambaran tentang susunan
menu dari aplikasi yang akan dibuat
dalaman atau level menunya dan juga
menggambarkan di bagian mana saja suatu
fungsi dapat dijalankan oleh pengguna
setelah struktur antarmuka dibuat maka
kita perlu juga menentukan standar
inilah yang dilakukan pada proses
selanjutnya
standar merupakan sebuah aturan yang
harus dipenuhi dalam setiap user
interface yang dibuat standar bisa
ditetapkan sendiri atau mengikuti best
practice yang Hai contoh-contoh standar
dalam aplikasi berbasis website misalnya
sebagai berikut pertama gunakan icon di
sebelah kiri Tombol menu dua tidak
menggunakan gambar yang panjang atau
lebarnya lebih kecil dari 300.000
tiga tata letak untuk setiap halaman
website adalah 70% lebar untuk isi utama
dan 30% lebar untuk site di sebelah kiri
keempat ukuran font minimal adalah 12
pixel tentu masih ada banyak contoh
standar lain yang dapat diterapkan
selain keempat standar yang dijadikan
contoh tersebut
setelah tanda rancangan antarmuka
ditetapkan maka saatnya melanjutkan ke
proses berikutnya yaitu membuat
prototipe atau purwarupa antarmuka
prototipe user interface harus bisa
menggambarkan fungsi yang sebenarnya
dari user interface tersebut prototipe
dapat juga dikatakan sebagai Warframe
prototipe ini bisa dalam bentuk
low-fidelity Prototype atau HIV Jelly
tipe Pique tergantung dari kebutuhannya
ndak membuat Hi fidelity Prototype tentu
akan lebih detail menggambarkan
rancangan antarmuka Namun demikian waktu
yang diperlukan untuk membuatnya juga
lebih lama biasanya desain akhir
antarmuka yang digunakan tidak jauh
berbeda dari high fidelity prototipe
yang dibuat oleh pun tidak selalu
seperti itu ingat bahwa pembuatan
purwarupa pada dasarnya adalah untuk
memastikan fungsi dan fitur yang akan
dimiliki oleh aplikasi berikut dengan
penempatan menu untuk mengaksesnya sudah
sesuai atau belum
terakhir adalah proses pengujian dan
evaluasi antarmuka tujuan dari pengujian
dan evaluasi adalah untuk mengukur
kesesuaian rancangan yang dihasilkan
dengan kebutuhan yang ada dan apabila
ada kekurangan kita dapat mengetahui
bagaimana cara memperbaikinya ada banyak
bentuk evaluasi namun ada empat bentuk
yang umum digunakan pertama adalah
heuristic evaluation yaitu evaluasi
dengan membandingkan interface yang ada
dengan prinsip-prinsip atau standar yang
digunakan
biasanya dengan checklist Lalu ada juga
interaktif evaluation evaluasi ini
dilakukan dengan meminta pengguna
software melakukan skenario tertentu
yang ditentukan oleh tim perangkat lunak
3 ada World War Z yaitu evaluasi dengan
cara menelusuri setiap interface yang
dibuat satu per satu biasanya dilakukan
oleh pengguna dengan Storyboard dan
bentuk evaluasi yang keempat adalah
formal usability testing evaluasi ini
dilakukan dengan kondisi yang
benar-benar mendekati kondisi yang
sebenarnya biasanya dilakukan oleh
pengguna sungguhan
baiklah proses-proses dalam perancangan
antarmuka tadi mengakhiri pembahasan
materi kita kali ini berikut ada tiga
referensi utama dalam penyusunan materi
video ini Terima kasih karena sudah
menyimaknya sampai selesai
Browse More Related Video
Apps Pod 04 : Visual Principles for User Interfaces Parts 1&2
Presentasi Analisis Prinsip Desain dan User Experience Google Chrome dan Youtube | Kelompok 12
Comparing Modern CSS Solutions (Tailwind vs MUI vs Bootstrap vs Chakra vs...)
Typography & Typesetting In UI Design (Adobe XD Tutorial)
APPS User Testing
NIO Stock Breaking NewsβοΈ NIO Just Launched THISπ
5.0 / 5 (0 votes)