bannerbanner

THE BRIEF

School curriculum often includes old, difficult literature, and sparking interest in this subject has proven to be more and more difficult. 

With this project, I aim to revamp the learning experience and make old content feel more relevant while exploring different ways to use new technology.

Client

School Project

Role

User Interaction, User Experience, Visual Design

Duration

4 weeks, Spring 2017

[unex_ce_button id="content_0nv15abvx" button_text_color="#353535" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="2px" button_border_color="#353535" button_border_radius="0px" button_text_hover_color="#fef035" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#fef035" button_link="http://aml8069.cias.rit.edu/wordpress/wp-content/uploads/2017/07/helios_presentation.pdf" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]View Project Deck →[/ce_button]

GOAL

Introduce a rich, engaging experience that promotes a deeper understanding.

PARTNER

CliffsNotes

This project would pair with CliffsNotes because they have an established presence in the educational community. As a popular study guide tool, their product is essential in gaining a deep comprehensive understanding of the literature or subject.

Their mission aligns with my own: to provide a tool that helps students gain a deeper understanding of the subject they are studying.

TECH

Microsoft HoloLens

A leader in mixed reality, Microsoft’s HoloLens is a holographic computer that preserves your awareness of your surroundings while allowing you to interact and engage with new, exciting digital content.

The HoloLens is perfect for this project because of its advancements in augmented reality. It only superimposes new information within your normal view. I wanted this experience to be comfortable and easy to use, which is why I steered away from a clunky, tethered virtual reality experience.

SOLUTION

Holographic Learning Experience

While honoring the importance of reading, this experience is additive to a student’s study routine. Mapping a hologram scene of the story they just read in front of the student will make the content easier to digest, as well as provide meaningful interactions that allow the student to dig deeper if they choose.

INTERACTION MODEL

Pop up books aren't just for kids

Children have always had an affinity for vivid imagery over text. I want to recreate that sense of wild imagination with this experience. Modeling this experience off of that of a child’s pop-up book has been a main source of inspiration.

AUDIENCE

High schoolers and beyond

The high school curriculum often includes reading challenging literature. However, high schoolers aren’t always interested in old, traditional English. There is a huge market for study aids and guides for high schoolers, and the opportunity to help improve the learning experience is exponential.

CORE CONTEXT AND SPACE

Where the magic happens

If available, students study in environments that promote productivity. Within this context, students minimize distractions and get as situated as possible. The setting is important in guiding my decisions, because I wanted this experience to be as easeful to a student as possible. By having the holograms seamlessly integrate into the student’s enviornment right in front of them, they will be more likely to use the tool and enjoy it.

USER FLOW

userflowuserflow

FEATURES

Read and Scan

Once students are finished reading a designated section of the summary, they will be prompted to scan the QR code at the bottom of the page to initiate a recap scene. The students will have then spatially map a flat surface in front of them for the scene to live on. This scene will be superimposed in the student’s environment, allowing the student to visually process what they just read, in a familiar, comfortable space.

Character Analysis

Utilizing CliffsNotes already curated character analyses, students can select a character they need additional information on by gazing and then selecting them. This will pause the recap scene, isolate the character, and provide all pertinant information about the character.

charchar

Pause and bookmark

Utilizing CliffsNotes already curated character analyses, students can select a character they need additional information on by gazing and then selecting them. This will pause the recap scene, isolate the character, and provide all pertinant information about the character.

pausepause

CONCLUSION

Where to next?

Once the tech improves to support a wider field of view, introducing the scene into the surroundings of the student’s environment will be worthwhile and beneficial.

Thanks for checking this out!

Like what you see? View my other projects below →

[unex_ce_button id="content_j9yryike5,column_content_h496wrdd1" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#007aff" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/circles/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Previous Project:
Circles[/ce_button]
[unex_ce_button id="content_j9yryike5,column_content_7gkf1me9x" button_text_color="#000000" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#3347b7" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/mycourses/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Next Project:
MyCourses Redesign[/ce_button]