Christian Tiet

Home

Designs

HOBBIES

About

Contact

Christian Tiet

Designing a Comprehensive Social Studies E-Learning Resource to Foster Active Student Engagement

Empowering Student Exploration and Understanding through Interactive and Diverse Educational Content



Try PC Prototype!

Try Mobile Prototype!

Designing a Comprehensive Social Studies E-Learning Resource to Foster Active Student Engagement

Empowering Student Exploration and Understanding through Interactive and Diverse Educational Content



Try PC Prototype!

Try Mobile Prototype!

Designing a Comprehensive Social Studies E-Learning Resource to Foster Active Student Engagement

Empowering Student Exploration and Understanding through Interactive and Diverse Educational Content


Try PC Prototype!

Try Mobile Prototype!

Designing a Comprehensive Social Studies E-Learning Resource to Foster Active Student Engagement

Empowering Student Exploration and Understanding through Interactive and Diverse Educational Content


Try PC Prototype!

Try Mobile Prototype!

Designing a Comprehensive Social Studies E-Learning Resource to Foster Active Student Engagement

Empowering Student Exploration and Understanding through Interactive and Diverse Educational Content


Try PC Prototype!

Try Mobile Prototype!


Team:

  • 3 UX/UI Designers


Timeline:

  • 3 Months


Tools:

  • Figma


Roles:

  • User Experience Research

  • UX/UI Design

  • Wireframing​

  • Prototyping

  • Usability Tester

Overview:
Existing History is an innovative e-learning platform that enhances students’ understanding of history, culture, and society through interactive content, multimedia resources, and activities to foster critical thinking skills and global perspectives.


Goals:
To goals is to develop an educational platform that integrates immersive and interactive elements to enhance students’ understanding of history, culture, and society. By fostering critical thinking skills and global perspectives through engaging content, students can actively participate in learning activities, leading to a visually appealing and intuitive learning experience.


Solutions:

To create engaging and effective online learning experiences for students, it is essential to develop high-quality content, design user-friendly interfaces for easy navigation, and incorporate gamification elements to boost interactivity and maintain student motivation throughout the learning journey.


Team:

  • 1 UX/UI Designer

Timeline:

  • 4 Weeks

Tools:

  • Miro

  • Figma

Roles:

  • User Experience Researcher

  • UX/UI Designer

  • Wireframing Specialist ​

  • Prototyper

  • Usability Tester

Overview:
Existing History is an innovative e-learning platform that enhances students’ understanding of history, culture, and society through interactive content, multimedia resources, and activities to foster critical thinking skills and global perspectives.

Goals:
To goals is to develop an educational platform that integrates immersive and interactive elements to enhance students’ understanding of history, culture, and society. By fostering critical thinking skills and global perspectives through engaging content, students can actively participate in learning activities, leading to a visually appealing and intuitive learning experience.


Solutions:

To create engaging and effective online learning experiences for students, it is essential to develop high-quality content, design user-friendly interfaces for easy navigation, and incorporate gamification elements to boost interactivity and maintain student motivation throughout the learning journey.


Unveil the Past: "Dive" into Your History with Our Interactive History Web App

Unveil the Past: "Dive" into Your History with Our Interactive History Web App

The development of our comprehensive history app has been an iterative process, driven by a passion for storytelling and the rich tapestry of cultures that inspire shows and games. By incorporating interactive elements such as videos, games, and exercises, we aim to enhance user engagement and motivation. My love for entertainment that draws from real-world cultures and stories fueled this project, as I spend much of my time exploring these inspirations. Through this app, I hope to instill a similar passion for learning about history and culture in others, creating an immersive educational experience.

Who Are The Target Users Of "Experiencing History"?

Who Are The Target Users Of "Experiencing History"?

Existing History is designed for students and individuals interested in history who seek to enhance their understanding of historical events, cultures, and societies through engaging and interactive educational resources.

Existing History is designed for students and individuals interested in history who seek to enhance their understanding of historical events, cultures, and societies through engaging and interactive educational resources.


Setting Our Sights:


Setting Our Sights:

To enhance learning engagement and critical thinking skills, students can use interactive content like timelines and quizzes, curate multimedia resources, and design activities that prompt analysis of historical events. Implementing a points system tied to rewards can incentivize intrinsic motivation, fostering achievement and personalized learning experiences.

To enhance learning engagement and critical thinking skills, students can use interactive content like timelines and quizzes, curate multimedia resources, and design activities that prompt analysis of historical events. Implementing a points system tied to rewards can incentivize intrinsic motivation, fostering achievement and personalized learning experiences.


Feedback from User Interviews

Feedback from User Interviews


User Participant #1

User Participant #1

"I decided to discontinue … due to its lack of interactivity, inherent boredom, and a sense of mere 'plug and chug' mechanics."

User Participant #2

User Participant #2

"… interactive and immersive digital resources… foster the practical application of acquired knowledge…"


User Participant #3

"… I sustained this practice [of using E-Learning Resources] due to its enrichment, offering supplementary information and expanded learning avenues."


User Participant #3

"… I sustained this practice [of using E-Learning Resources] due to its enrichment, offering supplementary information and expanded learning avenues."


User Participant #3

"… I sustained this practice [of using E-Learning Resources] due to its enrichment, offering supplementary information and expanded learning avenues."

Synthesize Findings

  • 50% find convenience and accessibility motivate online learning.

  • 40% began due to convenience.

  • Top platforms include Kahoot, Google Classroom, Canvas, and Duolingo.

  • For 50%, cost is a deterrent or a problem.

Reliving the past, with each swipe: Enhancing User Experience With Intuitive Design



Reliving the past, one swipe at a time: Enhancing User Experience Through Intuitive Design

As a UX/UI designer, my role involves creating intuitive and visually appealing interfaces for digital products. For the product “Experiencing History,” I designed a unique slider feature to toggle between topics, crafted menu screens for easy navigation, designed all buttons and icons for seamless interaction, and created visually engaging webpages to enhance user experience.


As a UX/UI designer, my role involves creating intuitive and visually appealing interfaces for digital products. For the product “Experiencing History,” I designed a unique slider feature to toggle between topics, crafted menu screens for easy navigation, designed all buttons and icons for seamless interaction, and created visually engaging webpages to enhance user experience.

Iteration 1:

Iteration 1:

I developed mid-fidelity interfaces, blending usability and muted visuals. Evolving to high-fidelity mockups, I ensured a seamless user experience for the educational app.

I developed mid-fidelity interfaces, blending usability and muted visuals. Evolving to high-fidelity mockups, I ensured a seamless user experience for the educational app.

Iteration 2:

Iteration 2:

I developed mid-fidelity interfaces, blending usability and muted visuals. Evolving to high-fidelity mockups, I ensured a seamless user experience for the educational app.

I developed mid-fidelity interfaces, blending usability and muted visuals. Evolving to high-fidelity mockups, I ensured a seamless user experience for the educational app.

Refining Educational Journeys: Enhancing Learning Pathways and User Engagement





Explore the post-design landscape: testing, analyzing, and planning for future growth.

Explore the post-design landscape: testing, analyzing, and planning for future growth.

Ensuring the effectiveness and usability of a product involves tasks like testing and aligning with user preferences. Testing allows designers to identify and address issues, while aligning with user preferences ensures the product meets their needs and expectations. These steps are crucial for enhancing user experience and maximizing satisfaction and success in the market.

Usability Testing

Usability Testing

I adopted a fully remote, moderated approach to user research, allowing us to gather both quantitative and qualitative data through these sessions. This strategy provided us with a comprehensive understanding of user perspectives, effectively guiding our iterative design process.

I adopted a fully remote, moderated approach to user research, allowing us to gather both quantitative and qualitative data through these sessions. This strategy provided us with a comprehensive understanding of user perspectives, effectively guiding our iterative design process.

User Participant #1

User Participant #1

"…The blue gradient on the options tabs didn't appeal to me, and the white title with the black icons didn't appeal to me either."

"…The blue gradient on the options tabs didn't appeal to me, and the white title with the black icons didn't appeal to me either."

User Participant #2

User Participant #2

"… None of the screen are cluttered and I like how they are organized into units and time periods."

"… None of the screen are cluttered and I like how they are organized into units and time periods."

User Participant #3

User Participant #3

"… the gradient background and the gradient tabs kind of clash... instead of the rounded corners for each text, an unrounded corner would look better visually."

"… the gradient background and the gradient tabs kind of clash... instead of the rounded corners for each text, an unrounded corner would look better visually."

Potential Metrics

Metrics for my app include engagement, content effectiveness, user experience, and revenue. They measure learner attraction, valuable content delivery, seamless journey, and growth. Success means positive feedback, loyalty, and educational impact.




User Feedback
and Satisfaction:

User Feedback
and Satisfaction:

  • Average rating of 4.5 out of 5.

  • 200 user-generated feedback submissions.

  • Net Promoter Score score of 35 indicating positive user sentiment

  • Average rating of 4.5 out of 5.

  • 200 user-generated feedback submissions.

  • Net Promoter Score score of 35 indicating positive user sentiment

Retention and

Growth:

Retention and

Growth:

  • 40% of users continue using the app after 90 days.

  • 20% of users churn within the first month.

  • 15% of new users acquired through referrals.

  • 40% of users continue using the app after 90 days.

  • 20% of users churn within the first month.

  • 15% of new users acquired through referrals.

Monetization:

Monetization:

  • $5,000 in monthly revenue from premium content.

  • $2,000 in monthly revenue from displaying ads.

  • 10% of free users convert to paying customers.

  • $5,000 in monthly revenue from premium content.

  • $2,000 in monthly revenue from displaying ads.

  • 10% of free users convert to paying customers.

Potential Next Steps:

Potential Next Steps:

  • Specialized Topic Updates: Providing updates on niche subjects like women’s history and art history can attract a specific audience interested in these areas, setting your app apart by offering unique and valuable information.

  • Promoting Art Exhibits or Museums: Collaborating with art institutions to promote their exhibits through your app can benefit both parties. Featuring upcoming events, exhibitions, or virtual tours can engage users and drive traffic to cultural institutions.

  • Discussion Forum for Community Engagement: Integrating a discussion forum within your app can create a sense of community among users interested in specialized topics. This platform encourages interaction, knowledge sharing, and networking among peers, boosting user engagement.

Reflection

Reflection

Creating an e-learning app through research, design, and prototyping was a transformative experience that combined the passion for learning with creativity. This journey highlighted the crucial relationship between education and technology, emphasizing the need for a seamless integration of pedagogy and user experience to build a compelling learning platform. By being involved in every aspect of app development, valuable skills in research, design, and prototyping were gained, while also developing a holistic perspective on how technology can synergize with education to elevate learning experiences.

Creating an e-learning app through research, design, and prototyping was a transformative experience that combined the passion for learning with creativity. This journey highlighted the crucial relationship between education and technology, emphasizing the need for a seamless integration of pedagogy and user experience to build a compelling learning platform. By being involved in every aspect of app development, valuable skills in research, design, and prototyping were gained, while also developing a holistic perspective on how technology can synergize with education to elevate learning experiences.

Featured Work

These projects highlight my commitment to crafting designs that prioritize both user-centric experiences and the achievement of meaningful goals.

View all