UI/UX Design, Design Lead
Mosaic is the productivity tool that provides firms and businesses an efficient way of managing ever-growing number of projects and team members. As a first designer on the team in 2015, I was fortunate to take part in the endeavor to revolutionize team and project management and be involved in an exciting journey that took us where we've never imagined as the product has scaled.
Many organizations and teams which rely on traditional spreadsheets to administer their work are struggling from lack of proper communication and task management. Currently, existing tools that aim to aid that problem are either limited in functionality or have complex dashboard interfaces that intimidate people to get their hands on. There are additional overheads associated with team meetings, delegating or assigning work and, searching for project related information.
A singular tool that can handle communication, project scheduling and budgeting and task management in one place would solve a lot of these issues and Mosaic envisions to help these organizations to track projects and foster effective communication between teams reducing time, scheduling and tracking overheads.
People use the product differently depending on the role, tasks or expertise. To understand the workflows of our different types of users, my co-designer and I tried to gather as much insight as we could about the parameters that affect their work, and how that, in turn, affects the company. The goal was to understand the following
The organization structure in a quintessential Architecture-Engineering firm
The structure of a project: a building inspection
While surveying people, we've studied that these are their pain points:
“With all of our communication over different channels, things get lost in transit or are missed out. It’s difficult to keep track of the latest requirement or expectations. A singular channel to manage projects, task assignments, documents is required”
“Going back and forth over email hampers productivity”
“If one project goes off schedule, the rest of projects get off schedule and we need a way to manage that"
After the initial contextual inquiry with different members of a participating organizations, the following insights were obtained:
A Generic Overview
The insights gained from contextual inquiry and user interviews, we've created the information architecture and low-fi concepts for primary use cases. We began to conduct heuristic analysis with the low-fidelity mockups which were then paired up with a cognitive walkthrough.
For each primary use case, we asked the following questions:
An overview of the company
Track the progress of the company
12 YEARS (Entrepreneur)Usually in the office on a desktop
Check the progress of projects- Check-in with project managers for issues
To report to owners immediately if there is some issue
To coordinate projects and delegate work to subordinates
MBA in Operations, 5 Years Work Experience. Usually in the office on a desktop or a call
Connect and coordinate work with project members- - Assign tasks and track their progress- Analyze findings to make important decisions and see performances.
Needs a list of tasks to perform
to report findings and update seniors with project status
PE License, 2 Years Work Experience, Bachelors in Structural EngineeringUsually in the office on a desktop or a call
Taking pictures and reporting status on job site- Completing assigned tasks before the deadline
A project management solution that reduces the effort spent by team members on low value, administrative tasks allowing them to deliver business value promptly. A platform allowing to view, plan, manage and track all the work done across the company efficiently.
For this solution, Mosaic consists of three main spaces: Home, Team and Project.
Home manages the day to day of each user.
Who uses this?
What is this?
It’s the central dashboard allowing users to see all the tasks assigned to them, and all the projects they are a part of. This includes projects across different departments. Everything expected of an employee exists on this screen so it’s easy to know what is expected and what needs to be done.
It the grouping of various projects by teams. You can see the project updates by the members working on it. Over iterations, we've included other project-related elements to display, such as project activity, timeline and progress.
Who uses this?
Project Managers | Stakeholders handling projects or teams
e.g. Human Resources, Financial, Design
What is this?
This space shows a particular group of projects which can be department or activity-specific. This can also be a giant project broken down into its constituent parts.
Clicking into a project from Home or Team space opens up the Project. Each project has several modules that are project-specific including task groups, notes, timelines, budgets, etc. Users can manually add any ongoing updates to this project for anyone to see.
Who uses this?
Stakeholders | Project Managers | Employees
e.g. Website Redesign project, Building #2 Parking Lot Restoration
What is this?
This space contains tasks can be assigned to members and aggregated notes containing all the documents of the project. There are specific modules called views that can be added to provide extra functionality as per project requirements.Each module performs its specific function.
We tested the product at various stages of the project - hi-fi prototype, beta testing on pilot server and the final live product.
Test group consisted of 3 architects and 4 engineers from AEC firm in New York City to get feedback on the functionality, workflow intend, and interactivity of the product. They helped us find usability issues early on and identify edge cases for us to study. They also helped us run QA session after the feature delivery with prompt feedbacks and reports on issues.
While Mosaic has shipped a set of features that will satisfy day to day tasks on most teams, our team didn't stop there. We have received much feedback from customers and they were open to sharing their pain points and needs. After a series of discussions on how to make Mosaic better and reach to the broader audiences, we've mapped out the roadmap with exciting new features: Timesheet, Workload planner, Company Dashboard, third party integrations, and more administrative features.
Of course, there are many areas that I'd wish to improve on. For example, missing a full library of design components in a single source of truth caused us to spend much more time creating the same solution over and over again and the app suffered inconsistency of elements here and there. The design system has become the hot topic among designers along the way, it'd be the perfect solution for those problems (So I've built it).
Now that I have become a former employee of the company, Mosaic won't stop to fully become what it first envisioned at the start, I can't wait to see how it evolves in the future.
© 2019-2020 by Kristian Kim. Font GD Shera made from Hanken Design Co. is licensed by CC BY 3.0