6.
6 / 60
#T
MEET A NEW WAY TO SEDIMENT YOUR DIGITAL READING
Roko is an application that quantifies your reading activities and transforms them into
insightful reports that help you to manage, discover, and share your reading experience.
Video: https://vimeo.com/70564941

10.
10 / 60
Highlight stories
from each type of
discovery
Reading from
others based on
your interests
Reading from
your past

11.
11 / 60
The buildings
represent things
that you have read
from each source
A teaser to your
report
Popular tags
Popular media
The sizes roughly
represent the
reading quantity

12.
12 / 60
Sediment
what you read
Discover
content
Manage
your behavior
Share
experience
CORE VALUES
With insights from Roko,
you can better ...
Motivate
yourself to read
While not all five values of Roko will be valid for everyone,
there is a value in Roko for every type of digital reader.

13.
13 / 60
DESIGN PROCESS

14.
14 / 60
OBSERVATION
I began this project through my observation that we have accumulated so many e-books,
but we easily forget about them. Then I did an informal interview and survey to investigate
what prevent people from reading books. The result is shown below.
Don’t have time
Out of sight
Cannot follow
the content
Misc.
14 People

15.
15 / 60
With the observation that I made, I came up with two initial concepts that lie in two
extremes: one is a mobile application and another is a physical object.
README APP
Design for
Emotion
By Aarron Walter
What’s Mine is
Yours
By Rachel Botsman and
Roo Rogers
12 pages left
8 hours left
The Multiplayer
Classroom
By Lee Sheldon
Book: A Futurist’s
Manifesto
By Hugh McGuire and
Brain O’Leary
Seductive
Interaction Design
By Stephen P. Anderson
3 hours left
These Days
By Jack Cheng + Add new book
HYPERBOOKMARK
WHY READ IT
IN A NOVEL
WHEN I CAN
LIVE IT”
“
These Days
by Jack Cheng
Such an ironic
quote. Love it!
Natt Phenjati:
HARRY POTTER
A mobile application that motivates you
read your book through goal-setting
A physical souvenir of your digital
reading experience
INITIAL CONCEPTS

17.
17 / 60
I used the wireframe that I developed to test with other people. Most of the negative
feedback revolves around using “motivation” as a core objective.
I could pay $10 for this app. I like the time capsule idea.
I don’t want to be told
what to do.
I only need to know what
is important.
If I am already motivated,
why do I need it?
The logo looks like
Marlboro logo
USER TESTING

18.
18 / 60
Emma Karen PaulName
Age 24 27 36
Occupation Graduate Student Painter IT Consultant
Type of reader Casual Active Professional
Reading Amount 3 articles per days 40 articles per days / 4 books per month 20 articles per day / sections of books
Topic
Variety of trendy topics / Topics relating
to her friends
Arts / Philosophy / General Knowledge
/ Novel
Topics relating to projects that he is
working on / Technology / Music
Main Sources Facebook, Flipboard, News Websites Facebook, Web Boards, Blogs Pulse, Linkedin, Twitter, News Website
Main Devices Laptop / iPad Laptop / Books Laptop / iPad / iPhone / eReader
“I do prefer reading than going out.”“I read because I want to be in trend.” “Reading is a part of my job.”
Frustrations
- I hate a page a long text.
- I can easily get distracted.
- I have a problem collecting articles
that I read online.
- Sometimes, I cannot stop reading.
- Multiple devices and platforms make
my life complicated.
- I don’t have time for reflection.
Goals
I want to ...
- Be up to date.
- Read more.
- Find books that is right for me.
I want to ...
- Organize my digital assets.
- Discover deeper information on what
I am reading
I want to ...
- Optimize my time
- Get the most out of what I read
- Not forgetting what I read
Persona
CREATING USER PERSONAS
Using what I learned from the interviews, I develops persona of three different
types of users to use as a guideline for my design process.

19.
19 / 60
FINALIZATION
I used the feedbacks and personas as the guideline to finalize the concept. Then develop
a prototype using a software called Mag+.

22.
22 / 60
WHAT IF YOUR PHONE CAN MOVE?
VITRO is a new kind of iPhone battery case with a dynamic tactile surface that gives a new
form of communication between iPhone and its owner.

23.
23 / 60
Better than phone vibration. You can easily see the movement of VITRO and
differentiate different types of notifications without the need of the phone’s screen.
SCENARIO

24.
24 / 60
You not only can see but also can touch the movement of VITRO. You can feel it when
you are talking on the phone or when the phone is inside your pocket.
SCENARIO

25.
25 / 60
Attach your iPhone with the case;
then install VITRO app
Select a type of movement for
your VITRO alert
1
Enable VITRO alert for your apps
in Notification Center
2 3
INSTRUCTION
The movement of VITRO is integrated with notification of your phone. You can set different
type of movements for each notification you receive.

29.
29 / 60
The brief is to find a way to help us manage time without using display.
OBSERVATION
Observing that the we always leave our phones on
a table when we work, we wondered how to add
value to the backside of our phones?
“ZEN” (2007) by René Lee
We started by researching about tactile interface
to see the design language and technology behind
inspirations that we found.

30.
30 / 60
source: polysep.ucla.edu
Our biggest challenge was to find a material that can move with a small amount of energy and
consumes minimal space. By talking with a research center, supplier, and scientist, we discover
the right material for our project: Electroactive Polymer (EAP).
MATERIAL RESEARCH

31.
31 / 60
PROTOTYPING
We used multiple way of prototyping to test and refine our concepts, ranging from
sketching, hacking, 3D rendering, to building physical mockups.

36.
36 / 60
INTERACTIVE POP-UP BOOK FOR ALFA ROMEO MITO
Mito Flip is a pop-up book that becomes alive by combining it with an iPad and projector.
Video: http://youtu.be/MeIuNP1-Zzo

37.
37 / 60
USE CASES
MiTo Flip works on 3 levels. It can work as a standalone pop-up book. By inserting an iPad inside,
you can touch and light up MiTo Flip from below. Then by adding a projector, you can trigger the
projector to project an animation onto MiTo Flip by flipping each page.
Standalone
With iPad
With Projector

38.
38 / 60
IPAD IPAD
Connect with iPad
via Aux Input
Plastic sheet Incomplete circuit Complete circuit
Send signal to iPad
When it is opened
When the book is closed
HOW IT WORKS

39.
39 / 60
DESIGN PROCESS

40.
40 / 60
FINDING INSPIRATIONS
We searched for inspirations and mapped them with the brand images of Alfa Romeo MITO.

41.
41 / 60
CREATING MOCKUPS WITH 3D RENDERS
To be able to communicate clearly and quickly with other people, we used 3D rendering
to create mockups for our ideas.

42.
42 / 60
PHYSICAL PROTOTYPING
To come up with the right shapes of the pop-up books, we had to create numerous
physical prototype and tested them with projection and iPad.

45.
45 / 60
CONCOURSE
Concourse is a learning management system which uses syllabus as its core.
It is created by Intellidemia, a startup company based in New York.
Demo of Concourse: https://demo.campusconcourse.com/login

46.
46 / 60
Side by side comparison between old and new interface that I designed.
RE-DESIGN THE INTERFACE
My main task was to re-designing the interface of Concourse. The new interface uses
screen space much more efficiently and is easier to navigate and customize.

47.
47 / 60
DESIGN NEW FEATURE
To develop a report system for Concourse, I studied other analytics systems, and
develop wireframes and use cases for the new feature.

53.
53 / 60
THAI EDUCATION IS CHANGING
Thai government has planned to deploy tablet to every K12 students in Thailand.
The image below comes from a pilot classroom that I visited with the company.

54.
54 / 60
TMS
(Teaching Management System)
Interactive
Classroom
Planet of Knowledge
The number one
pain point: to create
lessons planning
and exams
No interaction
between teachers
and students
Lack of
self-motivation
Preparing for
Class
Teacher
Classroom
Teacher &
Student
Self-Learning
Student
DESIGN NEW ECOSYSTEM
Through interviews and observation, I identified three main issues in Thai education.
Then I design three interconnected systems to address the problem.