01 - Integrated Meeting Management
final
Efficient information hierarchy in card format sorting by time sequence.
Distinguish today’s ongoing meeting from the upcoming ones.
able to know today’s availability at a glance.
quick access to join/back to meetings.
before
upcoming
history
after
Improve information grouping to support follow-up actions
Distinguish upcoming from history to provide contextualized experience
Efficient organization saves screen space
1
2
3
Enhance the readability by user scenarios
before
user testing feedbacks
hardly notice the summed-up insights at the bottom & not helpful for decision-making
unable to distinguish semi-transparent red from green (from a chromatic weakness user)
after
Improvement
reduce the effort to think through offering suggestions to compare with existing one
ui improvement to reduce cognitive load and enable inclusiveness
hover state
Facilitate the scheduling process
version1
version2
Pros:
Pros:
Cons:
Cons:
Align with meeting list design for consistency
Provide access to history meetings in homepage
Too much additional information resulting in difficulty in focusing on today’s events.
Not necessary to check history meetings in homepage. (from user testing)
Align with calendar’s design for consistency
The spacing is too large to get a general idea for all upcoming events at a glance.
Align issues may cause unexpected missing problems.
Zoom Home Page iteration
02 - Enhanced breakout rooms experience
Hifi
Highlight the START button on the top right to make it more accessible and save space for assigning panel
Add RESET/ UNLOCK ALL to quickly make bulk changes to all groups
Each room can be locked, renamed and deleted.
“ Seems quite easy to use.”
🤟
“ I can drag and drop some certain people to the right group and then assign the rest with SHUFFLING very quickly.”
🤟
Hifi
Additional BROWSE ROOMS entry on top improves the accessibility
Split chat and participants into 2 separated side panels to simplify detailed info
“ Good to monitor all rooms at one place.”
🤟
“ I can switch between different chat channels more easily.”
🤟
hand-drawing wireframe
lofi
feedbacks
Efficiently assign attendees & rooms
“ Where can I start all groups? There are so many buttons on the screen…”
📢
“ What can I do to each room?”
📢
“ I want to re-arrange all rooms with a click...”
📢
“ So many attendees. I cannot see who is left to be assigned…”
📢
“ Can I assign attendees in a more simple way?”
📢
Only show the unassigned attendees
Assign attends using simply DRAGGING AND DROP
hand-drawing wireframe
feedbacks
lofi
Virtualizing the panel to manage and monitor all groups
“ Where can I browse all groups? I want to know detailed info for all…”
📢
“ Too completed hierarchy for tabs on the side panel”
📢
“ I don’t need to know attendees’ names now...“
📢
“ I want to see people chatting both in main session and rooms...”
📢
“ Can I know what’s happening in each room without entering it ?”
📢
Allow users to quickly know the status of each room
Use headshots in the room card instead of list view
Introduce different chat channel for easier switch
03 - Improved Screen sharing Collaboration
Through the preliminary product auditing, we identified a gap within the entire workflow of annotating experience.
😊
before
after
hard to re-share
saved images
unable to retrieve cleared screen
?
take screenshot +
automatic temp save
during discussion, the screen is easily filled up
save as image and clear OR directly clear the screen
difficulty in managing and deleting discussed content
re-share through
pin on screen
batch save & delete to local drive
during discussion
screen space
management
continue to discuss
manage result
Close the loop of collaborative annotation and improve overall experience
better find-ability to hide the folder to the left
easily pin-up on screen, or move back to the folder for better screen management
enable users to quickly save, and delete
hide
hide
expand
expand
Is it easy enough to pin on screen/collect in folder?
Is it easy to find out how to manage with the folder?
Does it take too much spatial property?
criteria
Virtualizing the panel to manage and monitor all groups