To, : HCI portfolio

To, 2014 16 portfolio

Su Tzu-Yu

Contents HCI Projects 03 Visualink 07 Trace 11 Handout Graphic Design 16 Brouchure Design Event Design 18 Up to Ladakh Other Works 23 Scenic Design 26 Photography Club 29 Humanitarian Architecture

I certify that the work included in this portfolio is my own original work.

Su Tzu-Yu to.

A portfolio is a self-inspection.

Year by year, I learned how to handle myself in this world.

HCI

Projects To

translate the context.

Visualink

Sep. 2016 - Jan. 2017

Good ears, good years.

Elders with hearing loss tend to resist wearing hearing aids, because it is uncomfortable and implies disabled.

Without any aids, elders often have difficulty with communicating with peole in their daily life, which is most likely to be their family.

What’s worse, they are not familiar with the new form of communication, like apps for smart phone, social network and Skype.

My Role User Research, Prototyping, Usability Testing

/ Group Member: Lee Po-Hsun, Hung Xian-Ting, Chiu Mian-Zhong, Hsieh Ping-Chun 03

SOLUTION Our goal is to design an efficienct and easy-to-pick-up system for elders with hearing loss.

Featuring with notify device, our design can prevent elders from missing the phone call.

As soon as elders pick up the phone, our system will turn on the television, providing visual aids and in-time subtitles.

Family members can send pictures they want to share through a simple app, which can help the elders understand the conversations, and thus to improve their social interaction.

DESIGN PROCESS Contexual Inquiry To find out the feasible solution, we interviewed 8 target users and 16 stakehoders. Contexual inquiry enalbes us to learn the lifestyle of elders with hearing loss. According to our interviews, we built affinity diagram, sequence model and personas.

Personas Our users share these characteristics: ■ suffer from hearing loss ■ keep a simple life ■ live alone or only with few family members ■ want to interact with grandchildren more ■ can only operate traditional telephone

04

Ideation To encourage the social interaction of aged population, we found an appropriate tool for them. That is telephone.They are familiar with telephone, which enable them to talk with others at any time and any place. Instead of a whole new gadget or an app, our design is a service that connect their daily objects: TV and telephone.

Prototyping We built low-fi and high-fi prototype to collect peer feedback. We focus on learnibility and usability, for we want to reassure our design is comprehensible for elders and the operation is not over-loaded for young family members who want to chat with them. The prototypes help us to testify our hypothesis.

Into The Field ＞＞＞

USER TESTING 05

User Testing We conducted user tesitng with six target users to collect the real feedback. We observed whether they can use the device smoothly and interviewed them about their feeling.

“

The only thing I have to do is to pick up the phone, which is great.

For old generation, like me, we have a hard time learning new things.

For example, I never remember how to exit an app on a smart phone.

�

Mrs. Lin, age 72 Hsinchu, Taiwan

/ See The Full Project http://dream.nctu.edu.tw/HCI/0922.html

06

Trace

Feb. 2016 - Jun. 2016

Get on the right track!

Don’t know what kind of transportation can bring you to the destination?

Trace provides route planning service and discussion forum that helps uers to get useful information in an efficient way. With its simple design, users don’t have to switch between Google Map, bus timetable and travel discussion forum. Trace creates a delightful journey for every user.

My Role Visual Design, Interaction Design, Prototyping, Usability Testing

07

Target User age

20-30

Young generation

Heavy user of smart phone

Take public transportations

Get nervous while be in an alien place

Flow Chart

08

Paper Prototype I used paper prototype to collect peer feedback. The usability testing focus on learnibility and effectiveness.

Wireframe I chose green as the primary color because it gives a feeling of smooth, a symbol of“green light.�

09

Digital Mockup Task One_route planning Video Linkk: https://youtu.be/2uaBr5pIti4

Task Two_tourist spot sharing Video Link: https://youtu.be/NHt7g83jA_E

10

Handout

Sep. 2014 - Dec. 2014

Hand out when we hang out..

Hanging out with friends, you took pictures for each other. Then found you have a difficult time gathering pictures from so many people and share yours?

Based on Microsoft cloud computing platform, Azure, we built an APP that solve the problem of sharing a big amount of pictures at a time within a group of people.

My Role Visual Design, UI Design

/ Award-winning Project The First Place & UI/UX Prize 2014 Mei-Chu Hackthon, National Chiao Tung Univ. / Group Member: Hsieh Tzu-Rae, Wang Shi-Ho, Weng Zhi-Ping 11

SOLUTION Create a group in Handout Sign in Handout, create an album, and it will send invitations to other members.

Automatically collect photos Pictures that were taken in the set time will be synchronized to everyone’s decice.

Enjoy your pictures Every users can choose which photo should be uploaded and which one should be saved

VI DESIGN We used bright blue as primary color, which implies a feeling of outreach, easy to pick up.

12

UI DESIGN

13

Demo video: https://youtu.be/_Sz85Phch0Q

14

Graphic Design To

convey thoughts in graphic.

JULLAY Volunteer Group Membership book 2015

.

NCTU Kaohsiung Night Performance brochure 2016

16

Event Design To

call for action.

Up to Ladakh As a member and a teaching assistant in Jullay, India international volunteer group, I am always care about how technology can help students in remote area with their education.

As an event coordinator as well as visual designer. I was responsible for arranging the space of exhibition and design a series of poster, flyer and invitation cards.

event page: https://goo.gl/FwvjYM

18

A Charity Exhibition Our group work with an elementary school in Ladakh, India for 7 years. In 2016, summer, we raised a charity photography exhibition for this school.

Our goal is to raise $47 thousands to help them finish the computer room and 260 children’s life expenses.

19

Let’s Talk I arranged 2 events to invite the public to join our charity plan. The event is a platform for everyone to discuss about the meaning of education, how can we help this elementary and how the volunteergroup allocate the money.

20

Reach Out: To try new things

The Matchmaker

2015 Graduation Performance

Dept. Foreign Languages and Literature National Ciao Tung University My Role Scenic Design

/ Group Member: Zheng Xuan-Xun, Chang Jia-Quan, Chang Ting-Xuan, Ou Wen-Le, Tsai Meng-Miao, Huang How-Rong 23

“ Read between the lines �

We converted the screenplay into practical scene. Step by step, from sketches, paper models to the real structures.

With limited budget, we looked for suitable props. We spent months to collect and make every thing that would appear on the stage.

A paper model is the most efficient and clear way to discuss the settings with directors and actors. In this way, we can make sure that everyone have the same picture of the stage in mind.

24

25

Summer Vibe

2015 Annual Exhibition

Photography Club National Ciao Tung University

26

“ Photograpy is a probe into our mind ”

Where do we come from?

Where are w going?

The two questions are the title of my works.

I travled to different places in 2016 summer, but I was capturing the same scene: the vanishing point.

This kind of scene points out a road that take you to nowhere. To me, it’s the symbol of the lonley, endless life journey.

And I was wondering, what’s the next step of my life?

27

Film: Kodak Ultramax 400 Camera: Pentax MX

28

Humanitarian Architecture Lab Institute of Architecture National Ciao Tung University My Role Field work, Ideation, Prototyping, Implementation

/ Group Member / Chen Yi-Hao, Huang Tzu-Wei, Luo Wei-Zhen Lu Hui-Juan, Huang Chen-Ting 29

“ Smart living and transformation of a place ”

Line One is the entrance design of Hu-Guang village. It adopts the dynamic gestures of waving ear of rice, which is a symbol of Hu-Guang village’s most important industry, agriculture.

We used bamboo from the local to build our design. Each component have different angle, trying to create the fluid scene.

30

Line One links the traditional village with moderen technology, which implies the future goal of Hu-Guang village.

31

To ,

portfolio

created by Su Tzu-Yu

email: sutzuyuvera@gmail.com