camel-eon · FranziskaNestler · Jun 18, 2025 · Jun 19, 2025 · Jun 19, 2025 · Jun 19, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/.idea/.name b/.idea/.name
diff --git a/Background_consumer_behaviour.png b/Background_consumer_behaviour.png
diff --git a/Consumer_Behaviour_Hifi.fig b/Consumer_Behaviour_Hifi.fig
diff --git a/Design/.DS_Store b/Design/.DS_Store
diff --git a/Design/Background.jpg b/Design/Background.jpg
diff --git a/Design/Background_consumer_behaviour.png b/Design/Background_consumer_behaviour.png
diff --git a/Design/Background_consumer_behaviour.webp b/Design/Background_consumer_behaviour.webp
diff --git a/Design/Background_main.png b/Design/Background_main.png
diff --git a/Design/Consumer_Behaviour_Hifi.fig b/Design/Consumer_Behaviour_Hifi.fig
diff --git a/Design → Design~Updated upstream b/Design → Design~Updated upstream
diff --git a/Functional Design/The_influence_of_user_culture_on_website_usability.html b/Functional Design/The_influence_of_user_culture_on_website_usability.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>The Influence of user Culture on Website Usability</title>
+    <link rel="stylesheet" href="vorlage.css">
+    <meta name="viewport" content="width=device-width initial-scale=1.0">
+</head>
+<body>
+    <!-- Baustein: Navigationsleiste -->
+    <header>
+        <nav class="desktopNav">
+            <ul>
+                <li class="navLi"><a href="../index.html"><img src="../img/cbLogo.png" alt="logo"></a></li>
+                <li class="navLi navHover"><a href="#introduction">Introduction</a></li>
+                <li class="navLi navHover"><a href="#methodology">Methodology</a></li>
+                <li class="navLi navHover"><a href="#results">Results</a></li>
+                <li class="navLi navHover"><a href="#conclusion">Conclusion</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <main>
+        <!-- Baustein: TITEL -->
+        <section id="title">
+            <div class="h1Wrapper">
+                <h1>The Influence of user Culture on Website Usability</h1>
+                <p class="basedOn">
+                    Rukshan Alexander(a), Nik Thompson(b), Tanya McGill(c), David Murray(c)
+                    a Department of Economics and Management, Vavuniya Campus, University of Jaffna, Vavuniya, Sri Lanka
+                    b School of Management, Curtin University, Kent St, Bentley, 6102, WA, Australia
+                    c Discipline of Information Technology, Mathematics and Statistics, Murdoch University, South St,
+                    Murdoch, 6150, WA, Australia</p>
+            </div>
+        </section>
+
+
+        <!-- Baustein: EINLEITUNG -->
+        <section id="introduction">
+            <h2 class="ueberschriftMittig">Introduction</h2>
+            <div class="textFeldEinleitungWrapper">
+                <p class="textFeldEinleitung">
+                    Consumer behaviour is the study of individuals, groups, or organisations and all activities associated with the purchase, use and disposal of goods and services. It encompasses how the consumer's emotions, attitudes, and preferences affect buying behaviour, and how external cues—such as visual prompts, auditory signals, or tactile (haptic) feedback—can shape those responses. Consumer behaviour emerged in the 1940–1950s as a distinct sub-discipline of marketing, but has become an interdisciplinary social science that blends elements from psychology, sociology, social anthropology, anthropology, ethnography, ethnology, marketing, and economics (especially behavioural economics).
+                </p>
+
+            </div>
+            </section>
+
+
+        <!-- Baustein: QUESTIONS -->
+        <section id="frageAntwort">
+            <h2 class="ueberschriftMittig">Questions</h2>
+            <div class="frageAntwortWrapper">
+                <div class="questionsBubble bubbleLeft">
+                    <p>
+                        “Culturally adapted websites enable users to achieve their goals more quickly and with fewer
+                        errors, leading to higher satisfaction.” – Alexander et al., 2021</p>
+                </div>
+                <div class="questionsBubble bubbleRight">
+                    <p>
+                        “A culturally adapted design leads to better user outcomes, even though familiarity with
+                        international websites can mitigate the differences.” – Alexander et al., 2021</p>
+                </div>
+                </div>
+        </section>
+
+
+        <!-- Baustein: METHODOLOGY -->
+        <section id="methodology">
+            <h2 class="ueberschriftMittig">Methodology</h2>
+            <div class="methodologyWrapper">
+                <p class="textFeldMethodology">
+                    In the paper "The Influence of User Culture on Website Usability" (Alexander et al., 2021), the authors used the following methods to gather data and assess the usability process:
+
+                    Sample and Recruitment:
+                    The study involved a total of 200 participants, split equally between 100 Australians and 100
+                    Chinese. These participants were recruited via an online panel, and each of them used a desktop
+                    computer to complete the tasks.
+
+                    Between-Subjects Design:
+                    Participants were assigned to use either a culturally native website (i.e., Australian participants
+                    used the Australian government website, and Chinese participants used the Chinese government website)
+                    or a culturally foreign website (i.e., Australian participants used the Chinese government website
+                    and vice versa). This between-subjects design allowed the researchers to compare how users from
+                    different cultural backgrounds interacted with websites that were either familiar or foreign to them.
+
+                    Metrics for Evaluation:
+                    The researchers evaluated usability using three key metrics:
+                    Effectiveness: Measured by task success, which indicates whether participants were able to complete the assigned tasks on the website.
+                    Efficiency: Assessed by the time taken to complete the tasks and the number of errors made during the process.
+                    Satisfaction: Measured through a questionnaire that gathered participants’ subjective feelings and experiences about the usability of the websites they interacted with.
+                    By using a combination of a controlled design, cross-cultural participant groups, and objective (task success, time/errors) and subjective (satisfaction) measures, the study was able to thoroughly assess how cultural differences influence website usability.
+                </p>
+
+            </div>
+        </section>
+
+
+
+        <!-- Baustein: VERGLEICH -->
+        <section id="results">
+            <div class="vergleichUeberschriftWrapper">
+                <h2 class="uberschriftVergleich">China</h2>
+                <h2 class="uberschriftVergleich">Navigation Structure</h2>
+                <h2 class="uberschriftVergleich">Australia</h2>
+            </div>
+            <div class="VergleichWrapper">
+                <p class="textfeldVergleich">In contrast, Chinese websites often feature flatter structures with many direct links
+                    to various sections of the site. This design is more aligned with the collectivist nature of Chinese
+                    culture, where users tend to prefer immediate access to a broad range of information. The layout is
+                    designed to provide quick access to multiple options rather than a linear navigation process.</p>
+                <p class="textfeldVergleich"> Websites in Australia typically have deeper navigation structures with
+                    hierarchical menus and fewer direct links. Australian users prefer to navigate through clearly
+                    structured categories and subcategories. This design approach aligns with the more individualistic
+                    culture, where users expect a more organized, step-by-step journey.</p>
+            </div>
+        </section>
+
+
+        <!-- Baustein: VERGLEICH + LEARNINGS -->
+        <section id="learnings">
+            <div class="vergleichUeberschriftWrapper">
+                <h2 class="uberschriftVergleich">China</h2>
+                <h2 class="uberschriftVergleich">Information Density</h2>
+                <h2 class="uberschriftVergleich">Australia</h2>
+            </div>
+            <div class="VergleichWrapper">
+                <p class="textfeldVergleich">Chinese websites, on the other hand, typically have a higher information
+                    density. More content, links, and visual elements (such as icons, banners, and images) are often
+                    displayed on a single page. This caters to the Chinese preference for having as much information as
+                    possible visible at once to quickly navigate and make decisions.</p>
+                <p class="textfeldVergleich">Australian websites generally have a lower information density per page.
+                   They tend to focus on minimalist design to avoid overwhelming users and to minimize errors. The goal
+                   is to present information in a clear, easily digestible manner to ensure users don't get confused.
+                </p>
+            </div>
+
+            <!--learnings-->
+            <div class="learning">
+                <h2 class="ueberschriftMittig">LEARNINGS</h2>
+                <div class="learningWrapper">
+                    <p class="textFeldMethodology">
+                        The key learnings from the paper "The Influence of User Culture on Website Usability" (Alexander et al., 2021) are:
+
+                        Cultural adaptation improves usability: Websites tailored to cultural preferences lead to better performance and satisfaction.
+                        Cultural navigation differences: Australians prefer deeper, hierarchical navigation, while Chinese users favor flatter structures with more direct links.
+                        Information density: Australians prefer minimalist designs with less information per page, while Chinese users are accustomed to high-density pages.
+                        Exposure to international designs: Chinese users adapted better to Australian designs, showing that familiarity with international websites can lessen cultural differences.
+                        Global websites need cultural consideration: Tailoring designs to cultural contexts improves user experience and gives a competitive edge.</p>
+                </div>
+
+            </div>
+
+        </section>
+
+
+
+        <!-- Baustein: AUFZÄHLUNGEN -->
+        <section id="">
+            <h2 class="ueberschriftLinks">What this means for educators and designers</h2>
+            <div class="aufzaehlungWrapper">
+                <!--Fragestellung-->
+                <p>
+                    For educators and designers, the research paper "The Influence of User Culture on Website Usability"  highlights three key takeaways:
+                </p>
+            </div>
+            <!--Aufzählungspunkte-->
+            <div class="aufzaehlung">
+                <img class="pfeil" src="../img/arrow.png" alt="Arrow Icon" />
+                <p class="textFeldAufzaehlung">
+                    Emphasize cultural awareness: Educators should teach the importance of understanding cultural differences in user behavior, and designers should integrate cultural preferences into the design process to ensure websites are more usable for diverse audiences.
+            </div>
+            <div class="aufzaehlung">
+                <img class="pfeil" src="../img/arrow.png" alt="Arrow Icon" />
+                <p class="textFeldAufzaehlung">
+                    Adapt website designs to cultural needs: Designers should customize navigation, information density, and overall layout based on the target culture to improve usability, user satisfaction, and efficiency.
+                </p>
+            </div>
+            <div class="aufzaehlung">
+                <img class="pfeil" src="../img/arrow.png" alt="Arrow Icon" />
+                <p class="textFeldAufzaehlung">
+                    Test across cultures: Both educators and designers should promote cross-cultural testing to identify potential usability issues and ensure websites perform well for users from different cultural backgrounds.                </p>
+                </p>
+            </div>
+        </section>
+
+
+
+        <!-- Baustein: CONCLUSION -->
+        <section id="conclusion">
+            <h2 class="ueberschriftLinks">Conclusion</h2>
+            <div class="textFeldConclusionWrapper">
+                <p class="textFeldConclusion">
+                    The study "The Influence of User Culture on Website Usability" highlights the significant impact of
+                    cultural differences on website usability. It demonstrates that adapting website designs to meet the
+                    cultural preferences of users—whether in navigation structure, information density, or visual
+                    presentation—can lead to better user performance and satisfaction.
+            </div>
+        </section>
+
+        <!-- Baustein: REFERENCES -->
+        <section id="references">
+            <h2 class="ueberschriftLinks">References</h2>
+            <div class="textFeldReferencesWrapper">
+                <p class="textFeldConclusion">
+                    References
+                    Research Paper: https://www.academia.edu/107554685/The_Influence_of_User_Culture_on_Website_Usability
+                    Al-Badi, A., 2009. Designing usable localised websites: differences between Western and
+                    Arab cultures. IBIMA Business Review 2, 9–19.
+                    Al-Khalifa, H.S., Garcia, R.A., 2014. Website design based on cultures: an investigation of
+                    Saudis, Filipinos, and Indians government websites’ attributes. Lect. Notes Comput.
+                    Sci. 8518, 15–27.
+                    Alexander, R., Thompson, N., Murray, D., 2016. Towards cultural translation of websites:
+                    a large-scale study of Australian, Chinese, and Saudi Arabian design preferences.
+                    Behaviour and Information Technology 36, 351–363. https://doi.org/10.1080/
+                    0144929X.2016.1234646.
+                    Alexander, R., Thompson, N., Murray, D., 2017a. Cross-Cultural Web Design Guidelines.
+                    In: 14th International Conference on Web for All (W4A-2017). Perth.
+                    Alexander, R., Thompson, N., Murray, D., 2017b. Cross-Cultural Web Usability Model. In:
+                    The 18th International Conference on Web Information Systems Engineering (WISE
+                    2017. Cham, Puschino, Russia. Springer.
+                    Alghamdi, A.S., Al-badi, A.L.I.H., Alroobaea, R., Mayhew, P., 2013. A comparative study
+                    of synchronous and asynchronous remote usability testing methods. International
+                    Review of Basic and Applied Sciences 1, 61–97.
+                    Alharbi, A., Mayhew, P., 2015. Users’ performance in lab and non-lab environments
+                    through online usability testing: a case of evaluating the usability of digital academic
+                    libraries’ websites. In: 2015 Science and Information Conference (SAI). London, UK.
+                    IEEE, pp. 151–161.
+                    Alostatha, J.M., Metleb, M.K., Alic, L.A., Abdullahd, L.R.A., 2011. Cross-use pattern
+                    language: cross-cultural user interface development tool. Procedia Computer Science
+                    3, 1541–1550.
+                    Alyahyan, L., Aldabbas, H., Alnafjan, K., 2016. Preferences of Saudi users on Arabic
+                    website usability. International journal of Web & Semantic Technology 7, 1–8.
+                    Aroshine, M., 2017. A culture-centered design approach to improve a user interface for
+                    migrants. (Master’s Programme in Human-Computer Interaction). KTH Royal
+                    Institute of Technology. Retrieved from. http://www.diva-portal.org/smash/get/
+                    diva2:1141491/FULLTEXT02.pdf.
+                </p>
+                <div id="ersteller">
+                    <img src="../img/userIcon.png">
+                    <p><strong>Franziska Nestler</strong><br>Functional Design</p>
+                </div>
+            </div>
+
+        </section>
+
+
+    </main>
+</body>
+</html>