Webapp

Collabhub

Heuristic Evaluation · Personas · Wireframes · User Testing · Prototyping

Overview

CollabHub is a web application tailored for remote employees, aimed at addressing the challenges commonly encountered in remote work environments. The main focuses of this project included information management, knowledge sharing, and fostering social connections

Approach

In every design decision, we prioritized the users, incorporating their feedback and ensuring that the design aligned with their needs.

I conducted thorough research, which included a competitive review, literature analysis, and multiple rounds of user testing.

Heuristic evaluation

competitive analysis

I initiated the process with a competitive analysis to gain insights into existing platforms that support remote work. Among the most favored were Slack, Discord, Microsoft 365 Suite, Google Workspace, and G Suite.

I emphasized key features such as document and media sharing, communication functions, personal profiles, notification options, and search capabilities. Subsequently, I compared the functional differences among these features.

Mind Map

usability tests

Following this, I conducted cognitive interviews to delve into remote employees’ experiences, preferences, and challenges regarding communication, community, knowledge sharing, and tools.

The findings indicate that Standard Operating Procedures (SOPs), formal meetings, searchable platforms, and a sense of community are significant factors in remote work environments. A notable need among remote employees is assistance with accessing information and retrieving documents. Additionally, effective communication methods that facilitate reaching out to colleagues are crucial in remote work settings.

site map

Logo design

Wireframes

Lo-fi prototype

Building on our initial sketches, we developed a low-fidelity prototype that incorporated key task flows for both user levels.

Key Tasks:

  • Reaching out to a colleague
  • Finding an Standard Operating Procedure
  • Completing an onboarding session
  • Scheduling a meeting
  • Creating a group chat

first round testing

I conducted unmoderated usability tests with four participants. During these tests, they performed key tasks and shared screen recordings of their experiences. Additionally, participants used the System Usability Scale (SUS) to rate their overall experience with the system.

Overall, participants found the low-fidelity prototype easy to use, with a few exceptions. One participant described the system as cumbersome, while two others offered specific feedback on our integration. Given that our participants possessed knowledge of computers and similar systems, their feedback proved to be particularly valuable.

Mid-Fi prototype

The mid-fidelity prototype required enhancements in integration between pages, improved organization, and increased efficiency for executing key tasks. To reduce confusion during task execution, we implemented changes to the labeling in the navigation. Additionally, we made minor UI adjustments.

second round testing

The second round of testing involved our mid-fidelity prototype, aiming to gather insights for refining and developing the high-fidelity version.

  • The introduction of user-friendly labels (“Social” and “Resources”) to replace the previous “People” and “Company” sections was positively received.
  • The second round reaffirmed the overall findings from our first round, indicating that the prototype continued to be logical and easy to navigate.

Hi-Fi Prototype

Next Steps

  • Gather user feedback on our completed prototype by conducting comprehensive usability testing.
  • Our primary focus has been on desktop interaction. Ideally, the next step would involve implementing a responsive design, which includes adapting the platform for mobile use.
  • While our current version centers on key features, there is potential to add additional functionalities in the future to further enhance our product.
Next Project

Reckless Records