Server: Resolume
Client: p5.js + OSC protocol
Co-exist with Lake Macquarie
A university project in collaboration between USYD and Lake Macquarie city council.
Timeline
USYD S1 2023
Feb 23 - Jun 23
Platform
Interactive and immersive
360° projection screen
My role
UX/UI designer
Design technologist
Primary tools
Designing for the multi-art pavilion venue MAP mima located at Speers point Lake Macquarie
👨💻 My role
I collaborated with 3 other student designers throughout this project.
I regualarly engaged in design meetings and conducted various UX design methods from research to ideation to prototyping.
I lead the development of the coding component for this project, this include the p5.js interface and interactions between the projection screen(resolume arena) and browser(p5.js) using the OSC protocol.
Overall design process
🧠 Welcome to my thought process
🚩 Problem
Design a new freemium Atlassian product
that can be used by students.
"Targeting students in particular gives Atlassian the opportunity to introduce our tools to users early so that they can bring it with them when they enter the workforce." - Design brief from Atlassian
Outdated design aesthetics
"We carry a lot of legacy designs as a result of
being an early player in the field."
The existing design requires an update to align with contemporary design trends, ensuring a modern and visually appealing user experience.
Limited appeal to younger demographics
"To remain competitive, there is
immense potential to capture the younger generation and keep up with today’s design trends."
The current products lack elements that resonate with younger generations. Enhancements are needed to make the platform more engaging and appealing to this demographic.
Insuffient support for student transition
"Targeting students in particular gives Atlassian the opportunity to introduce our tools to users early so that they can bring it with them when
they enter the workforce."
The products should be enhanced to better assist students in transitioning from university to workforce. This may involve incorporating features or resources that provide guidance and support during this ciritical phase.
📍Reframe the problem
How might we
How might we support students and young professionals (18-29) that work on multiple projects to improve their task and time management while maintaining Atlassian's brand identity and creating free and premium features?
Online ethnography
Users want minimal learning curve
The Atlassian Suite sets the industry standard, placing a strong focus on remote work and cross-functional collaboration. Its key strengths lie in a solid company reputation and a well-developed integration ecosystem. However, it tends to prioritize functionality over aesthetics, and there may be challenges in attracting younger generations.
In the online ethnography research conducted within Jira and Trello forums and discussion groups, Jira faced criticism for its steep learning curve, particularly noted by non-technical users. Conversely, Trello received positive feedback for its user-friendly interface, making it accessible and easy to use.
Competitor analysis
Current trends
Intuitive UI: Asana and ClickUp prioritize clean, visually appealing interfaces.
Flexible Workspaces: Notion's success is rooted in offering flexible and customizable workspaces.
Streamlined UX: ClickUp and Linear focus on a streamlined user experience, minimizing unnecessary steps.
Collaboration Features: Asana and Basecamp excel in providing robust collaboration tools like discussion threads and file sharing.
Integration Capabilities: All platforms emphasize the importance of open APIs and third-party integrations for enhanced productivity.
Mobile Responsiveness: Asana and ClickUp stand out for their mobile responsiveness, ensuring a consistent experience across devices.
Visual Representation of Workflows: Notion incorporates visual elements like charts and timelines to represent project workflows effectively.
Vein diagram
Both students and young professionals(start-up):
Have to manage personal tasks across multiple projects
Have to play different roles in one project or team
As a team, we used a vein diagram to find the gap and similarities between young professionals and university students.
Questionnaire
Questionnaire demographic
We've used a quantitative questionnaire to understand people's experiences dealing with projects and tasks.
Questionnaire
Findings summary
Questionnaire
Findings summary
Interview
Interview demographic
Collectively as a team, we have conducted qualitative interviews to dive deep into people's behaviours when it comes to project managements.
Interview
Findings summary
Affinity diagram
Gather all the fingings
We have gathered all the primary and secondary research datas, using affinity diagram to investgate the painpoints and user needs of our users.
Affinity diagram
Procrastination
Users commonly struggle with procrastination, often prioritising personally enjoyable tasks over urgent ones.
According to an interviewee, "I may ignore urgent tasks in favor of my personally enjoyable tasks." This sentiment was echoed by 30% of survey respondents who self-report "procrastination" and "prioritizations" as their top challenges.
This challenges directly impacts users' task prioritizations and adherence to their plans.
Developing strategies to mitigate procrastination and help people in making decisions about which tasks to prioritize could lead to more effective goal achievement.
Affinity diagram
Time Estimation
Users commonly struggle with sense of time estimation, often underestimate how long certain activities will take to complete.
According to two interviewees, "I often become overwhelmed when I overestimate the time available, leading me to take on additional tasks without realizing the impact." This sentiment was echoed by 73.4% of survey respondents who frequently feel overwhelmed by their tasks.
This challenge directly affects users' mental well-being and the quality of their work. Creating ways to help users better judge task time and their current workload could lead to a healthier mindset and better quality work.
Affinity diagram
Multiple projects
Users commonly struggle with juggle multiple projects and personal tasks across various platforms, often finds it difficult to sync them together effortlessly.
According to one interviewee, "I often need to check two different calendars when I want to check my availability, because my job uses outlook and my personal tasks use native Window calendar." This sentiment was echoed by 89.8% of survey respondents who have over 2 projects worked on at the same time.
This challenge directly affects efficiency of their work when they need to handle different projects across platforms. Helping users to switch from one project to the other effortlessly in one platform would offer better efficiency.
Crazy character
Who is our users?
We have developed crazy characters to explore the possibilities of our end users.
Jobs-to-be-done
Unorgranised student
A postgraduate student juggling numerous assignments while simultaneously holding a freelance job.
I need a solution that can help me align project plans with realistic timelines, establish clear milestones, and avoid last-minute rushes.
Jobes-to-be-done
Organised professional
A young professional in a task-driven environment, juggling deadlines, meetings, and personal life.
I am looking for a solution to enhance my efficiency by establishing clear daily priorities. This will enable me to consistently meet deadlines punctually.
Painpoints
Current practices and painpoints
Value proposition
What will users get from our product?
As a team, we've created a clear and compelling statement about the unique benefits and features our product offers users. This statement communicates what users can expect when using our product and guides our design decisions going forward. it's our map for making sure our design stays user-focused and effective.
💡Ideation
We engaged in extensive design meetings and utilised ideation methodologies to generate innovative concepts grounded in our research findings.
🔨 Prototype
Wireframe
Digital wireframe
Digital wireframe 2
Figma prototype
🔎 User testing
Usability testing
Cognitive walkthrough
👍 Significant changes
Progress bar
Through continuous user testing to evaluate the readability of the progress bar, adjustments are implemented to enhance the user experience, ensuring clear indications at each stage of the process.
Before
After
Interactive chatbox
AI-generated instant reply templates were implemented to enhance the user experience with the AI chatbox.
Before
After
Milestones and tasks
The design of the milestone tab were consistently evolving to enhance readability and maintain consistency.
Before
After
Timeline
After conducting numerous user tests and cognitive walkthroughs, the final timeline design now offers clear indications of various information, significantly improving readability.
Before
After
Help you to address
Procrastination, Time estimation, and Task prioritisation.
Highlight
✨ Smart project planning
This feature addresses the challenges in time estimation, labor-intensive manual process, and difficulties with new or unfamiliar tasks when it comes to project planning.
Enter prototype
Highlight
Complex to simple
Simply upload your PDF, and let our AI analyse and craft a comprehensive project plan for you. Streamline your workflow with reduced manual workload.
Highlight
Total control
Tailor your project plan with ease by making intuitive manual adjustments. Simply drag and drop to modify as needed, putting you in control of your planning process.
Highlight
You and team
Easily customize your experience by adjusting notification and personalisation settings. Collaborate effortlessly by inviting your teammates to join you on the same project.
Highlight
✨Auto-schedulling tasks
This feature addresses the challenges encompass adapting to changing priorities, avoiding overworking on a daily basis, and balancing multiple projects.
Enter prototype
Highlight
At a glance
The AI automatically pulls tasks from your projects, creating daily to-do lists for your convenience.
Highlight
Keep on track
Stay flexible with schedule changes, effortlessly meet your deadlines, and receive task suggestions for available time slots.
Highlight
Re-prioritise
Adjust your plans and to-do list to meet evolving needs and ever-changing circumstances effortlessly.
Highlight
✨Focus aids
Addressed issues include trouble focusing and being easily or purposefully distracted when executing tasks.
Highlight
Get the work done
Begin focused work sessions using AI shortcuts or personal preferences. Customise your focus aids and screen sizes, including versatile widgets.
