{"id":556,"date":"2024-09-17T11:59:31","date_gmt":"2024-09-17T11:59:31","guid":{"rendered":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/?p=556"},"modified":"2024-09-17T12:02:48","modified_gmt":"2024-09-17T12:02:48","slug":"gmail","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/in-the-beginning\/gmail\/","title":{"rendered":"Gmail and original alphabet"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>What\u2019s being communicated?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the &#8216;Browser&#8217; section in Gmail. Multiple icons are used to represent different categories. Such as a trash can is using to symbol spam, a clock is using to symbol delay, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"1024\" src=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-473x1024.png\" alt=\"\" class=\"wp-image-647\" style=\"width:199px;height:auto\" srcset=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-473x1024.png 473w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-139x300.png 139w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-768x1662.png 768w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-710x1536.png 710w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-947x2048.png 947w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-820x1774.png 820w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-750x1623.png 750w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1-300x649.png 300w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/IMG_2925-1.png 1284w\" sizes=\"auto, (max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What concepts need to be learned?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I think the concepts behind Gmail&#8217;s icons are: 1. All the icons are created based on real-world symbols. 2. Each icon represents a whole word or concept, not just a single letter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In addition, the appearance of Gmail&#8217;s icons and the original Sumerian alphabet, Mayan pictographs, or Egyptian hieroglyphics is different. The original symbols rely more on lines, while Gmail&#8217;s icons rely more on shapes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What metaphors are being used?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gmail&#8217;s:<br>1.star = important; 2.inbox = mailbox; 3.arrow = sent; 4.plus = create a new; etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">original Sumerian alphabet:<br>1.quadrangle = sun; 2.triangle+f = bird; etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"72\" src=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.32.png\" alt=\"\" class=\"wp-image-649\" srcset=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.32.png 366w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.32-300x59.png 300w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"72\" src=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.26.png\" alt=\"\" class=\"wp-image-650\" srcset=\"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.26.png 366w, https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-content\/uploads\/2024\/09\/\u622a\u5c4f2024-09-17-\u4e0a\u53484.58.26-300x59.png 300w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Here is the &#8216;Browser&#8217; section in Gmail. Multiple icons are used to represent different categories. Such as a trash can&#8230;<\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,11],"tags":[],"class_list":["post-556","post","type-post","status-publish","format-standard","hentry","category-early-writing-pictographs","category-in-the-beginning"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/comments?post=556"}],"version-history":[{"count":2,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/556\/revisions"}],"predecessor-version":[{"id":653,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/posts\/556\/revisions\/653"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/media?parent=556"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/categories?post=556"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/Fall2024\/wp-json\/wp\/v2\/tags?post=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}