{"id":121,"date":"2022-09-26T17:51:47","date_gmt":"2022-09-26T17:51:47","guid":{"rendered":"https:\/\/comdma.com\/kuhn7\/?p=121"},"modified":"2022-11-01T20:47:40","modified_gmt":"2022-11-01T20:47:40","slug":"dma217-project-1-todo-app","status":"publish","type":"post","link":"https:\/\/comdma.com\/kuhn7\/2022\/09\/26\/dma217-project-1-todo-app\/","title":{"rendered":"DMA217 Project #1: ToDo App"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"926\" data-id=\"126\" src=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Home-1.png\" alt=\"\" class=\"wp-image-126\" srcset=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Home-1.png 428w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Home-1-139x300.png 139w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Home-1-92x200.png 92w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"926\" data-id=\"128\" src=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Login-1.png\" alt=\"\" class=\"wp-image-128\" srcset=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Login-1.png 428w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Login-1-139x300.png 139w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/Login-1-92x200.png 92w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"926\" data-id=\"127\" src=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/About-1.png\" alt=\"\" class=\"wp-image-127\" srcset=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/About-1.png 428w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/About-1-139x300.png 139w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2022\/09\/About-1-92x200.png 92w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Interact with Fortify <a href=\"https:\/\/www.figma.com\/proto\/kJUvvHFqg5tQLGE8PqBJnA\/Kuhn_DMA217_PRJ1?node-id=13%3A2&amp;scaling=scale-down&amp;page-id=0%3A1&amp;starting-point-node-id=13%3A2\" data-type=\"URL\">Here<\/a>!<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>What did you learn?<\/li><\/ol>\n\n\n\n<p>When progressing through this project, I learned a lot about how Figma can be used for interaction design. In the past, I viewed Figma as another Adobe Illustrator but now I truly see the power that Figma has to offer. Learning how to create components, instances, and variants allowed me to bring my app to life. <\/p>\n\n\n\n<p>    2. What was easy?<\/p>\n\n\n\n<p>The easiest part of this project was creating the frames and dragging different &#8220;noodles&#8221; to connect one frame to another via an interaction. Other than that, the rest of the project was a bit more complicated.<\/p>\n\n\n\n<p>    3. What was challenging?<\/p>\n\n\n\n<p>The difficult parts of this project involved the understanding and application of components and variants. These concepts were foreign to me and even though I&#8217;ve had some time with them, I still have trouble from time to time implementing these into an actual app. I&#8217;d say it&#8217;s easy to create them, but hard to piece everything together.<\/p>\n\n\n\n<p>    4. How could your submission be improved<\/p>\n\n\n\n<p>From the start, I feel that I should&#8217;ve have added more colors to my application. Since this app is intended to alleviate stress, I went for a calm and relaxing theme, but I think that physically it doesn&#8217;t catch one&#8217;s eye. Also, next time I would try to spend more time with Auto Layout. Wasn&#8217;t one-hundred-percent sure on how to use this feature so I decided to shy away from it.<\/p>\n\n\n\n<p>    5. How could I improve the assignment next class?<\/p>\n\n\n\n<p>I don&#8217;t see any reason to change the required tasks or features to be implemented in this project. I will say that I was a bit confused about the Contact Page requirement since I don&#8217;t recall seeing that in class, but I decided to add it anyway.<\/p>\n\n\n\n<p>    6. How might you apply your knowledge in future assignments or work scenarios?<\/p>\n\n\n\n<p>The skills that I learned from this project will allow me to implement types of variants for use in other types of interfaces. I would definitely need more experience using these features, but compared to other software Figma is relatively easy to use. In the future, I could possibly create a app with more than one feature, for instance a widget.<\/p>\n\n\n\n<p>    7. How did a specific reading or video inspire or help you? <\/p>\n\n\n\n<p>There were several times during this project where I was confused on what to do next, but luckily I found some resources that were able to assist me. Figma&#8217;s Youtube Channel had a bunch of instructional tutorials on how to initialize components and variants, but unlike other videos, Figma used nifty animations to help reinforce these concepts. I found this approach to be extremely helpful and a fun way to learn more about Figma. As for general tips and good practices regarding UI design, I found a website that explained everything from types of user interfaces to design patterns. Both of these resources allowed me to produce something I&#8217;m content with.<\/p>\n\n\n\n<p>Figma Tutorials Playlist: https:\/\/www.youtube.com\/playlist?list=PLXDU_eVOJTx5LSjOmeBYMuvaa4UayfMe4<\/p>\n\n\n\n<p>UI Website: <a href=\"https:\/\/www.fullstory.com\/ui-design\/\">https:\/\/www.fullstory.com\/ui-design\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interact with Fortify Here! What did you learn? When progressing through this project, I learned a lot about how Figma can be used for interaction design. In the past, I viewed Figma as another Adobe Illustrator but now I truly see the power that Figma has to offer. Learning how to create components, instances, and [&hellip;]<\/p>\n","protected":false},"author":111,"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":[6],"tags":[],"class_list":["post-121","post","type-post","status-publish","format-standard","hentry","category-dma217"],"taxonomy_info":{"category":[{"value":6,"label":"DMA217"}]},"featured_image_src_large":false,"author_info":{"display_name":"kuhn7","author_link":"https:\/\/comdma.com\/kuhn7\/author\/kuhn7\/"},"comment_info":"","category_info":[{"term_id":6,"name":"DMA217","slug":"dma217","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":2,"filter":"raw","cat_ID":6,"category_count":2,"category_description":"","cat_name":"DMA217","category_nicename":"dma217","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":4,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/121\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/media?parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/categories?post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/tags?post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}