Analysis of Design Principle & User Experience (Kelompok 8)

Neswa Eka Anggara

26 Sept 202416:18

Summary

TLDRThis presentation, conducted by Group 8 for the Computer Interaction Laboratory course, analyzes the design principles and user experience of two applications: Strava and MyBCA. The group assesses the apps against Jakob Nielsen's 10 usability heuristics, discussing aspects such as visibility of system status, recognition, user control, and flexibility. They highlight both strengths and weaknesses, such as Strava's user-friendly real-time tracking and MyBCA's efficient transaction features, while also pointing out areas for improvement, including customer service accessibility and interface optimization. The overall user experiences for both apps are deemed effective but with room for enhancement.

Takeaways

😀 Group 8 introduces their presentation on the analysis of design principles and user experience for two applications: Strava and MyBCA.
📝 The analysis is based on Jakob Nielsen's 10 usability heuristics, starting with visibility of system status in Strava, where visual indicators like GPS signal and stop buttons provide clear feedback to users.
📱 Strava uses easily recognizable icons for various sports activities (e.g., run, hike, cycle), making it easier for users to recall and differentiate between activities.
🌍 Strava aligns with real-world concepts like miles, pace, and elevation, helping users easily visualize their routes with a map interface similar to widely used map services.
🚴‍♂️ Flexibility and efficiency are enhanced in Strava with shortcuts for frequent actions and integration with fitness devices, improving user effectiveness.
🎮 Strava allows user control and freedom, providing options to pause, resume, edit, or save activities, as well as switch between dark and light themes.
🎨 Strava follows an aesthetic and minimalist design, though there is some unnecessary interface clutter like suggested challenges on the main page.
🔍 The app maintains consistency and standards by using familiar icons like the plus symbol for adding, search bars, and maps similar to Google Maps.
⚠️ Strava helps users prevent errors by displaying clear error messages, such as invalid email inputs or GPS activation reminders.
💬 While Strava provides a help section with FAQs, it lacks the ability for users to submit images or files to customer service, which can limit effective communication.

Q & A

What is the topic of the presentation given by Group 8?
-The topic of the presentation is an analysis of design principles and user experience, specifically focused on two applications: Strava and MyBCA.
Which usability heuristics are being analyzed in the presentation?
-The group analyzes the applications based on Jakob Nielsen’s 10 usability heuristics, which include visibility of system status, recognition rather than recall, match between system and the real world, flexibility and efficiency of use, user control and freedom, aesthetic and minimalist design, consistency and standards, help users recognize, diagnose, and recover from errors, error prevention, and help and documentation.
How does Strava implement 'visibility of system status'?
-Strava provides clear system status visibility by showing a green 'GPS signal acquired' message to indicate GPS connectivity and a red 'Stop' button to indicate when an activity has been paused or stopped.
How does the use of icons in Strava improve user experience?
-Strava uses specific icons for different sports activities like running, cycling, and hiking, which helps users recognize and select the appropriate activity without relying on text, improving both usability and user experience.
What is an example of 'match between system and the real world' in Strava?
-Strava uses familiar athletic terms like 'miles', 'kilometers', 'pace', and 'elevation'. Its map interface resembles real-world maps, helping users visualize their activities in a way that is easy to understand.
What flexibility and efficiency features does Strava offer?
-Strava offers shortcuts for frequently used actions like starting new activities and checking leaderboards. It also integrates with other fitness devices and apps to improve efficiency and accuracy.
What limitations did the group identify in Strava’s design?
-The group noted that Strava's main page includes unnecessary elements like the 'Suggested Challenge' section, which takes up space and might not be relevant to many users. Additionally, the help and documentation section lacks an option to upload files, which would make troubleshooting easier.
What is MyBCA and its primary function?
-MyBCA is a banking application that allows users to manage their BCA accounts, conduct transactions, and access information about BCA products and services.
What user control and freedom limitations were found in MyBCA?
-In MyBCA, users are unable to manually categorize certain transactions, such as those made using QRIS. This can lead to incorrect categorization of expenses, like food purchases being listed as shopping transactions.
How does MyBCA perform in terms of error prevention and recovery?
-MyBCA helps prevent errors by providing clear notifications, such as 'invalid email' when incorrect data is entered or reminders when account details need to be confirmed before transactions. However, it lacks an in-app customer service option, requiring users to switch to WhatsApp for support.

Outlines

00:00

👋 Introduction and Team Presentation

The group introduces themselves as Group 8 from the Computer Interaction Laboratory course. They explain their goal to analyze design principles and user experience in two apps, Strava and MyBCA, using the 10 usability heuristics. Each member introduces their name and student ID, and the presentation kicks off with a focus on the design and usability principles, starting with Strava. Concepts like 'visibility of system status' and user feedback mechanisms, such as GPS signal indicators and color-coded activity states, are explained.

05:00

🔍 Analysis of Strava's Design Principles

The analysis of Strava's design begins with visibility of system status, where green indicates GPS connectivity and red signals a paused activity. Real-time tracking features such as distance and speed are highlighted. Recognition rather than recall is discussed, focusing on the app's icons for different sports activities, which help users easily identify and remember tasks. The app’s athletic terms like 'miles' and 'elevation' create a match between the system and real-world contexts, enhancing usability. Flexibility is noted through shortcuts and integration with fitness devices, while user control is emphasized with functions like pausing or editing activities.

10:01

⚙️ Additional Strava Features and Efficiency

Strava’s aesthetic and minimalist design is described, where visual simplicity is paired with functional features. Despite the clean layout, some non-essential elements, like 'suggested challenges,' clutter the interface. Consistency is another strong point, with well-known icons and navigation patterns that align with general app standards. Strava also helps users recover from errors, such as inputting invalid data or using an incorrect email format. Error prevention is bolstered by warnings, especially around GPS functionality, and help documentation is present, though limited, as users cannot attach files when contacting customer service.

15:02

💳 MyBCA: Key Features and Usability

The MyBCA banking app is introduced with a focus on its main features, like transaction histories and account balance visibility, which can be hidden for privacy. Recognition is reinforced with familiar icons, while real-world connections are made through currency rates and bill payment features. The app also emphasizes flexibility, offering shortcuts for common tasks such as transfers. However, users are restricted in categorizing transactions, particularly when using QRIS for purchases, which can lead to misclassified transactions.

🔑 MyBCA: User Control and Error Management

MyBCA grants users some freedom in organizing transactions but lacks the option for manual categorization. The design is minimalist and user-friendly, ensuring ease of navigation. Consistency is maintained through common banking terms and symbols, and error prevention is supported by features like confirmation screens before completing transactions. The app also offers help services, though there is a limitation as users must switch to WhatsApp to contact customer service, which can be cumbersome for less familiar users.

📝 Conclusion: Strava and MyBCA Design Review

The analysis concludes by summarizing the strengths and weaknesses of both apps. Strava performs well in providing a positive user experience, but its interface and customer service features could be improved. MyBCA is user-friendly, especially for banking transactions, though it falls short in giving users full control over transaction categorization and direct customer service within the app. Both apps have room for enhancement in their respective areas, particularly regarding user freedom and support features.

Mindmap

Keywords

💡Visibility of system status

This refers to the ability of the system to keep users informed about what is going on through appropriate feedback. In the video, this concept is demonstrated with examples such as the 'GPS signal acquired' message in the Strava app and the real-time tracking of distance and speed, ensuring that users are aware of the system’s status at all times.

💡Recognition rather than recall

This design principle emphasizes that systems should minimize the user’s memory load by making objects, actions, and options visible. In the script, the Strava app uses recognizable icons for different activities like running, hiking, and cycling, helping users to select their desired activity quickly without needing to remember the options.

💡Match between system and the real world

This principle suggests that systems should use familiar concepts and language that reflect the real world. The Strava app, for instance, uses athletic terms like 'miles,' 'pace,' and 'elevation,' aligning with users' real-world experiences. Additionally, the app's map interface mirrors real-world navigation tools like Google Maps, making it intuitive for users.

💡Flexibility and efficiency of use

This principle relates to providing shortcuts and customization options for more efficient use. In the Strava app, users can start new activities quickly or access the leaderboard through shortcuts, enhancing the overall user experience by reducing repetitive actions.

💡User control and freedom

Users should have control over the system and be able to undo or redo actions. The Strava app allows users to pause, resume, or stop activities whenever they choose. In the MyBCA app, users can manage their transactions and account information, although the lack of freedom to manually classify transactions was noted as a limitation.

💡Aesthetic and minimalist design

This principle advocates for clean, simple interfaces with no unnecessary elements. Both Strava and MyBCA apps aim for minimalist designs, although the script points out that Strava’s interface sometimes includes non-essential elements like suggested challenges that take up space unnecessarily.

💡Consistency and standards

Consistency in design helps users feel comfortable by using familiar patterns. Strava maintains a consistent design language across its interface, using common icons like the plus sign to add new items and a gear icon for settings. MyBCA also follows established standards for banking apps, making it easy for new users to navigate.

💡Help users recognize, diagnose, and recover from errors

This principle ensures that systems help users handle errors effectively. In Strava, the app prevents users from entering invalid information, like incorrect email formats, by providing error messages. MyBCA also notifies users of errors during transactions, like entering an invalid account number.

💡Error prevention

Good design prevents errors from occurring in the first place. For example, Strava warns users if they try to start an activity without GPS, ensuring the app functions correctly. MyBCA also includes a confirmation screen for users to verify their transaction details before proceeding, preventing mistakes.

💡Help and documentation

This principle refers to providing users with assistance when they need it. Strava offers FAQ sections and customer support but lacks the ability to attach files or images, which limits users from fully explaining their issues. MyBCA has integrated WhatsApp for customer support but does not offer help within the app itself, requiring users to switch between apps.

Highlights

Introduction of the group and team members presenting the analysis of design principles and user experience using the 10 usability heuristics.

The first principle, 'Visibility of system status,' is demonstrated with GPS signal indicators and activity tracking in Strava.

Strava uses recognizable icons for activities like running, cycling, and walking, enhancing 'Recognition rather than recall.'

'Match between system and the real world' is shown through athletic terms like miles, pace, and elevation in Strava, mirroring real-world experiences.

Strava supports 'Flexibility and efficiency of use' by offering shortcuts for frequent actions, such as starting new activities and viewing leaderboards.

Strava allows users to control their activities with pause, resume, and edit options, aligning with the 'User control and freedom' principle.

Strava's interface follows the 'Aesthetic and minimalist design' principle with a clean look, but some features like suggested challenges can clutter the main page.

Strava's 'Consistency and standards' are upheld through common UI elements like plus signs for adding items and map interfaces.

Strava prevents errors by warning users about incorrect data input, such as invalid email formats or extreme weight values.

Strava provides customer support via FAQs, but lacks file upload options, which could enhance troubleshooting for users.

MyBCA applies 'Visibility of system status' by displaying account balances and transaction history, which can be hidden or shown by users.

MyBCA enhances 'Recognition rather than recall' with clear icons for common banking tasks such as transfers and bill payments.

MyBCA excels in 'Flexibility and efficiency of use' with shortcuts for frequently used features like QR scanning and quick transfers.

MyBCA faces challenges in 'User control and freedom,' as users cannot manually categorize certain transactions, leading to inaccuracies.

MyBCA offers a minimalist design, but its customer service relies on external apps like WhatsApp, which can reduce user convenience.