{"id":3349,"date":"2022-05-12T10:30:00","date_gmt":"2022-05-12T17:30:00","guid":{"rendered":"http:\/\/kaceymorrow.com\/361\/?p=3349"},"modified":"2022-05-12T10:42:05","modified_gmt":"2022-05-12T17:42:05","slug":"may-12-2","status":"publish","type":"post","link":"https:\/\/kaceymorrow.com\/361\/may-12-2\/","title":{"rendered":"May 12"},"content":{"rendered":"<p><iframe loading=\"lazy\" src=\"https:\/\/giphy.com\/embed\/2wloHZhHojfw6Jdt0u\" width=\"460\" height=\"133\" frameBorder=\"0\" class=\"giphy-embed\" allowFullScreen><\/iframe><\/p>\n<p><a href=\"https:\/\/giphy.com\/gifs\/as-kick-ass-kicked-2wloHZhHojfw6Jdt0u\">via GIPHY<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">IN CLASS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exercise:&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/tarotcardsoftech.artefactgroup.com\/\" target=\"_blank\">Tarot Cards of Tech<\/a><\/strong>. This will help consider unintended consequences of your concept.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Give feedback about design choices and usability.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Design aspects such as typography, color, layout, hierarchy, organization, alignment, photography or illustration style, icon design and consistency. <\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Usability aspects could include overall clarity and user-friendliness, such as clear headings, icons, consistent navigation, legibility, finger-tapping size, gestural cues, and so on.  <\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Pick favorite designs of each team and describe what keywords \/ vibes \/ characteristics you are getting from the different looks. <\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">UI RESOURCES<\/h2>\n\n\n\n<p class=\"has-text-color has-blue-color wp-block-paragraph\"><strong>[expand title=&#8221;Click to see Lectures, UI Design, Accessibility, Icon Design, Patterns, Environmental&#8221;]<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Lectures<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/GUI-Design-.pdf\" target=\"_blank\">GUI Design Basics<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\"iOS Human Interface Guidelines Summary (opens in a new tab)\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/iOS-Human-Interface-Guidelines.pdf\" target=\"_blank\">iOS Human Interface Guidelines Summary<\/a> <\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/Icon-Design.pdf\" target=\"_blank\">Icon Design<\/a><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Newer UI Lectures:<\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/05\/Design-for-Simplicity.pdf\" target=\"_blank\">Design For Simplicity<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/05\/Visual-Perception.pdf\" target=\"_blank\">Visual Perception<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UI Design<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.smashingmagazine.com\/2018\/02\/comprehensive-guide-to-mobile-app-design\/\" target=\"_blank\">A Comprehensive Guide to Mobile App Design<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.apple.com\/design\/tips\/\" target=\"_blank\">Summary of UI Design Do&#8217;s and Don&#8217;ts<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/uxplanet.org\/button-ux-design-best-practices-types-and-states-647cf4ae0fc6\" target=\"_blank\">Button UX Design: Best Practices, Types, and States<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\"iOS vs Android App UI Design: The Complete Guide (opens in a new tab)\" href=\"https:\/\/learnui.design\/blog\/ios-vs-android-app-ui-design-complete-guide.html\" target=\"_blank\">iOS vs Android App UI Design: The Complete Guide<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/ios\/overview\/themes\/\" target=\"_blank\">Human Interface Guidelines website<\/a> <\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/material.io\/\" target=\"_blank\">Google Material Design<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Accessibility<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\">Contrast Checker<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/uxdesign.cc\/guide-for-designing-better-mobile-apps-typography-5796495ef86f\" target=\"_blank\">Guide for Designing Better Mobile App Typography<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon Design<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2022\/04\/Icon-Design.pdf\" target=\"_blank\">Icon Design<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/bpxl-craft\/10-essential-tips-for-user-interface-icons-e7d04b5988a5\" target=\"_blank\">10 Essential Tips for UI Icons<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/uxplanet.org\/small-elements-big-impact-types-and-functions-of-ui-icons-87c6a74d366e\" target=\"_blank\">Small Elements, Big Impact<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.smashingmagazine.com\/2018\/02\/user-interfaces-icons-visual-elements-screen-design\/\" target=\"_blank\">Designing for UI<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\" target=\"_blank\">UI Design Glossary<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/thenounproject.com\/\" target=\"_blank\">The Noun Project<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/speckyboy.com\/top-50-free-icon-sets\/\" target=\"_blank\">Free Icons Sets<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UI Patterns<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/uxdesign.cc\/mobile-ui-13-basic-patterns-of-app-ui-design-to-know-about-d3f7c6176f13\" target=\"_blank\">13 basic mobile UI patterns<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/iospirations.com\/ios-app-ui\" target=\"_blank\">iospirations<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/screenlane.com\/?ref=uimovement\" target=\"_blank\">screenlane<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/mobile-patterns.com\/search\/patterns?q=home:tag\" target=\"_blank\">mobile-patterns<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/mobbin.design\/browse\/ios\/apps\" target=\"_blank\">mobbin<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/ui-patterns.com\/patterns\" target=\"_blank\">ui-patterns<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/designvault.io\/patterns\/\" target=\"_blank\">design vault<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/uimovement.com\/\" target=\"_blank\">UI movement<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Environmental Design Tips<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"http:\/\/kaceymorrow.com\/361\/wp-content\/uploads\/2019\/05\/environmental.pdf\" target=\"_blank\">Designing for Environments and Accessibility<\/a>&nbsp;(rules and tips for environ design)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/medium.com\/forge-media-design\/youre-a-ui-designer-you-just-don-t-know-it-yet-fd841ec132fa#.rtd0772lw\" target=\"_blank\">You\u2019re a UI Designer, You Just Don\u2019t Know it Yet<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.toptal.com\/designers\/interactive\/designing-for-interactive-environments-and-smart-spaces\" target=\"_blank\">Designing for Interactive Environments and Smart Spaces<\/a> <\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.ada.gov\/regs2010\/2010ADAStandards\/2010ADAStandards.pdf?utm_medium=website&amp;utm_source=archdaily.com\" target=\"_blank\">ADA Standards for Accessible Design<\/a> <\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">[\/expand]<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"has-text-color wp-block-heading\" style=\"color:#ff0004\">DUE TUESDAY by class time<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Read this: <\/strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.smashingmagazine.com\/2018\/02\/comprehensive-guide-to-mobile-app-design\/\" target=\"_blank\">A Comprehensive Guide to Mobile App Design<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Task 17: Design Refinements<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Design Refinements<\/strong><ul><li>After receiving feedback from your classmates on your designs, <strong>choose a design direction as a team. <\/strong><\/li><li>Make design refinements and <strong>apply to the majority of the screens <\/strong>in your user flow(s). <\/li><li>Make <strong>design guidelines<\/strong> for the team to follow and\/or you may want to co-edit the same file. <\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Share Link<\/strong><ul><li>Link to the file with unified refinements on the <strong><em>#project2 Slack Channel<\/em><\/strong>, so we can critique in class on Tuesday. It isn&#8217;t required to be clickable until next Thursday.  <\/li><\/ul><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Toolkits: <\/strong>The following prototyping toolkits can help you start with the appropriate sizing for nav bars, typography, and icons. However, still apply your own branding for your product. <ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.apple.com\/design\/resources\/\" target=\"_blank\">iOS Toolkits<\/a>. <em>(sketch files listed can open in Figma)<\/em><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/material.io\/resources\/\" target=\"_blank\">Google Material Toolkit<\/a>. <em>(kits are under &#8220;Design Resources&#8221;)<\/em><\/li><\/ul><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>IN CLASS Exercise:&nbsp;Tarot Cards of Tech. This will help consider unintended consequences of your concept. Give feedback about design choices and usability. Design aspects such as typography, color, layout, hierarchy, organization, alignment, photography or illustration style, icon design and consistency. Usability aspects could include overall clarity and user-friendliness, such as clear headings, icons, consistent navigation, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3349","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/posts\/3349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/comments?post=3349"}],"version-history":[{"count":28,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/posts\/3349\/revisions"}],"predecessor-version":[{"id":3384,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/posts\/3349\/revisions\/3384"}],"wp:attachment":[{"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/media?parent=3349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/categories?post=3349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kaceymorrow.com\/361\/wp-json\/wp\/v2\/tags?post=3349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}