Narnia
XR-based Immersive Reading Platform to Enhance Gen Alpha’s Digital Literacy
알파세대의 디지털 리터러시 역량 강화를 위한 XR기반의 몰입형 독서 플랫폼
Gen Alpha, who grew up experiencing technological advancements from a young age, requires progressive learning that stimulates creativity and maximizes emotions rather than imparting only traditional knowledge. Transitioning from passive traditional education to active learning, Narnia proposes a new immersive reading experience based on XR technology. Explore a completely new reading experience for your child with Narnia.
어려서 부터 기술적 진보를 경험하며 자란 알파세대에게는 기존의 지식만을 전달하는 단편적인 교육이 아닌,
창의성을 자극하고 감성을 극대화시키는 발전적인 학습이 필요합니다.
수동적인 전통교육 방식에서 능동적인 교육으로, Narnia(나니아)는 XR 기반의 새로운 몰입형 독서 경험을 제안합니다.
내 아이의 완전히 새로운 독서경험, 나니아와 함께 하세요.
Background
There has been a recent controversy surrounding the literacy of Gen Alpha, spreading like wildfire regardless of social media or press coverage. Before the debate about specific vocabulary, there was also a debate about spelling and grammar.
사흘, 심심한 사과, 금일. 최근 SNS와 언론 할 것 없이 일파만파 퍼지고 있는 알파 세대 문해력 논란이 있습니다.
특정한 어휘를 모른다는 논란 이전에는 맞춤법 논란도 있었죠.
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/f06b88195409733.660d569d261f1.gif)
Problem
In 2018, the digital literacy of Korean adolescents was recorded at the lowest level among OECD member countries, indicating that a significant portion of Korean adolescents lack the ability to distinguish between facts and opinions and do not receive education on the subjectivity and bias of information.
2018년 한국 청소년의 디지털 문해력은 OECD 회원국 중 최하위 수준을 기록했으며, 이는 한국 청소년들 상당 수가 사실과 의견을
구분할 수 없고, 정보의 주관성과 편향성 교육을 받지 못하고 있음을 시사합니다.
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/e39abb195409733.660d4c2f81c7f.gif)
* Source : OECD
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/3faf4c195409733.660d4c2f80e69.gif)
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4c0f63195409733.6611439b44708.png)
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/74da92195409733.660d9d92ad0dd.gif)
Insight
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/7e312d195409733.6611439b44bf9.png)
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0538f3195409733.660d8d9b8e85f.gif)
Solution
Narnia
: XR-based Immersive Reading Platform to Enhance Gen Alpha’s Digital Literacy
Traditional reading is a static act of reading with the eyes, but with Narnia, you can experience sensory-stimulating reading through immersive content. With the heightened realism of immersive content, stories within books feel as if they actually happened, and interaction within the content allows reading to expand into a realm of enjoyable play and experience beyond just reading.
전통적 독서는 눈으로 읽는 정적인 행위이지만, Narnia(나니아)에서는 실감형 독서 콘텐츠를 통해 오감을 자극하는 독서를 경험할 수 있습니다.
실감 콘텐츠의 높은 현실감으로 책 속 이야기가 실제로 일어난 것처럼 느껴지고, 콘텐츠 내에서 상호작용도 가능하여 독서 이상의 즐거운 놀이와
경험의 영역으로 확장될 수 있습니다.
* Illustration image source : Disney
Scenario Video
This is a scenario video of 8-year-old user persona 'Kim Minjun' using Narnia. Let's explore the core features of Narnia along with Minjun!
유저 퍼소나인 8살 ‘김민준’ 군이 Narnia(나니아)를 이용하는 시나리오 영상입니다.
민준이를 따라 나니아의 핵심 기능들을 파악해 보세요!
(1) Explore Landing Page & reading contents
(2) Immersive reading experience in XR
(3) Create an interactive immersive virtual environment
(4) Re-create a fairy tale space through generative AI
(5) Communicate with a character in the fairy tale through multimodal AI
(1) Explore Landing Page & reading contents
랜딩페이지 & 독서 콘텐츠 탐색
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/2a012a195409733.6610c872edf2b.png)
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/10cdf6195409733.6610c872edb78.jpg)
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a560a9195409733.6610c872ee24b.png)
(2) Immersive reading experience in XR
XR 환경에서의 독서 경험
▶︎ Toolbar
① Audio
② Highlighting
③ Search
④ Bookmark
① 오디오
② 하이라이팅
③ 검색
④ 북마크
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/3efa38195409733.660ef12d5f8c8.png)
▶︎ Turning the page
페이지 전환
▶︎ Highlighting sentences
문장 강조
▶︎ Bookmark a page
페이지 북마크
(3) Create an interactive immersive virtual environment
인터렉티브 몰입형 가상환경 생성
With each page turn, the virtual environment changes to one that corresponds to the context, enabling a reading experience that maximizes immersion and realism.
페이지를 전환할 때마다 그 맥락에 맞는 가상환경으로 변화하여
더욱 몰입감과 현장감이 극대화된 독서 경험이 가능합니다.
(4) Re-create a fairy tale space through generative AI
생성 AI를 통한 동화 속 공간 재창작
Children can unleash their imagination through generative AI to create their own special spaces within fairy tales. Simply indicate the desired area with your hand and tell us the image you want to create.
아이들은 생성 AI를 통해 상상력을 발휘하여 나만의 특별한 동화 속 공간을 만들 수 있습니다.
원하는 영역을 손으로 표시하고, 생성하고 싶은 이미지를 말해 보세요.
(5) Communicate with a character in the fairy tale through multimodal AI
멀티모달 AI를 통한 동화 속 주인공과의 대화
Children can enhance their imagination and critical thinking skills by asking the protagonist questions via voice about parts of the book that they don't understand well or about aspects beyond what is directly mentioned in the book.
아이들은 책을 보다가 이해가 잘 되지 않는 부분 혹은 책에 직접적으로 나와 있지 않은 그 이상의 부분을
주인공에게 음성을 통해 물어보며 상상력과 사고력을 기를 수 있습니다.
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/3e89d1195409733.660efbcba50e7.gif)
▶︎ Character toolbar
① Conversational AI voice control
② Real-time conversation caption
③ Change character
① 대화형 AI 음성 제어
② 실시간 대화 자막 활성화
③ 캐릭터 변경
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a9aa4c195409733.660f027ca2e70.png)
Hand Gesture
Children consistently maintain the use of gestures that are commonly used in real life, such as turning pages or highlighting paragraphs with fingers.
책의 페이지를 넘길 때 혹은 문단을 손가락으로 하이라이팅할 때와 같이
현실에서 사용하는 제스쳐를 일관되게 유지하여 사용합니다.
① Pinch : Select the target element & Enable the toolbar
② Pinch and drag : Swipe & Highlight sentences
③ Pinch and rotate : Turning the page
④ Draw a circle with the index finger : Select an area to create images with Gen AI
⑤ Shaking : Greet
① Pinch : 타겟 요소 선택 & 툴바 활성화
② Pinch and drag : 화면을 쓸어 넘김 & 문장 강조
③ Pinch and rotate : 페이지 전환
④ Draw a circle with the index finger : 생성 AI를 통해 이미지를 생성할 영역 선택
⑤ Shaking : 인사
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a43d80195409733.660f0b69b4ccd.png)
Explore a completely new reading experience
for your child with Narnia
![xr UI/UX Reading ux UI extended reality genai interection mr vr](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4d4473195409733.660fa24d72458.png)
Designed by Seunghee Kim
2024.04
SDM Intensive Course