Purple Li Xin Portfolio 2011 (16M)

Page 1

Purple, LI Xin Interaction Designer E-mail: purpledesign@live.com Mobile: +86 135 9017 9311


Keywords of My Profes

- interface/ information arc - human/ object/ environm - behaviour/ experience/ h - process/ agent agency ac - joy/ satisfaction/ efficienc


ssion:

chitecture/ product ment/ relationship/ human-centered/ service/ ct context purpose/ system cy/ lifestyle/ emotion


E-learning Platform for HK Secondary Schoo


ol

Work by Li Xin Purple in collaboration with Wang Shu Sidney, Mao Lingchao


Observation, questionnaire, interview

This four-month research and design project was targeted towards collaboration, learn use in educational environments for secondary school students in Hong Kong. Collabo Kong Applied Science and Technology Research Institute, Canadian International Sc and United Christian College in order to focus on how e-learning platform could help students to plan their teaching and execute their teaching and learning interactively in


ning, and technology orated with the Hong chool of Hong Kong teachers and young n a task-based way.

User testing


Depicting the relationships of teachers with students, and services provided in ea 2.

Teachi

Scheduling Creating lecture Files Sharing Materials

Planning

Discussing

Other Teachers

Connect


ing

ting

Lecturing

Listening

Giving Assignment

Doing Assignments

Feedback

Getting Feedback

Informing

Announcing Grouping Student

Getting Information/ Announcement

Learning

Communicating

Discussing

Other Students


Visualizing the tasks teachers and students could do and how they are connected within ea2.



Website interfaces:

Green is used for students, and blue for teachers. Because of different tasks they have, the interfaces are totally different.


Scenarios: Tony, student, 16 years old, his favorite subject is physics. Mr. zhao, physics and science teacher. 10 years experience of teaching.

Scenario Video: http://www.tudou.com/programs/view/VdLtqGd8fy4/


b b b b

Mobile Platform for Pregnant Couples


Work by Li Xin Purple Supervised by Dr. XIN Xiang Yang, Michael Lai, Tequila Chan Special thanks: HU Jingjing, MU Jing, Anakin Man, WANG Lina


A three month research and design project was targeted towards understanding the emotional needs of pregnant couples from both the pregnant mothers and the fathers’ point of view in order to strengthen the bond between them. This project was completed in collaboration with Changhong as my capstone project for the Master of Design Scheme Interaction Design program at The Hong Kong Polytechnic University School of Design. I acted as the core researcher and designer on this project. The design challenge was to design a software and hardware platform that helps the pregnant couple to understand the activities of their unborn child in a joyful way and strengthens the bond between the couple during later stages of pregnancy by helping the father feel closer to the unborn child, and then turning translating these opportunities into feasible and viable design recommendations and solutions.


The primary focus of this project is more on later stages of pregnancy, at which the unborn child starts to develop the ability of hearing and reacting from the outside world. Meanwhile, the pregnant mother try to communicate with the unborn baby at these stages. However, the father feels hopeless and frustrated at the same time because he cannot feel the same way as her. Although he wishes to understand and support her.


Quotes from pregnant couples What the interviewees said about pregnancy


b b

A relaxing and amusing platform including software and hardware, which can help fathers feel that they can communicate with their unborn babies and strengthen the bond between pregnant couples.

b b software: mobile application

hardware: pressure sensor band It is a pressure sensor band that can detect the baby’s kicks and transfer it to the mobile application, by using an easy technology that has been used in Nike+.

b b


How it works? Visualizing how the pregnant mother, father and the unborn child are connected to each other, and through which the relationship of pregnant couple is strengthened.

28w

bb

understand, care

share, play inform

28w 28w

bb

understand, communicate

inform

d an a t s r e und munic m co


Scenarios:

: kick detected

e

at

Scenario Video: http://www.tudou.com/programs/view/MBXadS06t-c/ Presentation Video: http://www.youtube.com/watch?v=7icmrpSE-8Q/


Mobile interfaces:

homepage

calendar & guide

play with the baby

diary


Feedback from pregnant couples What the interviewees said about bobo

bobo, //provides enjoyment and happiness to pregnant women //helps pregnant mothers to share experiences with fathers //brings the father closer to the unborn child //strengthens the bond of pregnant couples


ENCOUNTER -

Interactive Installation for Mall Ceiling in Hong


Kong

Work by Li Xin Purple in collaboration with Krupali Raiyani, Wang Shu Sidney, Cheng Peng


A six week embedded interaction workshop focusing on interactive environments design hosted by architect Michael Fox, author of the book Interactive Architecture. The brief was to explore the new skills of contemporary social interactions and develop means to bring these new methods out of the computer and into the real physical world which we inhabit. We contacted 3M and have them sponsored us for the radiant film materials.


Blog: http://team-analog.blogspot.com/

Encounter is an art installation proposed to be positioned in a mall in Hong Kong. It is a responsive space that is controlled by two people among the crowd who have something in common. The idea is to highlight two strangers who share a common appearance or behaviour and give them a sense of control, together, over the space. In busy public spaces hundreds of people cross paths everyday without much of an interaction or even noticing each other. Our installation hopes to create a moment of acknowledgement and appreciation of someone who could perhaps have a lot in common with you.


How the model works

Showcase Video: http://www.tudou.com/programs/view/v1F4pKIE_-Q/ Persons in the crowd are scanned for similarities based on pre-decided parameters of appearance; such as colour of clothes, or behaviour; such as talking on the phone, carrying a baby, etc. and a pair is identified. These two individuals in the chosen pair control the motion of the ceiling above them. As they move, the object above them moves and upon crossing each other’s paths, the whole ceiling celebrates their similarity by making an extensive pattern before it resets to default appearance.


Make it happen

laser cut

motor

module

wire

3M Radiant Light Film.

artwork

folding

assembling

track

LED

Arduino

circuit breadboard


Innovative Service for the Betterment of Soci


iety in China

Work by Li Xin Purple in collaboration with Charles Law, Mark Bowers, Edward Yen, Sheila Tse(Design Practices)


Our challenge was to create a business model that could propel business forward. Not wanting to worry ourselves with just the bottom line, we wanted to create something for the betterment of society. The goal and intention of Underpin is about empowering impoverished communities with an opportunity to make better futures for themselves. To accomplish this, we propose collaborations with disadvantaged craftsmen and to assist them with design, marketing, and technology expertise. Additionally, we would utilize crowd-financing mechanisms as a means to fund the project.

Opportunity Gap The opportunity for a high-status socially responsible brand is available in the market. Design and branding efforts will be focused on ensuring Underpin products exuberate generosity and social responsibility as a means to emphasize status in consumer markets.


Scenario Model


Business Model Key partners, key activities, key resources, value proposition, client relation, channels, customer segments, cost structure, revenue streams


Key interfaces & products


Future Library for the Howard Smith Wh in Brisbane


harves Site

Work by Li Xin Purple in collaboration with Mark Bowers, Scott Smithers (QUT), Fedja Mehinagic (QUT)


The design brief asked for us to develop a future library proposal for the Howard Smith Wharves site in Brisbane, Australia. In collaboration with a team of two architecture students from the Queensland University of Technology in Australia, we developed a proposal for our concept library. Libraries are no longer quiet reading centers, but sites that foster community activities and educational programs, among others. Instead of a passive library, we need an active one. To make the site into an attractive gathering place we decided to focus on a topic we feel is a universal language. Food. Health and obesity are major global concerns and proper nutrition education is lacking in many places. By offering a “library� that isn’t focused so much on books, but instead the idea of knowledge, we can create a place that tackles real problems and offers substantial information, education and insights for the community. Call it another variation of the Specialty library - instead of just Law or Medicine - we provide resources on food.


The relationships and experience of an individual with Sprout, the community, and key services provided.

Restaurant Cafe Lounge Food Study Food Science Food History Food Tradition

“Librarians” eat, relax

teach guide inspire mentor

study communicate share recipes teach

Kitchen Cooking Class Food Philosophy

learn

Community grow food

Garden Farmers’ Market Teaching Exhibit

sell

Farmers


the various services and their connections to Sprout and our 3 core offerings of the Community Kitchen, Database, and Community Garden.

Diseases Western

Nutrition

Eastern

Club Activities

Food Science

Cooking Classes

Gourmet

Health Research/ Data

Baking/ Desserts

Facilities

Study Food

Cook

Ingredients/ Foods Share Recipies

Recipies

Kitchen

Database Community

Share

Share Stories

Traditions

Stories

Garden

Understand Cooking History

Rent a Land

Buy in Farmers’ Market Learn to Grow Food Vegetables Take-home Kit

Fruits


Digital Offerings 12:34 PM

AT&T

12:34 PM

AT&T

12:34 PM

AT&T Sign out

Sign out

Purple Li

Dessert Comments 8

My Sprout

Profile

Mark Bowers

My Calendar

Western Comments 2

Fedja Mehinagic

Eastern (Shanghai) Recipes

Comments 10

Food Database Food Blog Scott Smithers

Eastern (Japanese) Comments 43

My Garden latest

Categories

Top 10

Search

Favorites

mobile app

Menu of Today

Vitamin A

Fat

Calcium

Vitamin A

cC

oo

r

h

alt

He

P

Histoy

an cak e Turner

Special !

Ele c tri

ke

n

itio

Tra d

Food

es lass gC kin Coo

Nutrition

Nutrition

Fat

Vitamin A Calcium

Nutrition

Ingredient

Fat

find out more in Database Room

Nutrition

Calcium

od

Fo

Trad

ition

Calcium

His

to

y

toy

Health

His

Co okin gC lass es

Trad

lth

ition

Events of Today!

Hea

d

Salt

Cooking Classe s

Foo

Ch

Fat

o p s tic ks

Fat

Ingredients Calcium

food database table

interactive table

Scenario

Scenario Video: http://www.tudou.com/programs/view/e3aTeCyVOfQ/

Fat


Innovative Product for Image and Video Captu


uring

Work by Li Xin Purple in collaboration with Jackson Choi, Su Qin, Liu Yaming


Two week project to explore a new tangible interaction concept. The result was FuniMovi, an innovative image and video-capturing product that provide funny experiences of image capture and story sharing. The product is inspired by the “2 Doors� model in Beijing Opera, where the 2 doors are the gateways connecting the reality with virtual world. Attributes such as self identity of actors will interchange with mask, costume and props along the journey. Author and his creation coexist in two sides of the screen.

Reality/Current actor a actor b actor c

recover self

channel in

face mask costume movement properties

face mask costume movement properties

channel out

camouflage

self character a character b character c

Virtuality/History Illustrating how FuniMuvi is inspired by the two doors in Beijing Opera


Gesture Mapping how to use gesture to interact with the product tangibly.


Scenarios


Scenario Video: http://www.tudou.com/programs/view/mhrBeRTK48I/

shoot photos & videos

shake to change filters

zoom out

edit together


iPhone Application for Software Comparison


Work by Li Xin Purple in collaboration with Anakin Man, Marina Tam, Kenny Yue, Su Qin


Professional suggestions are important for software searching and comparing. As there are many considerable software for selecting prototyping software, we proposed to group the considerations according to different software types, user groups and output platforms.

Interactive Prototype

This prototype is able to interact with the user to provide a feel of using the actual interface

Step 1: Select their preferences (tilt to select) Step 2: Shake and filter Step 3: Tilt and compare

Flash Demo Video: http://www.tudou.com/programs/view/QsDOS-u60Pk/


A short essay of professional recommendation will be given for each of these groups, with key considerations highlighted, so that users can learn how to choose for suitable software.


Information Architectu Visualization of Posting a M @Sohu.com


ure Message

Work by Li Xin Purple


ofile t pr edi e am en th

e

n

Pr

od

so uc t m ugo ts et u browhod se mapsr email t:miniblog blog ui heh bais BBS s sse g cla vlo

og e bl nanc fi ars nt st useme am n io h s fa sports

News

q&a b vidbs m eo pi ap ct ur e

it st Ad ud s go ab ents road

ic us ite m ebs w ews h n rc Sea ances appli n decoratio new apartments sell

vi ga deo me

SOHU.com

recr u

inp u

Sig n

Ow

up

n io at m e r c fo in iden try gu s du ite in ebs w7 2 23 t1 73 171 education traveling culture helth wo IT men foc ,digi ,men, bab ca us ,cel ies lph rs on e

c

acreate an co un t

s

paet up ss wo rd

ac tiv at

pe ty

open a

(new window)

News Page

Sign in

auto signed in

choose an

Emoticon


This is a visualization of how different people accomplish one task - posting a message on sohu.com. I observed six people while they are performing this task in their own way without any distraction and recorded their activities, in order to study their emotional changes and understand the interaction between users and the interface.

write a

Comment

pending

Review

Find

your comment

Both the frustration and satisfaction they encountered during the process have made great contribution to my analysis of this project and the investigation of the user experience of this website.

Posting A Message @ Sohu.com Information Architecture & Visualization, Experience Mapping

Purple, Li Xin Mdes Interaction Design 2010-2011 School of Design The Hong Kong Polytechnic University

@IxDC, Guangzhou, 2010


Waggle for Music Playing


Work by Li Xin Purple


Waggle is a digital instrument that can get power from the air flow, which provides people an easier way to create or play songs while dancing and jumping. It offers people a healthy way to entertain. Through wagging, the air flow pushes the wheel to roll and provides energy, which is needed for sound making. And different positions make different ranges of sound.

electricity

play



Traveling-mate for Self-guided Tour


Work by Li Xin Purple


Traveling-mate is a product for people who like to travel by themselves. Some guide books and maps are not easy to refer to while traveling, and lack of interaction between the traveler and the reference. Therefore, Traveling-mate is a easy tool to accompany travelers. Precisely, it helps people to find airport and the route to places, such as waiting room, in the airport; create their own travel route; find facilities nearby.



Graphics, Illustrations & Drawings


Work by Li Xin Purple






Purple, LI Xin Interaction Designer E-mail: purpledesign@live.com Mobile: +86 135 9017 9311


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.