Usability Evaluation of Microsoft Teams: Focusing on Text Chats and Video Meetings

 By Behrad Moeini

Microsoft Teams: Crucial for Remote Collaboration

In today’s era of remote work and virtual classrooms, tools like Microsoft Teams have become indispensable in bridging the gap between colleagues and classmates worldwide. Despite its widespread adoption, there's always scope for enhancement in such platforms. In this blog post, I have assessed Microsoft Teams using Nielsen's heuristics, a set of established usability principles, to identify areas where it can evolve to more effectively meet our changing needs. This evaluation spans from the intuitive ease of text chats to the seamless flow of video meetings, with each facet offering potential for refinement. My exploration is not merely a critique but a pathway to improvement, guided by the principle that our digital tools should not only meet but anticipate and adapt to our evolving demands. This approach offers a structured and systematic analysis, ensuring that the critique is grounded in proven usability standards.

Text Chat: Finding and Fixing Issues

Issue

Fig 1 –  Inefficiency in Message Retrieval on Microsoft Teams

My analysis of Microsoft Teams' text chat functionality uncovered a significant discrepancy in the search feature. As demonstrated in Figure 1, a search for '512' reached no results, suggesting an absence of relevant data. However, a following search including an additional digit, '5122', surprisingly retrieved messages containing '512'. This inconsistency in search results can lead to missed critical information and unnecessary time expenditure, pointing to a need for a more robust search mechanism within the platform. Given the obscured visibility of system status in search functionality, I rate this issue a 3 out of 5 for its moderate impact on user efficiency and confidence.

Suggestion

Fig 2 - Refined Search Capabilities in Microsoft Teams (Visualized with DALL.E)

Acknowledging that Figure 2 may not precisely mirror the current aesthetic of Microsoft Teams, it serves as a conceptual illustration to underscore my proposed enhancement. This visual representation depicts an advanced search algorithm, potentially incorporating elements of natural language processing. The key focus here is on a search functionality that transcends mere exact word matches. Instead, it intelligently identifies and suggests content that is contextually related to the user's query. By integrating such a sophisticated search mechanism, we aim to significantly reduce the time and effort users spend sifting through chat histories. This advancement is not just about finding exact phrases; it's about intuitively connecting users to the information they need, thereby refining the overall user experience and efficiency on the Microsoft Teams platform.

Video Meeting: Interface Challenges

Issue

Fig 3 – Navigational Difficulties with Video Meeting Controls in Microsoft Teams

In our exploration of Microsoft Teams' video meeting interface, as showcased in Figure 3, we encounter a layout that can be confusing, especially during critical meeting moments. The current design places various controls - like 'Dial pad,' 'Hold,' 'Transfer,' 'Chat,' and others - together in a single toolbar. This setup often makes it difficult for users to quickly locate and access specific functions, such as the 'Mute' button. In fast-paced or large meetings, this can lead to unnecessary delays and even disruptions. The confusing layout of video meeting controls, which impacts user control and freedom, merits a rating of 2 out of 5 for its potential to disrupt user experience during important meetings.

Suggestion

Fig 4 – Proposed Notification Interface in Microsoft Teams

The suggestion for improvement, as we can imagine in Figure 4, involves redesigning the video meeting controls to be more intuitive and user-friendly. The focus here is on rearranging the existing controls so that key functions like the 'Mic,' 'Camera,' and 'Leave' button are easy to find and use. We could group similar controls together and even introduce a customizable toolbar, allowing users to organize the functions they use most frequently in a way that best suits their needs. Testing different layouts with actual users and applying their feedback would be crucial in achieving an interface that not only looks good but also feels right to use. The goal is to make the video meeting experience on Microsoft Teams smoother and more efficient, reducing the time users spend searching for controls and increasing their focus on the meeting itself.

Notification Overload: Balancing Alerts and Attention

Issue

Fig 5 – Excessive notifications disrupting a user in Microsoft Teams.

A significant challenge identified in Microsoft Teams is the management of notifications, as illustrated in Figure 5. The issue arises from an influx of repetitive alerts from a single contact or thread, which can clutter the user's workspace. This excess of notifications not only hinders productivity but also risks important messages being overlooked or ignored, as the user may become desensitized to the constant stream of alerts. The problem with notification overload in Microsoft Teams, primarily violating the heuristic of aesthetic and minimalist design, receives a rating of 2 out of 5, reflecting its impact on user focus and screen clutter.

Suggestion

Fig 6 – Customizable notification interface in Microsoft Teams  (Visualized with DALL.E)

To address this, as conceptualized in Figure 6, a redesign of the notification system is suggested. The focus of this redesign is on simplicity and user control. One approach is to group similar notifications, thereby reducing the number of individual alerts. The system could also offer features like a 'snooze' option, enabling users to pause notifications for a set period. Additionally, customization settings could allow users to prioritize notifications based on their relevance or urgency. Such enhancements aim to not only declutter the notification area but also empower users to tailor their notification settings to their specific workflow needs. Implementing these changes can significantly improve focus and efficiency by ensuring that users receive only the most pertinent alerts, allowing them to maintain their concentration on the task at hand.

Incorporating Authentic User Feedback for Practical Enhancements

To ensure that the proposed changes truly resonate with the needs of Microsoft Teams users, I integrated direct feedback from actual users into my evaluation process. This approach was complemented by a structured heuristic analysis, aligning with Nielsen's Usability Heuristics. By combining real-world insights with established usability principles, I was able to identify a range of usability challenges – from clear-cut functional issues to more subtle user experience obstacles. This blend of authentic user input and expert analysis forms the cornerstone of my recommendations, ensuring that the suggested improvements are not only theoretically sound but also practically relevant to everyday users.

Conclusion

Microsoft Teams, as a vital tool in our remote work and education era, has several areas primed for improvement to enhance its overall utility. By addressing the specific concerns highlighted in text chat functionality, video meeting interfaces, and notification management, we can significantly improve the platform's usability. These enhancements, rooted in genuine user feedback and expert analysis, are geared towards creating a more intuitive, efficient, and user-friendly experience. Such continuous evolution is essential in keeping pace with the dynamic needs of modern communication and collaboration, ensuring that Microsoft Teams remains a robust and reliable tool for users worldwide.

Acknowledgements

I used Grammarly to check and correct grammar in this blog post, ensuring the writing is clear and accurate. This helped improve the overall quality of the content.

References

[1] Nielsen Norman Group - 10 Usability Heuristics for User Interface Design: https://www.nngroup.com/articles/ten-usability-heuristics/

[2] Nielsen Norman Group - How to Rate the Severity of Usability Problems: https://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

[3] Microsoft Teams admin documentation: https://learn.microsoft.com/en-us/microsoftteams/

[4] Grammarly - English Grammar Check: https://www.grammarly.com/grammar-check

Lost Connections: The design deficiencies plaguing LinkedIn's website

 By Zelina Wankadiya

Introduction

In the expansive world of professional networking, LinkedIn serves as a pivotal platform connecting individuals across industries and fostering opportunities. However, as users, we often find ourselves navigating a digital landscape that, despite its vast potential, may leave much to be desired. In this blog post, we venture into some design nuances within the LinkedIn website, further delving into the user experience.

As we navigate through the design landscape of LinkedIn, our aim is not to critique merely for the sake of criticism but to initiate a constructive dialogue. Through the identification and comprehension of design challenges, we strive to contribute to a shared conversation about how platforms such as LinkedIn can progress to more effectively cater to their diverse user base.

Process

These findings were drawn from observations made while testing the website with a varied user group. These users were instructed to think aloud while performing specific tasks on the site. In addition to user testing, expert heuristic evaluations were employed to identify any underlying weaknesses in the design of LinkedIn's website.

Following were the most prominent design imperfections identified:

#1: Inconsistency in call-to-action buttons on users' profile

Usability Rating: Average

In LinkedIn user profiles, the call-to-action buttons displayed vary. As shown in Fig 1 below user profile 1 has a prominent "Connect" button on the page, while in Fig 2 user profile 2 hides it in the "More" menu. Similarly, user profile 2 features a prominent "Follow" button, while it is hidden away in the "More" menu for user profile 1. 

Fig 1: Follow call-to-action button is hidden in the "More" dropdown

Fig 2: Connect call-to-action button is hidden in the "More" dropdown

Recommendation: 

• Standardize the call-to-action placement to maintain consistent colours and positioning of essential call-to-action buttons prominently, including "Connect," "Follow," and "Message," on all user profiles.

#2: Difficult to retract a connection request

Usability Rating: Bad

Users faced a challenge while trying to retract a mistakenly sent connection request. Although a mechanism was in place to retract connection requests by utilizing a toggle button, the button was labeled as "Pending", accompanied by an icon of a clock denoting the same status. Unfortunately, users failed to recognize that this toggle button could be activated to withdraw the connection request due to the absence of any clear indication or guidance, thus not making it easy for a user to recover from an error.

Fig 3: It is unclear what action will be performed when the button is clicked

Recommendation: 

• Accurately label the button to incorporate a textual label that explicitly conveys the next state once the user interacts with it, for example, "Retract Request." Simultaneously, the icon can serve the purpose of indicating the present system state, such as "Pending".
• Integrate a tooltip feature to furnish users with information about the control's function and the anticipated result upon clicking the button.

#3: Cluttered search recommendations

Usability Rating: Average

The search recommendation list displayed lacks hierarchy and contains excessive information when users perform searches. Each search result includes the person's name, a number indicating the closeness of "connection" (which most users don't even seem to understand), and their headline. However, this often leads to the truncation of headlines, making it difficult to comprehend it. This not only creates cluttered search results but also impedes the user's ability to understand the information presented effectively.

Fig 4: Information in the search recommendations appear cluttered

Recommendation: 

• Include only relevant details to ensure user understanding. Avoid unclear elements like connection number (Eg. 1st or 2nd or 3rd) ; focus on workplace or education background for a more informative experience with a clean and minimalist design.
• Organize search recommendations with structured hierarchy, rather than displaying all the information in one line. This will enhance both aesthetics and usability.

#4: Inconsistent link behaviour

Usability Rating: Average

Consistency in design patterns is crucial to avoid surprising users with unexpected actions when interacting with similar-looking controls. In this case, we've identified an inconsistency in the system where both "Contact Info" and "Number of Connections" appear as links with identical visual characteristics. However, when users click on these links, their outcomes differ. 

Fig 5: Contact info link opens up as a new webpage

Fig 6: Contact info link opens up as a modal dialog in overlay

Recommendation: 

• Maintain a design system document that clearly defines the expected behaviour for different types of links and controls throughout the system. Ensure that all design decisions align with these standards.

Conclusion

While exploring the complexities of LinkedIn's website design, we have identified several issues that affect the user experience. These range from inconsistent call-to-action buttons to difficulties in withdrawing connection requests and crowded search recommendations. This blog focused on precisely pinpointing these weaknesses, leveraging both user testing and expert heuristic evaluations. I have also proposed recommendations to standardize design elements, improve labeling, and enhance overall usability. Given LinkedIn's continued significance as a pivotal platform in professional networking, addressing these design imperfections has the potential to create a smoother and more user-friendly experience for individuals across various industries.

Acknowledgement

I acknowledge the use of Grammarly to refine the grammar and the use of ChatGPT to improve upon the title of this blog post.

Share your experience or ideas about this blog post in the comments below! 👇

Evaluating the Usability of British Airways Website: A Detailed Analysis

By Sayed Us Sadat

Introduction

Heuristic evaluation enables users to quickly and efficiently identify potential usability problems in software based on expert knowledge and established usability principles in books or research papers. It's a crucial part of the design process, ensuring that products are user-friendly and accessible. I investigated the British Airways website's user experience (UX), focusing on its alignment with Nielsen's ten usability heuristics as a reference framework. British Airways (BA) is the second largest UK-based flag carrier airline. Besides providing online flight booking, they are providing add-ons such as car rentals, hotel stays, sharing flight plans, picking up from the airport, etc. In this blog post, I will discuss the significant opportunities to enhance usability and increase customer satisfaction and company sales. Additionally, I will also include some recommendations that can be implemented by developers or designers to avoid those issues while designing a similar website.

Usability Issues and Recommendations

Defect 1: Lack of loading indicator while flight result is not displayed 😕

Figure 1: Result loading after users filter flight details and click the Find Flight button. 

Shown in the red box, the information is still being fetched.

The website needs to provide clear feedback to users after they take action. For example, when users perform a flight search using the filter form, there may be a delay in fetching the results. This leads the users to be made aware of what is going on.
This issue falls under Nielsen's heuristic of "Visibility of System Status," which discusses the importance of informing users about what is going on through appropriate feedback within a suitable time.

Recommendations:

You can implement a loading indicator. The indicator could be an animated Aeroplan icon or any icon relevant to your website niche with a progress circle or a percentage, which will clearly let the users know how much the system will take to show the result. This will also ensure that the website is still processing and not stuck or crashed.

Defect 2: Confusing baggage-carrying rules and regulations 🧳

Figure 2: Shows the baggage allowance when a desired flight is selected.
Shown in the red box, the term ‘checked baggage’ may confuse some users.

On the BA website's baggage information section, the website has terms like "checked baggage allowance," "cabin baggage," "hand luggage," and "personal item" through their baggage information page. Usually, these are standard words used by the airline industry. Still, there can be a scenario where a traveller who is traveling for the first time using an aeroplane might need help understanding the differences between these terms. For instance, "checked baggage allowance" might mean that it refers to how many items they can put, their weight, or their dimensions. Similarly, "cabin baggage" and "hand-carry" could be confusing because both can be carried on board, but they have different restrictions on the dimensions.

This scenario violates Nielsen's usability heuristic of "Match between the system and the real world," which states that systems should use words, phrases, and concepts familiar to the user rather than system or business-oriented terms. If a customer needs to be clearer about the baggage they can carry, it can affect the company's revenue as the correct ticket won't be purchased. 

Recommendations:

You can include a website feature called tooltips or a reference link to a glossary explaining the different baggage terms clearly. The guide or popup can consist of icons and visuals of baggage to represent the type of luggage, the dimension policy, and the weight.

Defect 3: Unable to fix a mistake in flight search quickly 🔍

Figure 3: No way to rectify the filters in one shot. 

Shown in the red box, there could be a ‘Reset’ button to clear all the filters.

Sometimes, a user may change their mind or realize they have made a mistake while filtering out the flight options to narrow down their choices. If they wish to modify their preference, they will find that the form is not allowing them to reset the entire search. Rather, they need to change each field individually, which can be a time-consuming and frustrating experience.

This situation violates Nielsen's heuristic of "User control and freedom." Users should be able to exit or undo changes without going through a lengthy process.

Recommendations:

You can add an easily accessible and clearly labelled 'Reset' option on one end of the filter form. This would allow users to modify individual filters without starting over.

You can also implement a mechanism when users are in edit mode; clicking on individual fields may populate a 'cross' icon, which, when clicked, will reset the field. Right now, users must click on the backspace button until the field is empty. An 'undo' feature can also be added to allow users to revert to their last change without clearing the whole form.

Defect 4: Website design inconsistency across different services 🎨

Figure 4: Shown in the red arrow, the left side is the new version of the website, 

and on the right is the old version or a different style with a different font, color, etc.

I observed that the BA website needs consistent interface elements across different pages. When the Flight + Hotel, Flight + Car, Hotel, and Car search criteria are chosen, it can be observed that the redirected result page has a different website design. This could be an old website design, and the new layout only works for the flight search. This can confuse users and hamper brand trust. A study on website consistency shows that an inconsistent website design can lead to a high bounce rate, which means that the user will leave the website without interacting or purchasing from the website.

This problem violates Nielsen's heuristic of "Consistency and Standards," which specify that users should not have to wonder whether different design, situations, or actions mean the same thing. If web design is consistent, it will allow the users to interact with the website interface with prior knowledge.

Recommendations:

When developing a website, you may set design standards must be set to ensure visual consistency across all web pages. Also, interaction design standards must be set, which will define how the customers should interact with different pages and elements.

Defect 5: Overuse of promotional ads and large text blocks to divert customers away from the target 🔈

Figure 6: Screenshot showing Promotional banners in the red rectangular box.

At the checkout page, the website might have a design issue as the element on the page is cluttered. This leads to a visually overwhelming experience for users. As shown in Figure 6, the third-party service advertisements filled the page, distracting users from their primary task of booking and confirming their flight. Moreover, the website does not follow a consistent visual hierarchy (colour scheme, typography scale, and component styles). The flight details are shown on top of each other, making the height of the information larger.  The main call to action on the checkout page is confirming the purchase after seeing the flight purchase summary. Here, the users will be confused and lose the purchase button, resulting in a bounce rate and loss of sales. The issues above violate Nielsen's heuristic of "Aesthetic and Minimalist Design," which states that in a system interface, there should be no irrelevant information. It is a severe issue as it will lead to a loss in sales.

Recommendations:

You can use a design pattern that takes up less space. For example, a carousel is a great idea that will allow users to browse through promotions without them all competing for attention at once. More importantly, the promotions should be placed as a sidebar or below the purchase confirm button, or there could be a step where it will ask the user if they are looking for an additional service. The flight summary is a dense text block, and it can be broken up into bullet points and shorter paragraphs. The content must be modified to have a more concise meaning.

Conclusion

The heuristic evaluation of the British Airways website shows the importance of bridging the gap between user expectations and actual experience. Addressing identified issues, such as lack of immediate feedback, navigational inconsistencies, and insufficient error prevention, is crucial. This exercise was an enlightening journey for me into the world of UI/UX design. It is fascinating to see how even small changes can significantly impact the overall user experience. I hope you found these insights interesting and maybe even a little inspiring for your web projects!

References

[1] Nielsen, J. (n.d). How to Conduct a Heuristic Evaluation. Accessed February 9, 2005, http://www.useit.com/papers/heuristic/heuristic_evaluation.html
[2] Nielsen Norman Group, https://www.nngroup.com/articles/ten-usability-heuristics/
[3] Markettailor. (n.d.). Why consistency is key in website design. https://www.markettailor.io/blog/why-consistency-is-key-in-website-design
[4].  British Airways, URL: www.britishairways.com

Feel free to share your experience or ideas about this blog post in the comments below.

Exploring User Experience: Evaluation of IRCTC Website And Application

By Sahil Rajpal

Introduction

IRCTC, short for the Indian Railway Catering and Tourism Corporation, serves as a widely utilized online platform for ticket bookings in India. This platform has significantly streamlined the ticket booking process, saving users the hassle of visiting railway stations. The online reservation system allows users to check train availability, book tickets, and even cancel or modify bookings. IRCTC, provides operations in tourism, railway, and catering, plays a crucial role in the Indian community. Its website and mobile application offer users a convenient means to access of these services. I have assessed the IRCTC website and app using Nielsen's heuristics. I will uncover major issues that are based on Nilsen’s criteria that will provide the valuable insights to improve the user interface and overall usability. This analysis will enable us to identify the areas that need enhancement that will make IRCTC website and application more efficient and user-friendly. This blog post will highlight the issues of utmost severity that are violating heuristics and offer recommendations to address these problems.

Details of Software Used

IRCTC provides all the facilities of ticket booking on both mobile and website. These include cancellation of tickets, catering and food services, check PNR status and even one can book the retiring room as well as travel insurance which can be done through various online payment options.                          

Fig 1.Shows Homepage of IRCTC

 

Usability Issues & Improvements

I. Insufficient Details Provided!

Issue: Incomplete information for waitlisted categories poses challenges for new and regular users, requiring them to rely to third-party websites for access to complete booking. This reliance on external sources can result in confusion. Some of the short forms used by IRCTC include GNWL (General Waiting List), RLWL (Remote Location Waiting List), PQWL (Pooled Quota Waiting List), RAC (Reservation Against Cancellation), RLGN (Remote Location General Waiting List), RSWL (Roadside Station Waiting List), RQWL (Request Waiting List), and CKWL or Tatkal waiting list.

Fig 2. Depicts Insufficient Details

Heuristics Violated & Severity: According to Nielsen Heuristics, the incomplete information about waitlisted categories presented in short forms violates the principle of Help and Documentation. This heuristic emphasizes the importance of providing users with proper help that is task-focused and time-efficient. It will help new user’s as well as returning users.

This is the major problem which needs to be addressed as soon as possible so I will assign it mean score of 3 on Heuristics Severity scale as there is incomplete information for waitlisted categories which hampers the users and reduces their efficiency.

Suggested Improvements: IRCTC should provide help and documentation for various categories as this will make the task for ticket much more convenient for the user or link can be provided to access information about the short forms on new page. This method will make it easier for users to understand different waitlisted categories and improve their user experience of booking ticket which will also broaden the base for returning users who might prefer offline booking because of incomplete information.

II. Last Transaction Detail Lacks Consistency! (No Print and Email Option)

Issue: The absence of options to email or print a ticket when accessed from the last transaction on the homepage is major wastage of time. The user is required to take additional steps by navigating to the "Booking History" within the "My Account" section to send or print a ticket. This extra process diminishes user efficiency and introduces inconsistency in the system.

Fig 3. Lacks consistency in Last Transactions.

Heuristics Violated & Severity: According to Nielsen Heuristics, the heuristic which violated here is related to Maintain Consistency and Adhere to Standards. Consistency across each page is emphasized to minimize user frustration and confusion.

This is problem of high priority so I will assign it the mean score of 3 based on Heuristic Severity scale as there is inconsistency on last transaction detail which reduces the user experience.

Suggested Improvements: This issue can be addressed by integrating all the features available in the booked ticket history into the last transaction details. This new feature would establish a consistent user experience, enabling users to access essential functions without the requirement to switch to the "My Account" section.

III. Crucial Information is Positioned at the Bottom and Appears too Small.

Issue: The highlighted issue in the figure below refers to the small size of the text located at the bottom of the page, which can easily be overlooked by the user. Additionally, there is limited information provided for the text which restricts the user to interact with it effectively.

Fig 4 . Shows small text in bottom of page.

Heuristics Violated & Severity: According to Nielsen Heuristics, the violation pertains to the principles of User Control and Freedom, as well as Visibility of System Status. Users wants the information in a more prominent size and visible area. They should also have the freedom to interact with the text to access a more detailed version. The absence of additional link on text restricts user control and freedom.

This problem can be barrier for some users as it may lead to misinformation which results in poor user experience. Therefore, I will assign this problem the mean score of 4 based on Heuristic Severity scale as it could have adverse consequences if information is missed by potential users.

Suggested Improvements: To resolve this issue, make information readily available in easily accessible areas of the website. Increase the text size for improved readability and include hyperlinks within the content to provide additional information when needed.

IV. Complicated Layout and Navigation Problem.

Issue: The page currently has three navigation bars, causing confusion and making it difficult for users to interact. To streamline and improve user-friendliness, consider eliminating one of the bars, as both the upper and left bars can effectively handle functions like moving to the next or previous day and sorting trains. This change will result in a less cluttered design and a more straightforward user experience.

Fig 5. Shows Complex Layout

Heuristics Violated & Severity: According to Nielsen Heuristics, the violation pertains to the principles of Visibility of System status and Aesthetic and Minimalistic Design.

Three navigation panes on a single page can cause user confusion, leading to wasted time as users navigate between them. Therefore, I assign it a mean score of 3 based on Heuristic Severity Scale, indicating the urgency to address this issue promptly.

Suggested Improvements: Improving website user-friendliness involves simplifying choices for users. Consider removing one of the top second navigation bars, as it duplicates information from the upper and left navigation bars. This adjustment can enhance accessibility and reduce clutter on the website.

V. IRCTC Application Lacks the Option to Rebook Ticket from Failed Transactions!

Issue: The problem depicted in the figure below concerns the failed transactions history, where there is no option to rebook a ticket due to which, users are compelled to repeat all the steps from the beginning.

                                               

Fig 6. No option for rebook or delete.

Heuristics Violated & Severity: This violates the principle of User Control and Freedom, impacting user flexibility and the ability to navigate as the user desires. It restricts the freedom of user by not providing the option of booking again from failed transactions.

This is severe problem which require immediate attention as providing greater control to delete and rebook ticket enhances user efficiency and experience so I will give this problem the mean score of 4 based on Heuristic Severity Scale.

Suggested Improvements: Users should have the flexibility to either rebook or delete a ticket from their failed booking history. This empowers them to efficiently rebook a ticket with the same details or clear the history, contributing to a more user-friendly experience.

VI. IRCTC Application Home Page filled with different Colors and varying Text Width!

Issue: The issue in IRCTC mobile application home page is due to color usage as well as lack consistent color balance and because of varying text width of icons can be distracting which displays the homepage confusing and inconsistent.

                                                  

Fig 7. Shows varying text width and different colors.

Heuristics Violated & Severity: It violates Aesthetic and Minimalistic Design which make it more convenient for user to access the information and visually all icons should be easily accessible by the users.

Mobile responsiveness issues arise, especially on smaller screens, leading to cluttered icons that may cause users to click on the wrong ones unintentionally. This results in frustration, so I will rate this issue the mean score of 3 based on Heuristic Severity Scale.

Suggested Improvements: Balancing color choices with text is crucial for improving the visual appeal of the application and achieving a polished appearance.

Conclusions

The heuristic evaluation that I conducted highlighted critical issues that require immediate attention to enhance user engagement on the IRCTC website and application. Major problems, such as missing information and cluttered navigation, were identified. Implementing features like help, maintaining uniform text formatting, and using larger, noticeable text are crucial steps. Given that IRCTC is the official website for booking railway tickets in India, addressing these issues promptly is essential. Thorough usability investigations and user-centric solutions can prioritize and resolve the most critical issues, ultimately making the platform more user-friendly and effective.

Acknowledgements

Grammarly was used to correct grammar, ensuring accuracy and clarity in describing usability issues on the IRCTC website. The collaborative effort between the author and Grammarly aimed to enhance the overall quality of the content and address potential language-related concerns.

References

[1] 10 Usability Heuristics for User Interface Design, https://www.nngroup.com/articles/ten-usability-heuristics/

[2] IRCTC website at https://www.irctc.co.in/nget/train-search

[3] Heuristic Severity Scale, https://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

[4] Improved English with the help of Grammarly, https://www.grammarly.com/grammar-check

 

To What Extent Does the Usability of the Indian Government's Driving License website, Parivahan Sewa, Meet Standards? A Comprehensive Evaluation of its User-Friendliness.

By Gurdarshan Singh

What is Parivahan Sewa Website about?

Parivahan Sewa is a prominent online transportation service provider that is assiduously run by the Indian government. The terminology, which comes from the Hindi terms "Parivahan" and "Sewa," respectively, expresses the essence of movement and service. This sophisticated online portal stands as a testament to the government's commitment to facilitating streamlined access and management of vehicle-related documentation and services for its citizens. Empowering individuals with efficiency and convenience, Parivahan Sewa serves as a pivotal instrument in modernizing and simplifying the administrative landscape of transportation-related procedures.

What are the issues that are affecting the usability of Parivahan Sewa? How am I going to assess them?

Numerous challenges significantly impede the optimal usability of Parivahan Sewa. In this blog post, my focus will be directed towards addressing issues of medium to extreme severity. When assessing the Parivahan Sewa website, I methodically employed Nielsen's Ten Usability Heuristics. These guidelines served as a thorough framework for evaluating the user interface design of the website, helping me pinpoint potential usability issues and direct my analysis. Let us delve into a comprehensive examination of these critical concerns using Neilsen’s Heuristics. We will be using the Severity scale to measure the impact of the issues.

SEVERITY SCALE

I. Cards with a Vague and Grammatically Incorrect Tagline Underneath.

Fig 1: Card with Vague Tagline and its Solution

Issue:  The first problem lies in the grammatically incorrect and ambiguous slogans beneath the card headings. For instance, in Figure 1, the slogan below the heading states, "License registration on your fingertips," which appears informal and vague. Such slogans should be avoided, and instead, they should be more direct and formal in nature. New users may find the 'More' option on the homepage confusing.

Heuristic Violated and Severity:  Neilson Heuristic 2: Match between the System and the real world. It is of High Severity.

Suggestions: The substitution of the 'More' button with the 'Apply' button would significantly enhance user experience. To ensure clarity and formality, it is imperative to refine the slogans. For example, in Figure 1, consider revising the slogan to "Get your License from here" rather than the current "License registration on your fingertips." This modification aims to eliminate ambiguity and improve user understanding. Developers are encouraged to replace all unclear slogans throughout the platform for an overall enhancement in user communication and satisfaction.

II. Lack of Clear Guidance on the Navigation Process

Fig 2: Absence of Clear Instructions and its Solution

Issue: The second concern centers around the absence of clear instructions guiding users on how to achieve their desired goals. The listing of available features lacks a structured format, leading to confusion about navigation. For instance, in Figure 2, all features are presented on the homepage without a defined format or accompanying guidance. This lack of direction is particularly problematic for new users exploring the website, leaving them feeling adrift and uncertain about how to navigate it effectively.

Heuristic Violated and Severity:  Neilson Heuristic 9: Help users recognize, diagnose, and recover from errors. This issue is of extreme severity.

Suggestion: Instead of displaying features haphazardly, the website would greatly benefit from adopting a structured, step-by-step approach to seamlessly guide users through the process. For instance, Figure 2 showcases features in a somewhat disorganized fashion and also one which presents a thoughtfully reorganized, stepwise guide for enhanced user clarity. Emphasizing the importance of clear instructions, it's crucial to highlight prerequisites, such as obtaining a learner's license before applying for the final driving license. By implementing this approach, the user experience is not only streamlined but also ensures users navigate the platform with ease and confidence.

III. Absence of User Flow Status

Fig 3: Absence of User Flow and its Solution

Issue: The third issue pertains to the absence of clear cues indicating the user flow on the website. Highly usable websites ensure users have a transparent understanding of their current position within the site's structure. The deficiency of these status indicators can lead to user disorientation amid the website's complexity, significantly hindering effective navigation and comprehension.

Heuristic Violated and Severity: Neilson Heuristic 1: Visibility of system status. This issue has moderate severity.

Suggestion: To tackle this issue effectively, a straightforward solution involves incorporating a clear user flow indicator. Developers can achieve this by integrating a breadcrumb trail, such as "Driving/Learner License -> Apply for Learner License," positioned beneath the navigation bar. This thoughtful addition will empower users with a visual guide, enhancing their understanding of their current position within the website's structure.

IV. Inability to Navigate Back After Form Submission

Fig 4: Unable to Go Back After Form Submission

Issue: The fourth problem concerns users being unable to navigate back after completing a form on the website, resulting in the display of an error message labelled "Confirm Form Submission." This issue arises from the failure to save the form data, limiting users' autonomy and control over their interactions on the website.

Heuristic Violated and Severity: Neilson Heuristic 3: User control and freedom. This issue is of extreme severity.

Suggestion: To elegantly resolve this hiccup, astute developers should contemplate the integration of browser caching or harness the prowess of cloud-based data storage to gracefully safeguard form data throughout a user's session. By deftly preserving this vital information, users are empowered to navigate the website seamlessly, steering clear of any pesky error messages. This not only guarantees a fluid user experience but also liberates individuals from the tedious chore of repeatedly inputting redundant details, thereby imparting a touch of sophistication and excellence to their online interactions.

V. Clicking on any link takes the users to another tab.

Fig 5: Clicking on Website Links Navigates to New Tabs

Issue: The fifth issue stems from the website's use of links that pop open in new tabs. This setup can befuddle users trying to find their way back to the original page after clicking a link. Depending on the browser, the back button might not behave as expected, leading to some serious frustration. This predicament is especially tough for users with disabilities who rely on assistive tools, as juggling multiple open tabs can be quite the challenge. What's more, those aiming for a clean exit from the website might hit a roadblock due to the proliferation of new tabs.

Heuristic Violated and Severity: Neilson Heuristic 3: User control and freedom and Neilson Heuristic 4: Consistency and standards. This issue has high severity.

Suggestion: To rectify this issue, it is advisable to configure all homepage links to open within the same tab, eliminating the need for redirection to new tabs. While some developers may deliberately introduce this problem to prolong user engagement, it frequently leads to user dissatisfaction. Ensuring a uniform experience where all links open in the same tab not only empowers users with greater control but also minimizes unwarranted confusion.

VI. Issues with uniformity throughout the entire website.

Fig 6: Inconsistency Throughout the Website

Issue: The sixth issue highlights a notable inconsistency within the website. Specifically, crucial links on the homepage deviate significantly from the main homepage design, creating confusion for users. The distinct appearance of these links raises uncertainty about whether users are still within the Parivahan website. This lack of uniformity poses a significant challenge for users attempting to navigate the site effectively.

Heuristic Violated and Severity: Neilson Heuristic 4: Consistency and standards. This issue is of high severity.

Suggestion: To effectively address this issue, it is crucial to enforce visual cohesion across all links on the homepage, ensuring they seamlessly integrate with the main homepage design. This entails harmonizing the design and layout of every section throughout the website to mirror the consistency of the homepage. Developers should prioritize achieving a uniform visual experience across the entire site, aiming to eradicate any confusion arising from discrepancies in appearance.

Conclusion

The Parivahan Sewa website, overseen by the Indian government, functions as a crucial online platform for transportation-related services. However, an assessment of its usability reveals several significant issues. These include ambiguous and grammatically incorrect taglines beneath card headings, a lack of clear guidance for users, absence of indicators for user flow status, difficulties in navigating back after form submission, links opening in new tabs causing confusion, and inconsistency in the visual design across the website. The severity of these issues varies, ranging from moderate to extreme. Addressing these concerns is essential for optimizing the Parivahan Sewa website, streamlining user interactions, and enhancing overall usability.

Acknowledgement

The grammatical corrections were facilitated using Grammarly to ensure accuracy and clarity in conveying the information about the usability issues identified on the Parivahan Sewa website. The collaborative effort between the author and Grammarly aimed to enhance the overall quality of the content and address potential language-related concerns.

 

References:

[1]          10 Usability Heuristics for User Interface Design - https://www.nngroup.com/articles/ten-usability-heuristics/

[2]          Parivahan Sewa (Indian Government Driving License Website) - https://parivahan.gov.in/parivahan/

[3]          Improved English with the help of Grammarly.