<aside> 🎯 IMPORTANT LINKS

Team Information

Knowledge Hub

<aside> 🗣️

MEETING CADENCE

ALL TEAM MEETING

DESIGN INTERNAL

<aside> 🗣️

FINAL DELIVERABLES

All handover documents will be contained in this list. Add to this list if and when you need to add a document for the final delivery.

Design Handoff Files

Handover Files Phase 3 Product Ops

General Recommendations for Phase 4

Design Specific Recommendations for Phase 4

Following tables with additional information can be found on Master Figma page “Phase 3/4 recommendations/ Task hierarchy”. Before starting Phase 4, please look that also.

Phase 4 to-be-done tasks (Decisions determined at the last client demo) Progress Comments
Bottom nav bar content In progress The “Post” button in the bottom nav bar needs to be changed to one for message inbox once the message feature is built. A comment has been left on the Master Figma Client Demo Decks page for reference. The “Post” button is not needed in the bottom nav bar since a post can be created by clicking the input box at the top of the Feed page (inspiration taken from Facebook).
Filter / Toggle switch button design In progress In the designs from Phase 2, there were 3 versions of the filter/sort button - the goal then was to create a single version that could be used throughout the whole design. The client approved the version we created, so the filter/sort button needs to be changed ASAP in the Mobile Prototypes/Working page and in the Mobile prototypes/Dev page, and then the new filter/sort button needs to be forwarded to the Dev team. The updated component can be located in the Design System. Comment left in the Client Demo Decks page as reference.
Filter Chips Design In progress Change the filter / chip design to differentiate its function in different elements. On the group card (that shows up on the feed), the chips are used to show hashtags, which are mostly informational and not interactive. When creating a group, the chips are interactive and used for filtering purposes. Change the colour and add a hashtag before the content on the group card.
Remove global search option on the top nav bar In progress Suggesting at the last client demo to remove global search option at the top nav bar - it is not possible to have this feature with low-bandwidth designs. There are some local search options implemented in social feed designs (communicate with dev team about this possibility. If approved change the top nav bar on all the screens - new instance is already designed as a variant.
Main feed content In progress Addressing a question at the last client demo - What does the user see when they log in for the first time, as they are not part of any groups or dont have any friends yet?
Like button redesign In progress The new like button redesigned (old one had uneven stroke weight). It is present in the Design System, next to old like button. New one needs to be implemented in Design System as an icon and replaced in all designs.
Recommendations from Phase 2 + progress Progress Comments
Implementing new brand guidelines In progress On Client Demo Deck page you can find 3 sample screens designs the client approved, together with the Brand Guidelines. Follow these aesthetics together with new brand guidelines while redesigning the flows.
Align UXD1 and UXD2’s overlapping components In progress There are still a lot of components not yet added into the design system. Look critically through all of the instances - there might be designs/instances scattered around in various files from Phase 2. If we have found them - we tried to recover them or we had to create a new main components.
Accessibility audit of all designs In progress When doing redesigns we took into account the basic accessibility guidelines by WCAG. Audit conducted on the first priority flows and results can be found on the Master Figma page “Screen audits”
Typography audit of all designs In progress Typography audit was completed for the Sign-Up and Onboarding flows only; some work was done on Quick Exit, FAQ, and Profile Management screens
Spacing revisions to improve consistency In progress Completed for Sign-Up and Onboarding flows
Auto-layout implementation and responsive designs In progress Completed for Sign-Up and Onboarding flows
Continue fleshing out user flows for usability testing (mobile)

  1. Merge UXD1 prototype with UXD2’s prototype

  2. Some areas, such as filtering/ sorting, are not completely fleshed out for testing

  3. Test external reports feature ASAP (this was from phase 1) - needs to be addressed with usability testing | Did not address | N/A | | Layer naming | Did not address | N/A | | Conduct card sort for resources | Did not address | N/A | | Usability testing for sign-in with Google OAuth and the in-feed message for Quick Exit | Did not address - refer to Research team | Design team did not address this, however Research conducted some research related to the Sign-Up and Onboarding flows | | Improve pages linked in footer | Did not address | N/A | | Phase 2 improvements:

  4. Align desktop screens with mobile

  5. Create screen for user to request new access code from SPI

  6. Consider different landing page for TDA Connect for returning users vs. using Google sign-in only.

  7. Determine if Google Consent screen is needed

  8. Card with group info that is posted to the feed after creating a group requires improvements

  9. Turn friends list cards into components

  10. Friends list and request pages: needs prototyping when removing/adding friend, and when accepting/deleting/canceling a friend request

  11. Avatar sizes (68px vs 48px) - determine user preference

  12. Send a message: include add a friend flow, improve the 2-part send a friend request flow + Perform user testing

  13. Placement of sensitive topic toggle when creating post - increase prominence | As follows:

  14. Did not address

  15. In progress

  16. Did not address

  17. Completed

  18. Did not address

  19. In progress

  20. In progress

  21. In progress

  22. Did not address

  23. In progress | Phase 2 improvements:

  24. N/A

  25. Preliminary screens created, however iterations are ongoing

  26. May not be relevant since the client has decided to move forward with Google sign-in only at this point

  27. Terms and Conditions screen finalized

  28. N/A

  29. Iterations created, however still in progress

  30. Iteration created, however still in progress

  31. New components made with different sizes, however no testing done yet to verify

  32. N/A

  33. New post screens have been iterated on a little, but little to no work done regarding sensitive topic toggle placement | | Continue working on:

  34. Resource Page 1.1 Usability audit, usability testing 1.2 Adding more resources 1.3 Aligning voice and tone

  35. Groups 2.1 Adding passion projects 2.2 Adding events 2.3 Adding tagging and filtering 2.4 Admin page (consider admin vs. group member functionality capabilities)

  36. Authentication and Privacy 3.1 2FA 3.2 Data Privacy (refer to document) | As follows:

  37. Did not address

  38. Did not address

  39. Did not address | N/A | | New Features:

  40. Direct messaging 1.1 Creating group chats 1.2 Sending media 1.3 Deleting messages

  41. Internal report 2.1 Determine how to handle and what to design | As follows:

  42. Did not address

  43. Did not address | N/A | | Edge cases | Did not address | N/A | </aside>

Master Task List

List of all Kanban boards throughout Phase 3

Sprint 3/4 - 3rd Client Demo (Dec 16 - Jan 3rd, 2024/25)

Sprint 2/3 - 2nd Client Demo (Dec 02- 13, 2024)