Meeting Date – Fri, Jan 27 @12:00PM
All members present – Ty, Kyle, Christine, Bryant
Meeting goal: Discuss weekly progress and upcoming dates, goals, and work.
Open tasks:
- Usability Testing Guide – Bryant, Christine, Ty
- Began developing the testing guide for upcoming usability tests. The questions are subject to change based on development progress and are mostly placeholder based on the assumed flow of the conversation. This guide will be tweaked based on dev progress over the next 1-2 weeks. (https://docs.google.com/document/d/1Er0VpS1AjPap7huOharoaqalwrY3Z_WO7BWV3lC_QiM/edit#)
- Typography design system document – Christine
- Began creating a typographic design system document. This will be completed over the week. (https://www.figma.com/file/3b0UPHJb5BIZDMW0CcS4mF/Omni?node-id=1020%3A2521&t=OXOMMWPhvu4Ns7AM-0)
- Front-end HTML/CSS – Ty
- Began coding all of the foundational HTML/CSS styles that will be implemented as the backend systems are developed. This is 90% complete, with minor tweaks to be added this week. (https://github.com/tynandrake/idm372-omni-front-end)
- Icon Update + Design Document – Ty
- Updated some of the icons seen in Omni to be more cohesive. Began the design document to accompany the new icon set. This will be polished over the week.(https://www.figma.com/file/3b0UPHJb5BIZDMW0CcS4mF/Omni?node-id=1020%3A2521&t=OXOMMWPhvu4Ns7AM-0)
![](https://omnimusic.co/blog/wp-content/uploads/2023/01/Screenshot-2023-01-29-191343-1024x912.jpg)
Closed tasks:
- Spotify API image integration – Kyle
- Images have been implemented into Omni.
![](https://omnimusic.co/blog/wp-content/uploads/2023/01/Screenshot-2023-01-29-185839-1024x848.jpg)
- Artist Nodes Limited
- Artist nodes have been limited to 8 artists. This will be tested with users in the upcoming weeks.
- Artist Node Sizing Guideline – Christine, Bryant
- Created documentation that lays out the flow of object sizes throughout the main user flow of Omni. (https://www.figma.com/file/3b0UPHJb5BIZDMW0CcS4mF/Omni?node-id=1020%3A2521&t=OXOMMWPhvu4Ns7AM-0)
- Codepen Microinteraction Examples – Bryant
- Sidebar Interaction Example – https://codepen.io/aybukeceylan/details/wvpBmrq
- Mini Music Player Example – https://codepen.io/JavaScriptJunkie/pen/qBWrRyg
- Animated Border Gradient Example – https://codepen.io/shshaw/pen/RwJwJJx
- Social Media Icons with Interactions – https://codepen.io/abdelrhmansaid/pen/OJRNOpQ
- Image Pops Out from Artist Node Example – https://codepen.io/ainalem/pen/QWGNzYm
- Menu with Gooey Effect on Hover – https://codepen.io/onediv/pen/WNOdMWw
- Another Music Player Example – https://codepen.io/abxlfazl/pen/YzGEVRP
New tasks:
- Component design system document – Christine, Bryant
- Create a design system document dedicated to the various components seen in Omni. Will be in a similar format as the typography and iconography documents. This will be completed next week.
- Modal Development – Kyle
- Selecting an artist and having modal options functionality will be developed over the next week.
- Spotify API information integration – Kyle
- Continue implementing the Spotify API into the backend by grabbing and displaying artist content. This will take ~2 weeks.
- CSS styling integration – Kyle, Ty
- We will implement the CSS styling into Omni over the next week.
- Update icons within prototypes & front-end – Ty
- The updated icon set will be integrated into the prototypes and reflected on the frontend code by next week.