{"id":3648,"date":"2022-02-03T21:34:02","date_gmt":"2022-02-04T05:34:02","guid":{"rendered":"http:\/\/www.interactiondesignhistory.com\/2022\/?p=3648"},"modified":"2022-02-03T21:34:10","modified_gmt":"2022-02-04T05:34:10","slug":"week-1-comparison-of-early-writing-and-modern-iconography","status":"publish","type":"post","link":"https:\/\/www.interactiondesignhistory.com\/2022\/week-1-comparison-of-early-writing-and-modern-iconography","title":{"rendered":"WEEK 1: Comparison of Early Writing and Modern Iconography"},"content":{"rendered":"\n

In an application with many features, we might see various icons that represent different features. These simple and delicate representations help the users understand the purpose of the feature in different ways. Some icons use physical objects to make help users make associations, some icons visualize the content of the feature. However, these ways of conveying information through symbols have existed for tens of thousands of years.<\/p>\n\n\n\n

Comparing early writing and modern iconography, there are many similarities between these two expressions, which means the modern iconography could be an evolution to the early writings, just like what Von Petzinger believes that “early system of communication through abstract signs as a precursor to the ‘global network of information exchange’ in the modern world.”<\/p>\n\n\n\n

The Light Icon<\/h2>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

In Adobe Lightroom mobile app, the light icon is used to adjust the lighting of the image. From looking at the icon, the symbol of the sun helps the users able to identify the feature easily. In Egyptian hieroglyphics, the symbol of the sun also shares the meaning of light. Since the sun is the largest light source from ancient times to the present, the sun is a common metaphor for light. Although the light icon in Lightroom stands for lighting functions of pictures, the message that both Egyptian hieroglyphics and modern iconography want to convey is “light”. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"
Egyptian hieroglyphics Source:https:\/\/www.ducksters.com\/history\/ancient_egypt\/hieroglyphics_examples_alphabet.p<\/a><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

The Auto icon<\/h2>\n\n\n\n
\"\"
Comparison between auto icon and early writings<\/figcaption><\/figure>\n\n\n\n

Without looking at the icon, the user might get confused with the feature by just looking at the text “Auto”. But from looking at the icon, we can guess the feature might be beautifying the picture since it consists of a picture and stars. In Sumerian cuneiform, the symbol of the star also means shine, which is similar to the interpretation of “beautifying”. Compared to the other two writings, there are “multiple stars” in Sumerian cuneiform, which can tell why we relate to “beautify” or “shine” when we see many stars. <\/p>\n\n\n\n

In summary, it is interesting to compare two expressions from different time periods. When I was comparing the symbols, I realize human understanding and learning ability on iconography. Furthermore, a small icon can express more than a word. Like the Auto icon, sometimes image expression can better convey meaning than the text, also saving screen real estate. Learning the history of iconography made me see the power of UI\/UX design.<\/p>\n\n\n\n

Source: 40,000-Year-Old Symbols Found in Caves Worldwide May Be the Earliest Written Language<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

In an application with many features, we might see various icons that represent different features. These simple and delicate representations help the users understand the purpose of the feature in different ways. Some icons use physical objects to make help users make associations, some icons visualize the content of the feature. However, these ways of […]<\/p>\n","protected":false},"author":34,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-3648","post","type-post","status-publish","format-standard","hentry","category-early-writing-iconography"],"_links":{"self":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3648","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\/34"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/comments?post=3648"}],"version-history":[{"count":2,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3648\/revisions"}],"predecessor-version":[{"id":3671,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/posts\/3648\/revisions\/3671"}],"wp:attachment":[{"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/media?parent=3648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/categories?post=3648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactiondesignhistory.com\/2022\/wp-json\/wp\/v2\/tags?post=3648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}