{"id":3689,"date":"2022-02-09T17:43:32","date_gmt":"2022-02-10T01:43:32","guid":{"rendered":"http:\/\/www.interactiondesignhistory.com\/2022\/?p=3689"},"modified":"2022-02-09T17:44:24","modified_gmt":"2022-02-10T01:44:24","slug":"renaissance-and-type-in-interaction-design","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/2022\/renaissance-and-type-in-interaction-design","title":{"rendered":"Renaissance and Type in Interaction Design"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Renaissance-era starts in Florence and spread throughout Italy. Leonardo Da Vinci studied Anthropometry, the measurement of a human individual, which today plays a role in Computer design such as <strong>accessibility, simplicity of instructions, and ergonomics<\/strong>. Around this time, he also studied the flight of birds as a reference to designing a flying machine for people. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Movable type started in Northern Song Dynasty, China. It then spread throughout Europe. It introduced the idea of moving small pieces of metal cast into letters to make prints. This method replaced ceramic and wood carvings.  Movable type allowed for different <strong>letter sizes, rapid printing capabilities, mass printing, and cheaper alternatives<\/strong>. Handwritten books were once for the rich and royalty. Libraries became accessible to all, not just for the scholars. More people learn how to read which leads to less poverty, this becomes the beginning of type designers. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accessibility\">Accessibility<\/h2>\n\n\n\n<figure class=\"wp-block-gallery alignleft 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=\"790\" height=\"1024\" data-id=\"3704\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-790x1024.jpg\" alt=\"\" class=\"wp-image-3704\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-790x1024.jpg 790w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-232x300.jpg 232w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-768x995.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-720x933.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-580x752.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190-320x415.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/3a83842d-2cac-4627-957e-6e7e3688b190.jpg 926w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><figcaption>Source: <a href=\"https:\/\/www.history.com\/news\/printing-press-renaissance\" target=\"_blank\" rel=\"noreferrer noopener\">history.com<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" data-id=\"3705\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-1024x538.jpg\" alt=\"\" class=\"wp-image-3705\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-1024x538.jpg 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-300x158.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-768x403.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-1536x806.jpg 1536w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-720x378.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-580x305.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1-320x168.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/web-accessibility-best-practices-for-the-human-experience_-when-we-can-help-6110def593cbe-sej-1.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Source: <a href=\"https:\/\/www.searchenginejournal.com\/web-accessibility-best-practices\/415631\/#close\" target=\"_blank\" rel=\"noreferrer noopener\">searchenginejournal.com<\/a><\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility is the quality of being easily reached. We use accessibility in Interaction Design today so that everyone is able to use our services, whether one is physically or mentally impaired. Examples of this are voice control, font size, closed captions, and color combinations for the colorblind; to name a few.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most accessible services today is the world wide web. It would be way more difficult to navigate it without interaction designers. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"instruction\">Instruction<\/h2>\n\n\n\n<figure class=\"wp-block-gallery alignleft has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"853\" data-id=\"3706\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-1024x853.jpg\" alt=\"\" class=\"wp-image-3706\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-1024x853.jpg 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-300x250.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-768x640.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-720x600.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-580x483.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1-320x267.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/leonardo-gear-illustration-1.jpg 1392w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Source: <a href=\"https:\/\/editions.covecollective.org\/chronologies\/leonardo-da-vincis-clockworks\" target=\"_blank\" rel=\"noreferrer noopener\">editions.covecollective.org<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"3703\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-1024x1024.png\" alt=\"\" class=\"wp-image-3703\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-1024x1024.png 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-300x300.png 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-150x150.png 150w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-768x768.png 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-720x720.png 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-580x580.png 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_-320x320.png 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/QR_code_for_mobile_English_Wikipedia.svg_.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Source: <a href=\"https:\/\/en.wikipedia.org\/wiki\/QR_code\">en.wikipedia.org<\/a><\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Da Vinci, as well as many other engineers, planned out his inventions on paper adding instructions on how they worked. Today our simplicity of instruction is mostly digital. This method has evolved into charts, websites, QR codes, etc. As Interaction Designers, it is our job to provide this information to the public as clearly and simply as possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ergonomics\">Ergonomics<\/h2>\n\n\n\n<figure class=\"wp-block-gallery alignleft has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" data-id=\"3708\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-738x1024.jpg\" alt=\"\" class=\"wp-image-3708\" width=\"152\" height=\"211\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-738x1024.jpg 738w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-216x300.jpg 216w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-720x998.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-580x804.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1-320x444.jpg 320w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/puzzle-devinci-vitruve-1.jpg 750w\" sizes=\"auto, (max-width: 152px) 100vw, 152px\" \/><figcaption>Source: <a href=\"https:\/\/www.passion-estampes.com\/puzzles\/puzzle-devinci-vitruve-eng.html\" target=\"_blank\" rel=\"noreferrer noopener\">passion-estampes.com<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"960\" data-id=\"3709\" src=\"http:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE.jpg\" alt=\"\" class=\"wp-image-3709\" srcset=\"https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE.jpg 1280w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-300x225.jpg 300w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-1024x768.jpg 1024w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-768x576.jpg 768w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-720x540.jpg 720w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-580x435.jpg 580w, https:\/\/www.interactiondesignhistory.com\/2022\/wp-content\/uploads\/2022\/02\/basic-home-office-working-from-home-ergonomics-faq-101-FEATURE-320x240.jpg 320w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption>Source: <a href=\"https:\/\/www.chatelaine.com\/home-decor\/home-office-ergonomics-faq\/\" target=\"_blank\" rel=\"noreferrer noopener\">chatelaine.com<\/a><\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ergonomics is the study of people&#8217;s efficiency in their working environment. This study is a derivative of Anthropometry. Ergonomics is important in Interaction Design as it satisfies the physical, cognitive, and organizational human capabilities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Renaissance-era starts in Florence and spread throughout Italy. Leonardo Da Vinci studied Anthropometry, the measurement of a human individual, which today plays a role in Computer design such as accessibility, simplicity of instructions, and ergonomics. Around this time, he also studied the flight of birds as a reference to designing a flying machine for people. [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-3689","post","type-post","status-publish","format-standard","hentry","category-renaissance"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/comments?post=3689"}],"version-history":[{"count":1,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3689\/revisions"}],"predecessor-version":[{"id":3711,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3689\/revisions\/3711"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/media?parent=3689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/categories?post=3689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/tags?post=3689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}