SlideShare a Scribd company logo
1 of 47
Download to read offline
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
1
SPRING, SUMMER 2019
Kibo
Kibo
Radhika Ravindran & Sashank Macharla
Spring 2019
1. Project Definition 3. Research 5. Visuals 7. Conclusion
2. User Survey 4. Stories, Cases, Flow 6. Sketch & Decide
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
2
SPRING, SUMMER 2019
Project Definition
Enhance the engagement to the experience of reading
non-fiction thus making it easier to consume and comprehend
even for smaller age groups.
a. Problem
a. Solution
a. Motivation
d. Goals
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
3
SPRING, SUMMER 2019
problem
solution
Non-fiction is not written in a way that they are childfriendly. While it is
important to read non-fiction, studies show that less and less teenagers are
reading books and a handful of them are immersing themselves in non-fiction.
A reading experience that promotes and maintains engagement
through an interactive media consumption experience, leveraging
the power of non-fiction literature
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
4
SPRING, SUMMER 2019
motivation
We want the ease and engagement of reading non-fiction literature to resonate
with our target users, by offering a seamless way to consume snackable content of
information that elevates their interest.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
5
SPRING, SUMMER 2019
goals
Easy reading
Structure content in a way that encourages
interaction, easy consumption, and accessible
entry and exit points.
Effortless assistance
Empower the user to understand the reasoning be-
hind the underlying content, not mentioned in the
book.
Organized progress tracking
Enable users to effortlessly save and track
their personal library of saved topics and
books.
Set design guidelines
For our developer friends,create a set of rules that will
help dictate the flow of the content, how the user
interacts within the content, and basic styling that
supports our goals.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
6
SPRING, SUMMER 2019
Product
Thinking
Product
Design
Visual/
Interaction
Design
Develop/
Deploy
Kickoff/ Research/ Observations
Wireframes/ Lo-Fi Prototype/ Iterations/ Evaluations
Hi-Fi/ Branding/ Reflections
My
Role
Challenges
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
7
SPRING, SUMMER 2019
What Who is Kibo?
Kibo
Kibo is a chatbot, specially designed for teenagers
to help them engage and develop interest in non-
fiction literature. Kibo divides a book into packets
of information and deliver in the form of chats.
Read a book via chat!
Icons Source: https://www.flaticon.com/free-icon/
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
8
SPRING, SUMMER 2019
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
8
SUMMER 2019
H
C
I
0
0
1
Research
Prompts & Insights
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
9
SPRING, SUMMER 2019
Why Non-Fiction?
Non-fictions are usually not written or developed in a way that they are child-friendly.
A linear structure of narration (without many interesting twists or turns or personification)
that makes children start reading them during the later stages of life.
Reading non-fiction helps children in the following (and more...) :
Logical thinking, Vocabulary etc.
Offers solution to real-world problems
Teaches children more about the world they live in.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
10
SPRING, SUMMER 2019
Kickoff
1. What is our target users’ goal in terms of reading?
2. Evaluating the problem: Is it a common problem?
3. Which are the competitive apps in the market?
4. How can we prioritize the activities in a way unique to the user?
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
11
SPRING, SUMMER 2019
1. What is our target users’ goal
in terms of reading?
Our initial research online and through the library gave us
insights that teenagers prefer graphical novels more than
any other genre. But even within these novels, they shunned
away from a linear narrative. It was always the excitement,
suspense and comedy that kept them engaged with a read.
“GenZ send and receive over 6000 text messages per
month”
“GenZ has an attention span of 8 seconds. Approximately
11% of their population have ADHD”
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
12
SPRING, SUMMER 2019
2. Evaluating the Problem:
How common is the problem?
Reading is an inherent part which plays a key role in developing a
child’s thought-flow, social skills, necessary cognitive skills and pre-
pares them with vital problem solving skills for all aspects of their per-
sonal and professional life.
As we observe through the charts, the highest decline in reading is
faced by children who are in the age group of 12-17. There is overall
decline of reading, children who used to read started reading less and
there is also an observed decrease in the hours of sustained reading.
Source of data: Scholastic Research, 2018
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
13
SPRING, SUMMER 2019
3. Which are the competitive apps in the
market?
In order to understand what was beneficial and
lacking in the current platforms, I had to check
the prominent reading platforms today.
I evaluated several features considered
essential from user analysis and identified
which ones Kibo could capitalize on to be
ahead of other platforms.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
14
SPRING, SUMMER 2019
4. How can we prioritize the activities in a
way unique to the user?
Plotting a list of possible features onto a graph
helped me narrow down what was absolutely
crucial for delivering the mvp.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
15
SPRING, SUMMER 2019
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
15
SUMMER 2019
H
C
I
0
0
1
Observations
Contextual Enquiry &
Creating Personas
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
16
SPRING, SUMMER 2019
Greenwood Library, Indiana
Program ‘Reading Rockets’ targeted on Parents and Teachers to
help children engage in reading.
Teen Programs are hosted by TeenHQ (Teenagers’ collective in the Library)
to engage teens in interactive learning.
We interviewed 2 Parents and Teachers (Teaching 6th Grade)
and conducted surveys with several others who are part of
this program.
We interviewed 2 Teenagers and surveyed several others who are
part of the TeenHQ (Age range 11-18).
Pictures Source: Greenwood Library
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
17
SPRING, SUMMER 2019
A graphical survey was conducted in between
children, parents and teachers. The same text
sample was arranged in 5 different ways as
shown:
Contextual Inquiry
‘I break a lesson into smaller chunks that
are digestible and relatable with their
everyday lives’ -Anne, 6th Grade Teacher
‘Reading a large book is too time
consuming and slow, I better ask my
friends about the book’
-Ben, High School Student
75 % of parents with kids
ages 6–17 agree:
“I wish my child would
read more books for fun.”
P.S. Names are changed for privacy regulations.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
18
SPRING, SUMMER 2019
Contextual Inquiry: Insights
1 3
2 4
The responses showed insights for the
following:
1. The way to deliver information
2. Teenage ownership of a mobile/ tablet
3. Engagement strategies to be adopted
4. What could enhance sustained reading
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
19
SPRING, SUMMER 2019
Clustering Information
The survey & interview information were
clustered under 5 categories:
1. Engaging Strategies
2. Reasons for not reading non- fiction
3. Digital Interfaces for reading
4. Reading habits
5. Reasons for consistent reading
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
20
SPRING, SUMMER 2019
Clustering Information
Information extracted to next step were:
Conversations between children is the msot en-
gaging activity.
Teenagers like quick bursts/ short reads. Reading
should be merged into the daily activities without
realizing the difference.
Or, reading could be intervened into the activity
they perform daily.
Digital explosion in reading helps teenagers to
have a better interactive surface to read, content
can be tuned to consumption method or help can
be sought faster.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
21
SPRING, SUMMER 2019
Approach of designing for teenagers differ
in many ways:
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
22
SPRING, SUMMER 2019
Meanwhile, there are some commanalities
we observed:
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
23
SPRING, SUMMER 2019
Daily activities of the users
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
24
SPRING, SUMMER 2019
Intervening into daily activities of the users
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
25
SPRING, SUMMER 2019
Creating Personas
Ben is a high school student who doesn’t like reading in general. He
reads only for acamic purposes and not for pleasure. Assignments
based on non-fiction literature is the most tough one for him. Ben
usually tries to get the assignments done with the help of his friends
or siblings. But hes scared of the future assignments that he will not
be able to perform well. At the same time, he tries to read books,
but is only able to finish short stories or comics. He likes reading
small blogposts/ reading postss shared via chats.
Arie is a 6th grade student who likes reading fictions.
Mysteries, Thrillers, Action Adventures are his favorites. But she has
never bothered to read non-ficiton literature. She knows it is important
to immerse herself in non-fiction literature too, but she never feels/ gains
the interest to read the genres doesn’t help engage herself. She loves
to talk to friends about the books she read or wants to read and always
keeps herself updated with the new books in the market.
Name: Ben
Age: 15
Occupation: Student
Name: Arie
Age: 12
Occupation: Student
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
26
SPRING, SUMMER 2019
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
26
SUMMER 2019
H
C
I
0
0
1
Preliminary Design
Information Architecture
Sketches
Lo- Fi Wireframes
Wireflow
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
27
SPRING, SUMMER 2019
Information Architecture
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
28
SPRING, SUMMER 2019
Sketched Wireframes
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
29
SPRING, SUMMER 2019
Lo-Fi Wireframes
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
30
SPRING, SUMMER 2019
Wireflow
Splash Screen Home Kibook
Library Library (group) Friends Profile
Kibo Chatting Kibo Chatting Groups
Kibo was envisioned with group reading
rooms, ability to share books with friends via
the same platform and ability to create con-
tent specific to groups (marked in grey). These
are postponed to the second phase of the
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
31
SPRING, SUMMER 2019
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
31
SUMMER 2019
H
C
I
0
0
1
Final Design
Hi- Fi Prototype
Reflections
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
32
SPRING, SUMMER 2019
Medium-Fidelity Prototype
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
33
SPRING, SUMMER 2019
Kibo Home (Med- Fi)
Top App bar
Recap/ Summary of
Suggested Readings
Kibo animation to add
interactivity
Previously Read book.
For quick access.
Bottom Navigation Bar
Kibo Welcomes the
user with the latest
updates of books in
the market & daily
quotes.
Purpose:
Introduction to Kibo
Having animation with Effective Feedback
attracts more children
Always have a resting spot affording an
element of play
Enable quick toggle between functions
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
34
SPRING, SUMMER 2019
Kibo Library (Med- Fi)
Quick Toggle between
My books & All Kibooks
Library
Bottom Navigation Bar
Purpose:
A page to explore the content
Customised sections per user
Integrated vertical scrolling & horizontal
scrolling sections for including more content
Reviews and ratings to choose the books
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
35
SPRING, SUMMER 2019
Profile (Med- Fi)
Top App Bar
Recap/ Summary of
ongoing/ completed
Kibooks
Reading Statistics
Bottom Navigation Bar
Previously Read book.
For quick access.
Purpose:
Personal Reading Statistics which can be
directly shared in Social Media (Motivation
to read more)
Save the favorite books to read later
Earn Badges based on reading history
Quick Access to previously read book
Quick Toggle between Home and Profile
Non-Fiction fire
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
36
SPRING, SUMMER 2019
Kibo (Med- Fi)
Manual/ Auto mode in
Reading
Book Cover
Input Text Container
Auto-mode turned on
Some parts of the
conversation are auto-
mated. There are also
options in the top app
bar to fully automate
the conversation.
Purpose:
Main Page
Chatbot assumes the role of book and
converse with the user
Ability to switch between manual and auto
mode
Interactivity and informal dialogues added
in between to keep the engagement
consistant
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
37
SPRING, SUMMER 2019
Kibo Home
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
38
SPRING, SUMMER 2019
Kibook Library
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
39
SPRING, SUMMER 2019
Kibo Chatting
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
40
SPRING, SUMMER 2019
Book details
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
41
SPRING, SUMMER 2019
Personal Profile
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
42
SPRING, SUMMER 2019
Style guide
AaBbCc
Nunito 30pt Black Avenir 30ot Black Avenir 30ot Light
H1
Normal
Colors
Typo
Buttons
Logos
H2
Pressed
H3
AaBbCp AaBbCc
BUTTON BUTTON
Button Button
Button
Button
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
43
SPRING, SUMMER 2019
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
43
SPRING, SUMMER 2019
Conclusion
Thank you for reading through.
We are almost at the end! Here is a summary of the feature glossary,
Rrflections and challenges in the following slides.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
44
SPRING, SUMMER 2019
feature glossary
Book as a chat
Quick bursts of interactive content to engage the target
user, while maintaining the integrity of the content.
Kibo Assistant
Empowering and encouraging the user to ask questions,
bookmark, highlight content etc. thus improving the
learning quality.
Reading analytics
Enabling users to track and visualize the progress
through the book with a share options to encourage
more children to read.
Read mode
Adjusting the brightness through day and night.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
45
SPRING, SUMMER 2019
Reflections
We wanted to design a friendly and engaging experience to promote and ease the reading of non-fiction literature among
teenagers.
In engaging ourselves with an in-depth and well fleshed out process, Sashank and I created a seamless, quick and engaging
consumption experience while providing an organised, but playful system. Not only were we able to touch upon some basic
user research, we were also able to take the project to an early prototyping stage, giving us a chance to not only work in
a group setting, but also across a large span of the design process.From being spoiled by being paired with a phenomenal
partner, to talking to and working with users (children with unending questions), KIBO was a successful project in more ways
than just a completed mobile experience.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
46
SPRING, SUMMER 2019
Challenges and next steps
The biggest challenge in developing Kibo is to understand how to dissect the structure of a linear book
and re-organize it into a flexible narrative with loops, examples, conversations, questions, and comments.
Further challenges include the extension of tree-based algorithm, feedback system for engagement,
user-test the high fidelity to understand the pain points during engagement and calibrating this to a
specific target audience.
Kibo
SASHANK MACHARLA & RADHIKA RAVINDRAN
47
SPRING, SUMMER 2019
Thank you!

More Related Content

Similar to Kibo process book

Groundwork-Fall-2014-issue(2)
Groundwork-Fall-2014-issue(2)Groundwork-Fall-2014-issue(2)
Groundwork-Fall-2014-issue(2)
Amie Wolf
 
Ncte 2010 -_middle_school_parents_as_partners
Ncte 2010 -_middle_school_parents_as_partnersNcte 2010 -_middle_school_parents_as_partners
Ncte 2010 -_middle_school_parents_as_partners
Karen Cohen Caine
 
Mgm summer reading brochure 2013
Mgm summer reading brochure 2013Mgm summer reading brochure 2013
Mgm summer reading brochure 2013
jkohout
 
MGM Summer Reading Brochure 2013
MGM Summer Reading Brochure 2013MGM Summer Reading Brochure 2013
MGM Summer Reading Brochure 2013
jkohout
 
Unit 2 task 4 - Text visual product
Unit 2 task 4 - Text visual productUnit 2 task 4 - Text visual product
Unit 2 task 4 - Text visual product
Sarah Parker
 
GES 2012 Summer Reading
GES 2012 Summer ReadingGES 2012 Summer Reading
GES 2012 Summer Reading
Mrs. Bond
 
YALSA webinar demonstrating impact teen summer reading
YALSA webinar demonstrating impact teen summer readingYALSA webinar demonstrating impact teen summer reading
YALSA webinar demonstrating impact teen summer reading
kczarnec
 
BSU Journalism Workshops Social Media Strategy
BSU Journalism Workshops Social Media StrategyBSU Journalism Workshops Social Media Strategy
BSU Journalism Workshops Social Media Strategy
Megan McNames
 

Similar to Kibo process book (20)

Summer programs --and beyond---for adults
Summer programs --and beyond---for adultsSummer programs --and beyond---for adults
Summer programs --and beyond---for adults
 
Groundwork-Fall-2014-issue(2)
Groundwork-Fall-2014-issue(2)Groundwork-Fall-2014-issue(2)
Groundwork-Fall-2014-issue(2)
 
Ncte 2010 -_middle_school_parents_as_partners
Ncte 2010 -_middle_school_parents_as_partnersNcte 2010 -_middle_school_parents_as_partners
Ncte 2010 -_middle_school_parents_as_partners
 
Children.s Summer Reading Programs 2009
Children.s Summer Reading Programs 2009Children.s Summer Reading Programs 2009
Children.s Summer Reading Programs 2009
 
Summer reading refreshed!
Summer reading refreshed!Summer reading refreshed!
Summer reading refreshed!
 
Boys and Books
Boys and BooksBoys and Books
Boys and Books
 
Mgm summer reading brochure 2013
Mgm summer reading brochure 2013Mgm summer reading brochure 2013
Mgm summer reading brochure 2013
 
MGM Summer Reading Brochure 2013
MGM Summer Reading Brochure 2013MGM Summer Reading Brochure 2013
MGM Summer Reading Brochure 2013
 
2016 Children's Workshop Intro
2016 Children's Workshop Intro2016 Children's Workshop Intro
2016 Children's Workshop Intro
 
Unit 2 task 4 - Text visual product
Unit 2 task 4 - Text visual productUnit 2 task 4 - Text visual product
Unit 2 task 4 - Text visual product
 
Ithaca College Student-Run Public Relations Agency "Lab17" Showcase Program
Ithaca College Student-Run Public Relations Agency "Lab17" Showcase ProgramIthaca College Student-Run Public Relations Agency "Lab17" Showcase Program
Ithaca College Student-Run Public Relations Agency "Lab17" Showcase Program
 
A-28 Reaching & Teaching Reluctant Readers in the Urban Classroom
A-28 Reaching & Teaching Reluctant Readers in the Urban ClassroomA-28 Reaching & Teaching Reluctant Readers in the Urban Classroom
A-28 Reaching & Teaching Reluctant Readers in the Urban Classroom
 
Summer Reading and Learning 2017
Summer Reading and Learning 2017Summer Reading and Learning 2017
Summer Reading and Learning 2017
 
December 2013
December 2013December 2013
December 2013
 
GES 2012 Summer Reading
GES 2012 Summer ReadingGES 2012 Summer Reading
GES 2012 Summer Reading
 
Research
ResearchResearch
Research
 
YALSA webinar demonstrating impact teen summer reading
YALSA webinar demonstrating impact teen summer readingYALSA webinar demonstrating impact teen summer reading
YALSA webinar demonstrating impact teen summer reading
 
Essay On Summer.pdf
Essay On Summer.pdfEssay On Summer.pdf
Essay On Summer.pdf
 
Kids Need Reading Stamina
Kids Need Reading StaminaKids Need Reading Stamina
Kids Need Reading Stamina
 
BSU Journalism Workshops Social Media Strategy
BSU Journalism Workshops Social Media StrategyBSU Journalism Workshops Social Media Strategy
BSU Journalism Workshops Social Media Strategy
 

Recently uploaded

如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
Sarbjit Bahga
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
mikehavy0
 

Recently uploaded (20)

Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UB毕业证书)纽约州立大学水牛城分校毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
Abortion Clinic in Springs +27791653574 Springs WhatsApp Abortion Clinic Serv...
 
Rise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionRise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintAction
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
 
Spring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers ParisSpring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers Paris
 

Kibo process book

  • 1. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 1 SPRING, SUMMER 2019 Kibo Kibo Radhika Ravindran & Sashank Macharla Spring 2019 1. Project Definition 3. Research 5. Visuals 7. Conclusion 2. User Survey 4. Stories, Cases, Flow 6. Sketch & Decide
  • 2. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 2 SPRING, SUMMER 2019 Project Definition Enhance the engagement to the experience of reading non-fiction thus making it easier to consume and comprehend even for smaller age groups. a. Problem a. Solution a. Motivation d. Goals
  • 3. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 3 SPRING, SUMMER 2019 problem solution Non-fiction is not written in a way that they are childfriendly. While it is important to read non-fiction, studies show that less and less teenagers are reading books and a handful of them are immersing themselves in non-fiction. A reading experience that promotes and maintains engagement through an interactive media consumption experience, leveraging the power of non-fiction literature
  • 4. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 4 SPRING, SUMMER 2019 motivation We want the ease and engagement of reading non-fiction literature to resonate with our target users, by offering a seamless way to consume snackable content of information that elevates their interest.
  • 5. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 5 SPRING, SUMMER 2019 goals Easy reading Structure content in a way that encourages interaction, easy consumption, and accessible entry and exit points. Effortless assistance Empower the user to understand the reasoning be- hind the underlying content, not mentioned in the book. Organized progress tracking Enable users to effortlessly save and track their personal library of saved topics and books. Set design guidelines For our developer friends,create a set of rules that will help dictate the flow of the content, how the user interacts within the content, and basic styling that supports our goals.
  • 6. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 6 SPRING, SUMMER 2019 Product Thinking Product Design Visual/ Interaction Design Develop/ Deploy Kickoff/ Research/ Observations Wireframes/ Lo-Fi Prototype/ Iterations/ Evaluations Hi-Fi/ Branding/ Reflections My Role Challenges
  • 7. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 7 SPRING, SUMMER 2019 What Who is Kibo? Kibo Kibo is a chatbot, specially designed for teenagers to help them engage and develop interest in non- fiction literature. Kibo divides a book into packets of information and deliver in the form of chats. Read a book via chat! Icons Source: https://www.flaticon.com/free-icon/
  • 8. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 8 SPRING, SUMMER 2019 Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 8 SUMMER 2019 H C I 0 0 1 Research Prompts & Insights
  • 9. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 9 SPRING, SUMMER 2019 Why Non-Fiction? Non-fictions are usually not written or developed in a way that they are child-friendly. A linear structure of narration (without many interesting twists or turns or personification) that makes children start reading them during the later stages of life. Reading non-fiction helps children in the following (and more...) : Logical thinking, Vocabulary etc. Offers solution to real-world problems Teaches children more about the world they live in.
  • 10. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 10 SPRING, SUMMER 2019 Kickoff 1. What is our target users’ goal in terms of reading? 2. Evaluating the problem: Is it a common problem? 3. Which are the competitive apps in the market? 4. How can we prioritize the activities in a way unique to the user?
  • 11. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 11 SPRING, SUMMER 2019 1. What is our target users’ goal in terms of reading? Our initial research online and through the library gave us insights that teenagers prefer graphical novels more than any other genre. But even within these novels, they shunned away from a linear narrative. It was always the excitement, suspense and comedy that kept them engaged with a read. “GenZ send and receive over 6000 text messages per month” “GenZ has an attention span of 8 seconds. Approximately 11% of their population have ADHD”
  • 12. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 12 SPRING, SUMMER 2019 2. Evaluating the Problem: How common is the problem? Reading is an inherent part which plays a key role in developing a child’s thought-flow, social skills, necessary cognitive skills and pre- pares them with vital problem solving skills for all aspects of their per- sonal and professional life. As we observe through the charts, the highest decline in reading is faced by children who are in the age group of 12-17. There is overall decline of reading, children who used to read started reading less and there is also an observed decrease in the hours of sustained reading. Source of data: Scholastic Research, 2018
  • 13. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 13 SPRING, SUMMER 2019 3. Which are the competitive apps in the market? In order to understand what was beneficial and lacking in the current platforms, I had to check the prominent reading platforms today. I evaluated several features considered essential from user analysis and identified which ones Kibo could capitalize on to be ahead of other platforms.
  • 14. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 14 SPRING, SUMMER 2019 4. How can we prioritize the activities in a way unique to the user? Plotting a list of possible features onto a graph helped me narrow down what was absolutely crucial for delivering the mvp.
  • 15. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 15 SPRING, SUMMER 2019 Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 15 SUMMER 2019 H C I 0 0 1 Observations Contextual Enquiry & Creating Personas
  • 16. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 16 SPRING, SUMMER 2019 Greenwood Library, Indiana Program ‘Reading Rockets’ targeted on Parents and Teachers to help children engage in reading. Teen Programs are hosted by TeenHQ (Teenagers’ collective in the Library) to engage teens in interactive learning. We interviewed 2 Parents and Teachers (Teaching 6th Grade) and conducted surveys with several others who are part of this program. We interviewed 2 Teenagers and surveyed several others who are part of the TeenHQ (Age range 11-18). Pictures Source: Greenwood Library
  • 17. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 17 SPRING, SUMMER 2019 A graphical survey was conducted in between children, parents and teachers. The same text sample was arranged in 5 different ways as shown: Contextual Inquiry ‘I break a lesson into smaller chunks that are digestible and relatable with their everyday lives’ -Anne, 6th Grade Teacher ‘Reading a large book is too time consuming and slow, I better ask my friends about the book’ -Ben, High School Student 75 % of parents with kids ages 6–17 agree: “I wish my child would read more books for fun.” P.S. Names are changed for privacy regulations.
  • 18. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 18 SPRING, SUMMER 2019 Contextual Inquiry: Insights 1 3 2 4 The responses showed insights for the following: 1. The way to deliver information 2. Teenage ownership of a mobile/ tablet 3. Engagement strategies to be adopted 4. What could enhance sustained reading
  • 19. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 19 SPRING, SUMMER 2019 Clustering Information The survey & interview information were clustered under 5 categories: 1. Engaging Strategies 2. Reasons for not reading non- fiction 3. Digital Interfaces for reading 4. Reading habits 5. Reasons for consistent reading
  • 20. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 20 SPRING, SUMMER 2019 Clustering Information Information extracted to next step were: Conversations between children is the msot en- gaging activity. Teenagers like quick bursts/ short reads. Reading should be merged into the daily activities without realizing the difference. Or, reading could be intervened into the activity they perform daily. Digital explosion in reading helps teenagers to have a better interactive surface to read, content can be tuned to consumption method or help can be sought faster.
  • 21. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 21 SPRING, SUMMER 2019 Approach of designing for teenagers differ in many ways:
  • 22. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 22 SPRING, SUMMER 2019 Meanwhile, there are some commanalities we observed:
  • 23. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 23 SPRING, SUMMER 2019 Daily activities of the users
  • 24. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 24 SPRING, SUMMER 2019 Intervening into daily activities of the users
  • 25. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 25 SPRING, SUMMER 2019 Creating Personas Ben is a high school student who doesn’t like reading in general. He reads only for acamic purposes and not for pleasure. Assignments based on non-fiction literature is the most tough one for him. Ben usually tries to get the assignments done with the help of his friends or siblings. But hes scared of the future assignments that he will not be able to perform well. At the same time, he tries to read books, but is only able to finish short stories or comics. He likes reading small blogposts/ reading postss shared via chats. Arie is a 6th grade student who likes reading fictions. Mysteries, Thrillers, Action Adventures are his favorites. But she has never bothered to read non-ficiton literature. She knows it is important to immerse herself in non-fiction literature too, but she never feels/ gains the interest to read the genres doesn’t help engage herself. She loves to talk to friends about the books she read or wants to read and always keeps herself updated with the new books in the market. Name: Ben Age: 15 Occupation: Student Name: Arie Age: 12 Occupation: Student
  • 26. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 26 SPRING, SUMMER 2019 Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 26 SUMMER 2019 H C I 0 0 1 Preliminary Design Information Architecture Sketches Lo- Fi Wireframes Wireflow
  • 27. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 27 SPRING, SUMMER 2019 Information Architecture
  • 28. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 28 SPRING, SUMMER 2019 Sketched Wireframes
  • 29. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 29 SPRING, SUMMER 2019 Lo-Fi Wireframes
  • 30. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 30 SPRING, SUMMER 2019 Wireflow Splash Screen Home Kibook Library Library (group) Friends Profile Kibo Chatting Kibo Chatting Groups Kibo was envisioned with group reading rooms, ability to share books with friends via the same platform and ability to create con- tent specific to groups (marked in grey). These are postponed to the second phase of the
  • 31. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 31 SPRING, SUMMER 2019 Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 31 SUMMER 2019 H C I 0 0 1 Final Design Hi- Fi Prototype Reflections
  • 32. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 32 SPRING, SUMMER 2019 Medium-Fidelity Prototype
  • 33. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 33 SPRING, SUMMER 2019 Kibo Home (Med- Fi) Top App bar Recap/ Summary of Suggested Readings Kibo animation to add interactivity Previously Read book. For quick access. Bottom Navigation Bar Kibo Welcomes the user with the latest updates of books in the market & daily quotes. Purpose: Introduction to Kibo Having animation with Effective Feedback attracts more children Always have a resting spot affording an element of play Enable quick toggle between functions
  • 34. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 34 SPRING, SUMMER 2019 Kibo Library (Med- Fi) Quick Toggle between My books & All Kibooks Library Bottom Navigation Bar Purpose: A page to explore the content Customised sections per user Integrated vertical scrolling & horizontal scrolling sections for including more content Reviews and ratings to choose the books
  • 35. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 35 SPRING, SUMMER 2019 Profile (Med- Fi) Top App Bar Recap/ Summary of ongoing/ completed Kibooks Reading Statistics Bottom Navigation Bar Previously Read book. For quick access. Purpose: Personal Reading Statistics which can be directly shared in Social Media (Motivation to read more) Save the favorite books to read later Earn Badges based on reading history Quick Access to previously read book Quick Toggle between Home and Profile Non-Fiction fire
  • 36. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 36 SPRING, SUMMER 2019 Kibo (Med- Fi) Manual/ Auto mode in Reading Book Cover Input Text Container Auto-mode turned on Some parts of the conversation are auto- mated. There are also options in the top app bar to fully automate the conversation. Purpose: Main Page Chatbot assumes the role of book and converse with the user Ability to switch between manual and auto mode Interactivity and informal dialogues added in between to keep the engagement consistant
  • 37. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 37 SPRING, SUMMER 2019 Kibo Home
  • 38. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 38 SPRING, SUMMER 2019 Kibook Library
  • 39. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 39 SPRING, SUMMER 2019 Kibo Chatting
  • 40. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 40 SPRING, SUMMER 2019 Book details
  • 41. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 41 SPRING, SUMMER 2019 Personal Profile
  • 42. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 42 SPRING, SUMMER 2019 Style guide AaBbCc Nunito 30pt Black Avenir 30ot Black Avenir 30ot Light H1 Normal Colors Typo Buttons Logos H2 Pressed H3 AaBbCp AaBbCc BUTTON BUTTON Button Button Button Button
  • 43. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 43 SPRING, SUMMER 2019 Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 43 SPRING, SUMMER 2019 Conclusion Thank you for reading through. We are almost at the end! Here is a summary of the feature glossary, Rrflections and challenges in the following slides.
  • 44. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 44 SPRING, SUMMER 2019 feature glossary Book as a chat Quick bursts of interactive content to engage the target user, while maintaining the integrity of the content. Kibo Assistant Empowering and encouraging the user to ask questions, bookmark, highlight content etc. thus improving the learning quality. Reading analytics Enabling users to track and visualize the progress through the book with a share options to encourage more children to read. Read mode Adjusting the brightness through day and night.
  • 45. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 45 SPRING, SUMMER 2019 Reflections We wanted to design a friendly and engaging experience to promote and ease the reading of non-fiction literature among teenagers. In engaging ourselves with an in-depth and well fleshed out process, Sashank and I created a seamless, quick and engaging consumption experience while providing an organised, but playful system. Not only were we able to touch upon some basic user research, we were also able to take the project to an early prototyping stage, giving us a chance to not only work in a group setting, but also across a large span of the design process.From being spoiled by being paired with a phenomenal partner, to talking to and working with users (children with unending questions), KIBO was a successful project in more ways than just a completed mobile experience.
  • 46. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 46 SPRING, SUMMER 2019 Challenges and next steps The biggest challenge in developing Kibo is to understand how to dissect the structure of a linear book and re-organize it into a flexible narrative with loops, examples, conversations, questions, and comments. Further challenges include the extension of tree-based algorithm, feedback system for engagement, user-test the high fidelity to understand the pain points during engagement and calibrating this to a specific target audience.
  • 47. Kibo SASHANK MACHARLA & RADHIKA RAVINDRAN 47 SPRING, SUMMER 2019 Thank you!