The document outlines the conceptual design process for an app called Orange. It describes creating mood boards and metaphors to inspire the design. Interactions like selecting, opening, and arranging are explored. The interface will include multimedia, virtual reality, and information visualization. Concrete design includes storyboards showing tasks and a card-based prototype with features like search, folders, and chat categories. The goals are to enable more ways to share information and enhance emotional interaction between users.

1. ORANGE
DESIGN, PROTOTYPING,
CONSTRUCTING

2. 1. COMMUNICATION & INTERACTION
• More diversified ways of sharing lives/thoughts/photos etc.
• Ubiquitous SNS
• Enhanced emotional interaction between users.
2. INFORMATION
• More structured and organised information.
• More relevant information based on the personal data.

3. OVERVIEW
Conceptual Design
• Mood Board
• Metaphor
• Interaction
• Interface
Concrete Design
• Storyboard
• Card based
• Prototype

4. ORANGE | CONCEPTUAL DESIGN
CONCEPTUAL DESIGN

5. MOOD BOARD
ORANGE | CONCEPTUAL DESIGN

6. METAPHOR
ORANGE | CONCEPTUAL DESIGN
card
•Powerful in screen
based media,
especially for touch
screen.
colour
•Key colour: Orange
•Secondary colour:
white, grey, black …
dashboard
•Everything can be
selected in a few
steps.
•Not clumsy screen.
•Information can be
categorized in
easier way.

7. INTERACTION
ORANGE | CONCEPTUAL DESIGN
Instructing
•Selecting options from
menus
•Gesturing
•Pressing
buttons(touch screen)
Manipulating
•Opening
•Closing
•Arranging
Exploring
•VR

8. INTERFACE
ORANGE | CONCEPTUAL DESIGN
• Multimedia
- graphics,text,video,sound,etc
• Virtual reality
• Information visualization
and dashboard
• Web, Mobile
• Touch
• Gesture
• Multimodal
-Touch, gesture
• Wearable

9. ORANGE | CONCRETE DESIGN
CONCRETE DESIGN

10. STORYBOARD
ORANGE | CONCEPTUAL DESIGN
<Saving information by
creating folders>
1. wanted to find info related to
jejuisland.
2. searched jejuisland on search bar
3. changed view options to
‘dashboard’
4. browse through information and
save through sliding gesture to the
left.
5. Go to my page to view saved info
and choose folder: ’jejuisland’
6. Discard redundant information
through sliding gestures to the right.

11. STORYBOARD
ORANGE | CONCEPTUAL DESIGN
< Creating newsfeed
category>
1. Wished to receive newsfeed only
from his classmates
2. clicked on add button in category
bar on second bar.
3. make category called ‘classmate’
4. manually add those who aren’t
automatically added by system
5. adding complete
6. view only classmate’s postings.

12. CARD BASED
ORANGE | CONCEPTUAL DESIGN

13. CARD BASED
ORANGE | CONCEPTUAL DESIGN

14. CARD BASED
ORANGE | CONCEPTUAL DESIGN

15. CARD BASED
ORANGE | CONCEPTUAL DESIGN

16. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN
VIEW OPTIONS ESSENTIALS SUGGESTIONS

17. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN

18. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN
CREATE ACTIVITY CHATCATEGORY

19. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN
FOLDER BROWSE

20. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN

21. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN
DECORATION

22. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN

23. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN
SEARCH

24. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN

25. PROTOTYPE
ORANGE | CONCEPTUAL DESIGN

26. GOALS FOR NEXT WEEK
1. COMMUNICATION & INTERACTION
• More diversified ways of sharing lives/thoughts/photos etc.
• Ubiquitous SNS
• Enhanced emotional interaction between users.
2. INFORMATION
• More structured and organised information.
• More relevant information based on the personal data.

27. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN

28. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN

29. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN

30. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN

31. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN

32. PROTOTYPE
SKETCH
ORANGE | CONCEPTUAL DESIGN