Cultural Heritage and User Interface Design
Total Page:16
File Type:pdf, Size:1020Kb
Louisiana State University LSU Digital Commons LSU Master's Theses Graduate School June 2020 Cultural Heritage and User Interface Design Narges Tavakoli Follow this and additional works at: https://digitalcommons.lsu.edu/gradschool_theses Part of the Graphic Design Commons Recommended Citation Tavakoli, Narges, "Cultural Heritage and User Interface Design" (2020). LSU Master's Theses. 5172. https://digitalcommons.lsu.edu/gradschool_theses/5172 This Thesis is brought to you for free and open access by the Graduate School at LSU Digital Commons. It has been accepted for inclusion in LSU Master's Theses by an authorized graduate school editor of LSU Digital Commons. For more information, please contact [email protected]. CULTURAL HERITAGE AND USER INTERFACE DESIGN A Thesis Submitted to the Graduate Faculty of the Louisiana State University and Agricultural and Mechanical College in partial fulfillment of the requirements for the degree of Master of Fine Arts in The School of Art by Narges Tavakoli B.S., University of Tehran, 2011 M.A., Art University of Tehran, 2015 August 2020 TABLE OF CONTENT LIST OF FIGURES ....................................................................................................................... iii ABSTRACT ................................................................................................................................... vi 1. INTRODUCTION ...................................................................................................................... 1 1.1. Research Motivation ............................................................................................................. 1 1.2. Research Questions and Goals .............................................................................................. 3 1.3. Literature Review .................................................................................................................. 3 2. THEORETICAL FOUNDATION .............................................................................................. 5 2.1. Human-Computer Interaction (HCI) and User Interface Design (UID) ............................... 5 2.2. Internationalization and Localization .................................................................................... 5 2.3. Cultural Difference between Easterners and Westerners ...................................................... 6 2.4. Influence of Objective and Subjective Culture on Mobile Applications .............................. 6 3. IRAN CULTURAL MODEL AND USER INTERFACE DESIGN .......................................... 7 3.1. Hofstede cultural Model for Iran .......................................................................................... 7 3.2. Current User Interface Design in Iran ................................................................................. 10 4. DESIGNING A PERSIAN CALENDAR APPLICATION ..................................................... 11 4.1. Industry Research ................................................................................................................ 11 4.2. User Research ..................................................................................................................... 17 4.3. Content Strategy .................................................................................................................. 21 4.4. Information Architecture (AI), Sitemap, and Wireframe ................................................... 21 4.5. Design System ..................................................................................................................... 24 5. CONCLUSION ......................................................................................................................... 53 BIBLIOGRAPHY ......................................................................................................................... 54 VITA .............................................................................................................................................. 56 ii LIST OF FIGURES Figure 1. The Hofstede cultural model for Iran (https://www.hofstede-insights.com/country- comparison) ..................................................................................................................................... 8 Figure 2. Hofstede’s cultural indicators for Iran and their UX /UI implication factors ................ 12 Figure 3. Persian Calendar App for Android ................................................................................. 13 Figure 4. Shamim .......................................................................................................................... 14 Figure 5. iPersia Calendar ............................................................................................................. 15 Figure 6. Persian Calendar iOS ..................................................................................................... 16 Figure 7. Existing apps feature list (iOS and Android). Green highlights indicates the consistentfeatures through the four apps ....................................................................................... 17 Figure 8. User research questionnaire ........................................................................................... 19 Figure 9. User research questionnaire result. ................................................................................ 20 Figure 10. New iOS app calendars feature list (green indicates missing elements from other apps) ..................................................................................................................................... 21 Figure 11. App sitemap, the green highlights show the new features of this app ......................... 22 Figure 12. app wireframes ............................................................................................................. 23 Figure 13. Astrolabe in ancient times ........................................................................................... 25 Figure 14. An Astrolabe and the app icon concept ....................................................................... 25 Figure 15. Icons, final App icon (iOS), and the app icon on an iPhone screen ............................. 25 Figure 16. The app colors .............................................................................................................. 26 Figure 17. Farsi typefaces .............................................................................................................. 27 Figure 18. Latin Typefaces ............................................................................................................ 27 Figure 19. Illustrations for the cards and wall calendars for the months of Spring (traditional style on top and the modern style on the bottom) ....................................................... 29 Figure 20. Illustrations for the cards and wall calendars for the months of Summer (traditional style on top and the modern style on the bottom) ....................................................... 30 iii Figure 21. Illustrations for the cards and wall calendars for the months of Autumn months (traditional style on top and the modern style on the bottom ........................................................ 31 Figure 22. Illustrations for the cards and wall calendars for the months of Autumn months (traditional style on top and the modern style on the bottom) ....................................................... 32 Figure 23. A birthday card example, Front (zodiac illustration) and back (information about the characteristics of people who were born in that month based on Islamic astronomy) ............ 33 Figure 24. Birthday card for Cancer (front) .................................................................................. 34 Figure 25. Wall calendar and buttons for Pisces ........................................................................... 34 Figure 26. Buttons ......................................................................................................................... 35 Figure 27. Wall calendar ............................................................................................................... 36 Figure 28. Wall calendar ............................................................................................................... 36 Figure 29. App pages for the months of spring ............................................................................. 38 Figure 30. App pages for the months of summer .......................................................................... 38 Figure 31. App pages for the months of autumn ........................................................................... 39 Figure 32. App pages for the months of winter ............................................................................. 39 Figure 33. The app option to switch from Persian to the Gregorian calendar for every month .... 40 Figure 34. App pages to set different reminders ........................................................................... 41 Figure 35. App pages for lists of holidays, reminders, schedules, birthdays, auto payments and the filtering option .................................................................................................................. 42 Figure 36. App pages to find out praying times based on location and time converter ................ 43 Figure 37. The app setting page (top left), search (bottom left), and other pages of the app