{"id":315,"date":"2023-02-15T03:39:37","date_gmt":"2023-02-15T03:39:37","guid":{"rendered":"https:\/\/comdma.com\/erdmanc\/?p=315"},"modified":"2023-02-15T03:43:41","modified_gmt":"2023-02-15T03:43:41","slug":"project-1-music-player","status":"publish","type":"post","link":"https:\/\/comdma.com\/erdmanc\/2023\/02\/15\/project-1-music-player\/","title":{"rendered":"Project 1: Music Player"},"content":{"rendered":"\n
1. What did you learn?<\/h5>\n\n\n\n

Through this project and set of labs, I learned how to identify and replicate various UI “isms,” and I learned different aspects of accessibility to consider in design. I also got more comfortable working with features in Figma such as components, variants, and animation. <\/p>\n\n\n\n

2. What was easy?<\/h5>\n\n\n\n

Setting up a design system and working with components and variants was easy. <\/p>\n\n\n\n

3. What was challenging?<\/h5>\n\n\n\n

In past projects using Figma, I haven’t found prototyping to be too challenging, but I definitely got overwhelmed by noodles by the end of this one. I think that spacing out my frames better might help with this for next time. Incorporating horizontal and vertical scrolling was also more challenging and took a bit of trial and error, particularly when making sure vertical scrolling didn’t cut off any of the content on a frame. <\/p>\n\n\n\n

4. How could your submission be improved?<\/h5>\n\n\n\n

I might improve my submission by going more in-depth with certain features. For example, I might add a more detailed playlists flow showing how to create a new one and edit or delete existing ones. <\/p>\n\n\n\n

5. How could the professor improve the assignment for the next class?<\/h5>\n\n\n\n

Something that might be helpful would be to provide an example\/example(s) of what a good design brief should look like for the WIP. <\/p>\n\n\n\n

6. How might you apply your knowledge in future assignments or work scenarios?<\/h5>\n\n\n\n

In future assignments or work scenarios, I will be able to apply what I learned about accessibility when making design decisions. <\/p>\n\n\n\n

7. How did a specific reading or video inspire or help you?<\/h5>\n\n\n\n

https:\/\/help.figma.com\/hc\/en-us\/articles\/360039818734-Prototype-scrolling-with-overflow-behavior<\/a><\/p>\n\n\n\n

This article, and specifically the included video, was a helpful resource for figuring out how to incorporate horizontal scrolling for elements within a frame. <\/p>\n\n\n\n

8. Show some images of your work in .jpg or .png format. Include sketches, work in progress, and final images. If your work is interactive or video, post a link to the project.<\/h5>\n\n\n\n

Link to Prototype:<\/p>\n\n\n\n

https:\/\/www.figma.com\/proto\/lfZBehWtK6pnCBCO1SuitS\/erdmanc-project-1?node-id=88%3A201&scaling=scale-down&page-id=0%3A1&starting-point-node-id=88%3A192&show-proto-sidebar=1<\/a><\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"

1. What did you learn? Through this project and set of labs, I learned how to identify and replicate various UI “isms,” and I learned different aspects of accessibility to consider in design. I also got more comfortable working with features in Figma such as components, variants, and animation. 2. What was easy? Setting up […]<\/p>\n","protected":false},"author":208,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-315","post","type-post","status-publish","format-standard","hentry","category-dma370"],"taxonomy_info":{"category":[{"value":12,"label":"DMA370"}]},"featured_image_src_large":false,"author_info":{"display_name":"erdmanc","author_link":"https:\/\/comdma.com\/erdmanc\/author\/erdmanc\/"},"comment_info":"","category_info":[{"term_id":12,"name":"DMA370","slug":"dma370","term_group":0,"term_taxonomy_id":12,"taxonomy":"category","description":"","parent":0,"count":3,"filter":"raw","cat_ID":12,"category_count":3,"category_description":"","cat_name":"DMA370","category_nicename":"dma370","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/users\/208"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":6,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/315\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/posts\/315\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/media?parent=315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/categories?post=315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/erdmanc\/wp-json\/wp\/v2\/tags?post=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}