Video Presentasi Laboratorium Interaksi Komputer Kelompok 1

Fazri Arrashyi Putra

25 Sept 202416:38

Summary

TLDRThe video script discusses the 10 principles of design for two software applications: Google Classroom and Info BMKG. Google Classroom is praised for its visibility, user control, and consistency but criticized for lacking a search feature and error prevention. Info BMKG is commended for its voice recognition feature but lacks in user control and consistency between platforms. Suggestions for improvement include adding a search feature, enhancing error prevention, and improving user guidance.

Takeaways

😀 Renat introduces himself and his team discussing the 10 principles of design for Google Classroom and BMKG app.
📈 Google Classroom's usage surged during the COVID-19 pandemic, serving as a learning platform for asynchronous education.
🔍 Visibility of system status is highlighted by the loading bar in Google Classroom, but the team suggests adding file size and upload percentage for clarity.
🕒 Google Classroom accurately reflects the real-world status of assignments, correctly marking late submissions without errors.
📁 User control and freedom are evident in Google Classroom, allowing users to unsubmit and resubmit assignments.
🔄 Consistency and standard are maintained across Google Classroom's mobile and web versions, ensuring a seamless user experience.
🚫 Prevention of error is an area for improvement in Google Classroom, as there's no confirmation when deleting files from assignment submissions.
🔍 Recognition rather than recall is lacking in Google Classroom, which currently does not have a search feature for materials or assignments.
📱 Flexibility and efficiency of use are noted, with Google Classroom providing notifications across platforms and efficient menu organization.
🎨 Aesthetic and minimalist design are praised in Google Classroom, with the use of material design making it user-friendly and visually appealing.
📚 Help and documentation are well-structured in Google Classroom, with comprehensive guides and community support for error recovery.

Q & A

What is Google Classroom and how was its usage affected during the COVID-19 pandemic?
-Google Classroom is a learning platform developed by Google. Its usage increased rapidly during the COVID-19 pandemic as it served as a means to support learning activities from home.
What is the first principle discussed in the script regarding Google Classroom?
-The first principle discussed is the visibility of system status, specifically when uploading files to Google Classroom, which shows a loading bar and temporarily disables the submit button to prevent submitting empty files.
What feature does the speaker suggest Google Classroom should add to improve the file uploading process?
-The speaker suggests that Google Classroom should add an upload bar with file size and percentage of upload completion to help users understand the progress and address issues during file uploads.
How does Google Classroom handle late submissions and what concern does the speaker raise?
-Google Classroom has a feature to mark student work that is submitted late. However, the speaker raises concern that students may worry about the system incorrectly labeling assignments as late when they were submitted on time.
What is the evidence provided in the script that Google Classroom fulfills the 'match between system and the real world' principle?
-The script provides evidence that Google Classroom fulfills this principle by stating that there have been no incidents where assignments submitted on time were incorrectly labeled as late, and vice versa.
What control does Google Classroom give to users who have mistakenly uploaded the wrong file?
-Google Classroom allows users who have mistakenly uploaded the wrong file to unsubmit the submitted file and replace it with the correct one, demonstrating full control and freedom to the users.
How does the script describe the consistency between the mobile and web versions of Google Classroom?
-The script describes that the design and appearance of Google Classroom's mobile and web versions are not significantly different, making it easy for users familiar with one version to switch to the other without difficulty.
What improvement is suggested for the 'prevention of error' principle in Google Classroom?
-The script suggests that Google Classroom should add a confirmation step when users attempt to delete a file from an assignment attachment to prevent accidental deletions and the subsequent waste of time and internet data re-uploading the file.
What functionality is missing in Google Classroom that the speaker believes would be beneficial?
-The speaker believes that Google Classroom should add a search feature to help users find materials and assignments more easily, especially when there are many tasks involved.
How does the script describe the flexibility and efficiency of use in Google Classroom?
-The script describes Google Classroom as flexible, allowing users to receive notifications for tasks via different platforms like email or push notifications. It also mentions that the menu structure is efficient and user-friendly, both on the web and mobile versions.
What is the aesthetic design approach of Google Classroom mentioned in the script?
-Google Classroom uses a material design approach that is minimalistic, with a card-based layout for displaying information, which is both visually appealing and user-friendly.
What suggestions are made in the script to improve error recognition and recovery in Google Classroom?
-The script suggests that Google Classroom should provide clearer error messages and direct references to documentation to help users understand and recover from errors, such as failed file uploads.
What is the main function of the BMKG application as discussed in the script?
-The BMKG application is primarily used by Indonesians to get information about weather and earthquake occurrences in Indonesia.
What issue does the speaker identify with the visibility of system status in the BMKG application?
-The speaker identifies an issue where the BMKG application sometimes displays an empty page when trying to view an earthquake map, which does not inform the user about what is happening within the system.
How does the BMKG application provide user control and freedom according to the script?
-The BMKG application offers voice recognition as a feature, allowing users to inquire about weather and earthquake information. However, the script points out that users can become confused when using this feature due to the lack of a 'back' button.
What is the suggestion for improving the consistency and standard between the web and mobile versions of the BMKG application?
-The script suggests that BMKG should use the same design elements for both the web and mobile platforms to increase familiarity and ease of use for users.
What does the script say about the prevention of error in the BMKG application?
-The script states that the BMKG application does well in preventing errors, especially when changing the location for weather and earthquake detection, as it requires a confirmation step before making changes.
What feature does the BMKG application have that aids in recognition rather than recall?
-The BMKG application has a search bar that helps users find the weather for specific districts without having to remember the exact district name, making it easier for users to find familiar district names.
What is the main issue with flexibility and efficiency of use in the BMKG application as discussed in the script?
-The main issue discussed is the lack of flexibility in orientation, as the application does not support horizontal viewing, and the absence of a 'back' button in the iOS version when using the microphone feature, which is not intuitive.
What aesthetic and minimalism design aspects does the BMKG application satisfy according to the script?
-The BMKG application satisfies aesthetic and minimalism design aspects with a simple theme of white with blue accents, and simple buttons, legends, and icons that are pleasing to the eye and not overly complicated.
What suggestion is made for the BMKG application to help users at night?
-The script suggests adding a dark mode or dark theme to the BMKG application to reduce eye strain for users during nighttime use.
What feedback mechanism is lacking in the BMKG application according to the script?
-The script points out that the BMKG application lacks a helpdesk or report feature, which could allow users to provide direct feedback about issues they experience within the application.

Outlines

00:00

📚 Google Classroom Design Principles

The speaker, Renat, introduces themselves and their group's discussion on the design principles of two software platforms: Google Classroom and BMKG's Info App. Google Classroom is a learning platform developed by Google, which saw rapid adoption during the COVID-19 pandemic as a means to support learning activities from home. It serves as a medium for teachers to distribute materials, assign tasks, and conduct quizzes or exams. It also functions as a platform for students to learn asynchronously. The first principle discussed is the visibility of the system status, exemplified by the loading bar when uploading files to Google Classroom. It is suggested that Google Classroom should include an upload bar with file size and progress percentage to improve user experience. Google Classroom also features a functionality to mark late submissions, which can cause anxiety among students. However, it is noted that Google Classroom accurately labels submissions as on-time or late. The next principle discussed is user control and freedom, where Google Classroom allows users to resubmit files if they have mistakenly uploaded the wrong one. Consistency and standard are highlighted by the platform's availability on both mobile and web versions, which are designed similarly to ensure a seamless transition for users. The discussion also touches on the prevention of errors, suggesting that Google Classroom should improve its confirmation process when deleting files from assignment attachments to prevent accidental deletions.

05:01

🌐 Flexibility and Efficiency in Google Classroom

The speaker, Utra, continues the discussion on Google Classroom by focusing on flexibility and efficient use. Google Classroom is praised for its flexibility in notifying users about tasks through various channels like email or push notifications. The platform's menu structure is efficient, with a hamburger menu on the mobile version for easy access to various features. The speaker also discusses the aesthetic and minimalist design of Google Classroom, which aligns with Google's Material Design introduced with Android Lollipop. The design is card-based, making it easy for users to find information without feeling overwhelmed. The platform's color scheme and shape design are also noted to be user-friendly. The speaker then addresses the principle of helping users recognize, diagnose, and recover from errors. While Google Classroom provides ample information to users about errors, the speaker suggests that more detailed error messages and direct references to documentation could improve the user experience. The paragraph concludes with a suggestion to add a search feature to help users find materials and tasks more easily.

10:02

📲 User Interface and Experience of BMKG's Info App

The speaker, Zaki Ahmad, discusses the design principles of BMKG's Info App, which is commonly used by Indonesians to get weather and earthquake information. The app's visibility of system status is highlighted, noting that it can show real-time earthquake maps but sometimes fails to inform users adequately about what is happening, such as displaying a blank page when loading. The app is commended for matching system and real-world information, providing essential details about earthquakes like the Richter scale and fault lines. However, the speaker points out issues with user control and freedom, particularly with the voice recognition feature, which lacks a 'back' button, causing user confusion. Consistency and standard between the web and mobile versions of the app are criticized for being too different, which can be off-putting for users. The prevention of error is seen as a strong point, with the app effectively preventing mistakes through confirmation steps when changing weather and earthquake detection settings.

15:04

🌑 Aesthetic and Functional Improvements for BMKG's Info App

The speaker, Raffi Pututugraha, continues the discussion on BMKG's Info App by addressing recognition rather than recall, with the app providing a search bar to find specific districts' weather information. The app's flexibility and efficiency of use are criticized for lacking orientation change and a 'back' button on iOS, which can be frustrating for users. The speaker suggests adding a tutorial for new users to improve efficiency. Aesthetically, the app is considered simple and minimalist, with a white theme and blue accents, which is pleasing to the eye. However, the speaker recommends adding a dark mode for night use to reduce eye strain. The app lacks error notifications and help features, which could lead to lower ratings as users may report issues directly to app stores. The speaker suggests adding a 'report issues' or 'Help Desk' feature to allow users to provide feedback and help improve the app.

Mindmap

Keywords

💡Google Classroom

Google Classroom is an online platform developed by Google for education. It allows teachers to distribute course materials, assign and collect work, and communicate with their students. The platform became particularly popular during the COVID-19 pandemic as a means to support remote learning. In the script, it is discussed in the context of its design principles and how it facilitates asynchronous learning.

💡Visibility of System Status

Visibility of System Status is a design principle that refers to the system's ability to keep users informed about what is happening through appropriate feedback and progress indicators. In the video script, it is mentioned in relation to Google Classroom's upload feature, where a loading bar is displayed when uploading files, indicating the system's status to the user.

💡Match Between System and the Real World

This principle suggests that the system should speak the user's language, with words, phrases, and concepts familiar to the user. In the context of the video, it is applied to Google Classroom's feature of marking assignments as late, which aligns with the real-world expectation that assignments submitted on time should not be marked as late.

💡User Control and Freedom

User Control and Freedom is about giving users the ability to reverse their actions and correct mistakes easily. The script highlights this principle by mentioning how Google Classroom allows users to unsubmit an assignment and resubmit it with the correct file, providing control and freedom to the user.

💡Consistency and Standards

Consistency and Standards refer to following platform conventions and standard practices to reduce the user's learning curve. The script discusses this in the context of Google Classroom's mobile and web versions, noting that the design and appearance are not too different, which helps users transition between versions without difficulty.

💡Prevention of Error

Prevention of Error involves designing the system to prevent users from making errors in the first place. The script points out that Google Classroom could improve in this area by providing confirmation prompts when users attempt to delete files from assignment submissions to avoid accidental deletions.

💡Recognition Rather Than Recall

Recognition Rather Than Recall means reducing the user's memory load by making objects, actions, and options visible. The script suggests that Google Classroom lacks a search feature, which would be beneficial for users to easily find materials or assignments without having to recall where they are.

💡Flexibility and Efficiency of Use

Flexibility and Efficiency of Use is about accommodating user's preferences and habits while also being efficient. The script mentions Google Classroom's flexibility in notifying users about assignments through various channels like email or push notifications, allowing users to access information in a way that suits them.

💡Aesthetic and Minimalist Design

Aesthetic and Minimalist Design refers to the visual appeal and simplicity of the interface. The script praises Google Classroom's use of Material Design, which is characterized by clean lines and a minimalist approach, making it easy for users to find information without visual clutter.

💡Help Users Recognize, Diagnose, and Recover from Errors

This principle is about providing error messages that effectively communicate the problem in a user-friendly manner and guide users to recover from it. The script notes that while Google Classroom provides information about errors, it could be more detailed and provide direct references or documentation to help users understand and resolve issues.

💡Documentation

Documentation refers to the availability of helpful resources that assist users in learning how to use the system effectively. The script commends Google for providing structured documentation and community support for Google Classroom, which helps users to prevent and fix errors they might encounter.

Highlights

Introduction to the speaker Renat and the discussion on design principles for Google Classroom and Info BMKG software.

Google Classroom's rapid usage increase during the COVID-19 pandemic as a learning platform.

Visibility of system status when uploading files in Google Classroom, including the suggestion to add upload bar with file size and progress percentage.

Google Classroom's feature to mark late submissions and the suggestion to improve its accuracy to avoid causing student anxiety.

The match between system and the real world in Google Classroom, ensuring that tasks are accurately labeled as on-time or late.

User control and freedom in Google Classroom, allowing users to unsubmit and resubmit assignments.

Consistency and standard between the mobile and web versions of Google Classroom.

Prevention of error in Google Classroom, suggesting the addition of a confirmation step when deleting files from assignment submissions.

Recognition rather than recall in Google Classroom, noting the absence of a search feature for materials or tasks.

Flexibility and efficiency of use in Google Classroom, including notifications for new assignments.

Aesthetic and minimalist design of Google Classroom using material design principles.

Help users recognize, diagnose, and recover from errors in Google Classroom, suggesting more detailed error messages and direct references to documentation.

Help and documentation provided by Google for Google Classroom, including structured documentation and community support.

Introduction to the speaker Zaki Ahmad and the discussion on Info BMKG application for weather and earthquake information in Indonesia.

Visibility of system status in Info BMKG application when loading earthquake maps.

Match between system and the real world in Info BMKG application, suggesting that only essential earthquake information should be displayed.

User control and freedom in Info BMKG application, including voice recognition feature and the suggestion to improve the user interface for better navigation.

Consistency and standard between the web and mobile versions of Info BMKG application, noting the differences in art style.

Prevention of error in Info BMKG application, praising the scroll and confirm feature for changing weather and earthquake detection locations.

Recognition rather than recall in Info BMKG application, with a search bar to find weather information for specific districts.

Flexibility and efficiency of use in Info BMKG application, suggesting improvements for orientation changes and tutorial for new users.

Aesthetic and minimalist design of Info BMKG application, with a simple theme and suggestion to add a dark mode.

Help users recognize errors in Info BMKG application, suggesting the addition of an error notification feature and helpdesk for user feedback.