Embed Size (px)
Citation preview
PORTFOLIO 2015
Master’s Thesis
TANKO: A Service Design for Place Exploration
Design Projects
Activities
1. 2012 UX Summit Taiwan2. Happy UX 2013
3. 2013 UX Hong Kong
Works
Skills
1. Language: Chi. + Eng. + Japanese2. Programming Skills: C/Objective-C
/Html/CSS/Javascript/Xcode3. Planning & Marketing
1. Four Projects as UX designer at Taobao UED, Alibaba (4)
2. One Project as Teaching Assistant at SSU, NCKU (1)
1. Design Workshop at Boisbuchet2. NSC ideastorming – Future Concept Development Project
3. Mind The Gap international Workshop (NCKU x RCA)4. Degital Design Interactive Arduino Project
5. Acer Incredible Green Contest 2012
PART I : Works
Projects at Taobao UED, Alibaba (4)
1. Teaching Assistant of Degital Design & Administration Assistant of Smart Seed Union (2013, 2014)
Project at NCKU (1)
2. Refine and redesign the shop recommendation system
3. Redesign the MyFavorite
4. Design for Ali-Group --- Redesign the Corporate Internal Social Networking system
1. Design a new function--- item comparison
During the past 9 months working as a user experience designer at Taobao UED, I was responsible for enhancing and ensuring the using experience of Taobao App on all tablet devices (mainly on iPads), and participated in various kinds of projects by providing design solutions and helping in product strategy developments.
Above all, design with big-data thinking is the most learned part.
For example, learned to know which part of our application users love the most by calculating the amount of UV (unique visitor) and average time user spending on site; to know how users think about our products by viewing the customer feedbacks anytime as needed; to try to figure out how most users use our product by analysing users’ paths between pages, and then suggest a hypothesis to redesign products to meet users’ expectations.
Of course, as a UX designer with research abilities, trying to apply different methods and find the best way to under-stand users are also my responsibilities. Therefore, during this 10-month period of practically using both qualitative and quantitative research methods to do design, there are some projects and results to share with you:
Project at Taobao 1 Design a new function : 寶貝對比功能 / Item Commparison
Online Shopping
ChoicesComparison
Decision-Making
Design Background :
Comparison is always existing during the process of buying a product; and it is no exception shopping on Taobao. The reason why people need comparisons is to help them make decisions. So it can be seen as a process instead of the end of the journey.
Yet, what’s difficult of this design is to know which part during the whole journey on Taobao HD users may need comparisons to help them make buying decisions. Besides, people use different strategies and care about different points while comparing among things, and the whole process is happening so privately that can only be known by themselves.
Hence, in order to understand more about the process, I referred some literature reviews and conducted some easy interviews to disclose what happened in the process as much as I can.
There are many factors influencing users’ choices. Although some of them are obvious, yet most of the factors are invisible and internal.
?Friends Past Experiences(Self-owned)
$
Experts
Pad
The proposed version-one comparison design concept
Design Process:
According to literature reviews, I found there is a factor called affect referral (Wright 1975) that influences users decision-making process. With being influ-enced by the factor, users may tend to make choices based on recalled affect towards brands and experiences in memory, bypassing reevaluation of the brands and comparison processes.
In addition to literature reviews, I also chatted with people who are users and recently having bought things from Taobao to understand how they choose products when there is already a desire or need to buy things. I found that the intention of choosing things from collected or bought shops is surprisingly high. That means, if people are told one of an item in comparison is from collected or bought shops, they are more likely to choose to buy that one.
Of course there are also other factors, such as which one has the higher cost-value ratio, which one can be shipped and received first, or which one has better customer reviews, users on Taobao would take into consideration while comparing and deciding which one to buy.
Hence, based on what I knew, the first version of comparison function was proposed.
Literature Review Interview with users
Second-version Design Proposal:
After the first-version design, we asked some users to use it as a prototype on iPad. From what they feedbacked us, we evaluated the helpness of our first design of this function. Although it can provide assistances while people are considering and choosing items, most of our users said it still lacks the detailed information which might be even more useful when making hard buying decisions.
Detail helps!
Prototype Testing
Therefore, we redesigned the function by splitting views into two which allowed users to view two objects; details page at the same time.
By adjusting and reorganizing information in the details page, the size and presentation form are changed from “page” to “card’. Which means, though users open two objects’ card to compare at one time, by simply closing one of them, one decision is made. And the comparison goes on, until final decision is made and something is bought in the end.
This continuous, iterative way of comparison works much better than the previous one, because a looks-like-hard and big comparing task is broken into small pieces of steps. And it makes users feel easiler to choose by providing them many chances to select, so they won’t be afraid of makeing decisions to buy.
two cards of item details can be operated seperately.
B C C D C EA B
Comparison becomes simple by being broken down into small pieces:Selecting one out of two is much simpler than among many choices.
C
$Check-out!
Content recommendation is always hard work.
Yet as a e-commerce platform built for detailors, shops owned by people who runs only small business are what mainly forms Taobao. Therefore, even though people came to Taobao are searching for items instead of shops, we still have responsibilities to help shops get more notices from users, and let users be aware that they can also find good shops with many items they may like or want in the shop. Pic. 1
The old-version of categories in shop recommendation pages.
Pic. 2The new-version of shop categories
Pic. 3Collections of shops (new-version)
Project at Taobao 2 Redesign the shop recommendation system 1: Design Background重新設計- 發現我的好店
Design Background :
The most well-known way to do that is shop recommendation mechanism. However, it is always the difficult part to make what the system recommended fit right in users’ favor. So it needs to be customized which relies heavily on the backend computing and algorithms. But what’s more important, is what kind of data you are going to use, and how you use it.
Originally, shop categories in the old version used the very traditional way to cate-gorize shops. And the presenting way were very conservative as well (see Pic. 1).
In the new design of this whole project, we discussed with algorism team to make categories more humane and interesting, and more close to how people search for corresponding shops. Therefore we used the concept of “keywords” and groups of people (人群關鍵字) to re-categorize all shops on Taobao. As you can see in the picture 2, the new shop categories are becoming more attractive and intuitive for users to choose what they are interested. Besides, the “hot shop categories (line 1)” and “recommended shop categories (line 2)” are also provided to avoid the “Choice Overload” situations.
What’s more, as complements, by applying the same presenting style we kept and listed out all the shop collections promoted before (see Pic. 3). Then users may have more chances to find interested shops from various perspectives.
Descriptions for Picture 1, 2, 3:
Pad
As for now, the existing block presenting shops recommended by the system cannot effectively attack users to visit, not even mention making them stay on the pages.
To analysis reasons, we found that firstly, user can hardly feel the “customization” of shops recommended for them; secondly, though visiting those pages, users are still browsing by items instead of by shops, therefore users may leave, not go further into shops to discover more, soon if there is no item they like.
How we designed:
To reorganize information presented on the pages to let users feel “shops” more than items.To enhance backend algorithms with algorithm team to redefine categories of shops and users to bring them a more customized recommendation content.
1.
2.
Hence, we are going to redesign the existing pages of shops with two targets:
Pic. 4-1 The shop-collection content page. (old-version)
Pic. 4-2 The shop-collection content page. (new-version)
Descriptions for Picture 4 & 5
By comparing old and new versions, you can see obviously the differences.In the new version, we use “number” aligning with photos to indicate users that “there are still so many pieces of items you can see in the shop. Go take a look!. ” And by applying the numbers in each shop card, it’s more clear for user to notice that what they’ve seen are shops instead of item collections. This took effects and brought more visitors to go and stay in shops (please see the blue line in the chart blow).
As you can see, except the number of IPV-UV is decreasing, the other three factors for evaluating design resluts are increasing.
Which means we successfully led users to visit shops instead of item pages, and helped them find their interested shops. As a result, users are staying longer, buying more. This is beneficial for all the three parties: the users, the shoppers, and ourself-- the Taobao HD.
Old-version shop collections
New-version shop collections
Personal customized shop recommendation pages(new version)
Icon for shop recommendation pages (new version)
Recommended shop categories (new version)
Conversion Rate of going into shops
Conversion Rate of going to item pagesConversion Rate of completing the payments
Conversion Rate of adding shops to MyFavorite
2015/1/22 Data
Pic. 5-1 (old-version ) Pic. 5-2 (new-version)
These are the old and new version of main page of personal customized shop recommendations. The user interations for “similar shops” listed differenty in the new version is for the purpose of not disturbing users’ attentions by too much page-jump when they are browing various kinds of shops.
Project at Taobao 3 Redesign the MyFavorite 1: Design Background and Analysis重新設計我的收藏夾
MyFavorite, a function through which users can collect their liked items every time when their spent time shopping or surfing online, and provides refer-ences or direct links when they are searching for needed items.
However, for now this function at Taobao HD doesn't well be provided. Some users even have never used this function. Instead, they are using shopping cart to temporarily collect their “maybe buy” items. Though by doing this way, users still have place to put their wanted items, yet this caused another problem that the capacity of shopping cart is always not enough, and then users start to ask for more capacity.
Therefore, we need to re-design MyFaverite.
By redesigning the function, we aimed to provide a more useful assistance to help user not only find the needed collected items easily, but also start their shopping journey even when they are just surfing on the App. We also hoped that through re-defining the Favorite function and refining user journey, the shop-ping experience on Taobao HD can be enhanced.
Despite of recording their sharings, I also asked questions according to what I’ve discovered from their folders. For example, as I found many users have similar items listed continuous in the folder, I asked them to recall the situation of adding those items into the favorite folder, and so on.
Design Background : Analysis:
The method I used for the analysis and design of MyFavorite is online contexual inquiry.
Firstly, I asked people around me who are Taobao members and had bought things on it before to show me their MyFavorite folders, and tell me about their experiences of using this function when they are shopping on Taobao.
After interviewing five users respectively, I applied KJ method to summarize the results.
And share with the user research results with other desingers when doing design proposal.
Pad
Comparing & SelectingChoosing, mark items (Like)
Searching & Browsing Buying Decision,Payment
Shopping CartMyFavorite
A B
?
$
MyFavorite (folder)
Context of Use
Users’ situation
Role at Taobao
Browsing, selecting in leisure timeStill hasitating
Lower urgencyUser can wait longer before buyingLonger Period items stayedin Favorite folder
Bridge among multiple devicesTools for keeping items easily reachableduring a slower, longer selecting process
Immediately Intend to buy in short timeStronger buyin desire Shorter Period items stayed in shopping cart
Goal-oriented searching and buyingwith purpose and need
Shopping Cart
A temporary container for once-time, more continuous shopping journey until buying decision is made.
Before making buying decision: While facing buying decisions:
By analysis using interviews and KJ method, the definitions and contexts of using MyFavorite and Shopping cart are more well defined.
As Show above, the flow chart presents the most-happened process in Taobao’s user journeys. The level of likes, the inten-tion of processing to payment of items in Favirite and Shopping cart are different.
And since all these are clarified and well defined, the design of MyFavorite can therefore be conducted.
In the proposed design, an user may see items in groups presented by cards on the top of the page (the orange-line area). All the items in this area are from the user’s favorite folder.
The reason of designing this area is to help users find a way to start their journey for shop-ping. Even though users may have no purpose, they can still find something to start with.
Besides, this area also provides chances for marketing teams to promote items by seasons, holidays, events, or even personal factors.
Surfing in MyFavorite
Project at Taobao 4 Design for Ali-Group --- Redesign the Corporate Internal Social Networking system
The amount of employees is large in Alibaba Group, and the cross-de-partment cooperations and projects are frequently existing. Therefore, bringing social interactions and connections online to help people con-tact with each other easier and faster, is the original purpose of building the Ali-Nei-Wai system.
For now on the system, there are boards for new feeds and personal profile pages for all employees of Alibaba Group with a “Follow” button on it, however there are still seldom people using it.
Another faced problem is that, though there are many ways such as email, instant message, extension and cell phone number to easily con-tact with each other in the group, there is still too much time wasted on repeatedly communications and information synchronizations while doing projects. By analysis, we found that existing tools cannot satisfy what people need in cooperating projects; however, It is not because of the lack of communicating tools, but is because that the way and con-text of using those tools haven't been well defined.
Therefore, to solve these found problems and bring a better system, we started this project: Design for Ali-Group --- Redesign the Corporate Internal Social Networking system
It exists generally and normally in corporates. yet in Alibaba group, projects may be formed by menbers from different teams or departments. Therefore a highly flexible structure of groups of people was formed accordingly :
Traditional organizational structure
A flexible structure of group of people is formed temporary for supporting various kinds of projects.
Design Background:
Web
1. One-click communicator
项目名称XX项目
3/22 13:33 XX 上传了2个档案到云盘
3/26 15:38 XX 群发了一封邮件
下单确认页 原型设计评审查看邮件 回覆
3/26 15:38 XX 发送一则群消息
查看消息 回覆
查看档案
@
管理
管理
项目名称XX项目
@
随时可以建群组建立圈子的需求
邮件
创建会议发送通知时
新建日程或指派任务时消息广场@群发消息时
设计板 云盘自动连结
@阿里愛之家 今天晚上帶花貓去節... @跑友俱樂部 今天晚上要练习喔...
我的群组 查看与管理
阿里爱之家
Pad客戶端用戶調研3/27 10:30 瘋唱 召开了一个会议
3/21 13:33 法程 发送了一则群消息
一表人才
集团OD平台
ipad座谈会结果沟通 6-3-N-8
跑友俱樂部3/21 13:33 珂妃发送了一则群消息
日本文化愛好會
管理@4/19 15:38 佩瑛 发送一则群消息
查看消息 回覆
3/26 15:38 張侃 群发了一封邮件
下单确认页 原型设计评审查看邮件 回覆
Group members can track updates such asEmail, message, meeting arrangment, file uploaded... etc.immediately from the card on the Ali-Nei-Wai main page.
E
Group name and photo can be customised by group manager
As soon as you’ve got the newwest group update,you can check or reply directlyhere by simply clicking providedactivated buttons.(View details, Reply)
Group management:to manage privacy, attributes, and menbers of group
Shortcuts provided for every group memeber to communicate quickly by just one click.
For example, one click to write an email,one click to send message to all members,one click to arrange a meeting and send invitations,one click to jump to cloud database for file uploads,and so on.
The latest group you’ve interacted withwill be listed in the forefront.
The group card on the main page of Ali-Nei-Wai is designed to provide users to easily and quickly communicate with other group members.In addition, every interaction among group members will be recorded and documented for future uses.
By using this tool, users can save their time significantly without jump-ing among pages of services of Alibaba Group.
项目名称 XX
私密
项目/活动开启时间 2015/1/21
成员(13) aa (BB) BB (aa) cc (AA)dd (cc) DD(AB) gg (TT)yy (KK)
管理员 本名 花名
xxx 在云盘中新增了n个档案 2015-03-28 15:38
xxx 发送了一则群消息 2015-03-22 10:27
圈子服务
历史动态
可用 可用
未启用可用
可用
成员
@
内外会议
2. New design of personal profile pages
Find contact information
Social interaction needs : to tag, to follow
Had met but want to know more (about the person)
Flat layout and organization. Information with layer concept
In the redesign of employees’ profile pages, we reorganized the information structure with layer concept.To make the first impression of a profile page stron-ger and similar to how we meet a person in real world, finding out what kind of elements are import-ant is the first step. Therefore, by interviewing people to talk about in what kind of situations they will open a person’s profile, we got the following three kinds of answers:
First view while open one’s profile page
Personal, working information and contacts are all on the same page.And there is no other differences except the editability between you and other people when viewing your profile page.
After reorganization, information is clearer and easiler to find. Besides, by seperating contents only profile owner can see from other pages, users won’t feel confused finding where to edit their profile anymore.
Basic but essential information + Contact
Editable/ ManagablePrivate information
Working Living
Redesign information structure
(only profile owner can see)
Contact
Edit function (only profile owner has)
Private Editable information(only profile owner can see)
PersonalWorking Living
information
Switchable
for Evaluation andDocumentation
KPI Evaluation
Management
Documentation
Outside resources
Link
Integration
Once we knew users’ intentions, it’s much easiler to define which kinds of information are essential. In this stage, two project managers and a UX designer (me) conducted discussion workshops and invited other managers, programmers, or sometimes vitual designers to join and help us make decisions. Finally, we generated a demostra-tion.As long as we have demostration, an evaluation is needed to know if our proposal design fits users’ need. Until this stage, basically our first version of redesigning personal profile is done.
Background information Further information
JobPersonal Working & Living
Birthday +
Name (Ch/En)
Hometown
Tags
School
InterestsSkillsSupervisor HR
Employee ID number
Title Department/Team
Participated projects
Working experiencehoroscope
According to user research and iterative discussion workshops, circled items (with orange lines) are defined as the essential information about a person to be known by others in the first screen when opening the profile page.
Original layout of personal profile page New design
Layered, well-structured informationCan be used as a name-card-on-the -screen to show people needed but essential informa-tion (sharable) Light interactions between layered pages to transmit Alibaba’s group conceptual mis-sion of “explora-tion in the uni-verse”
Flat layout,Non-organized, non-categorized information structureEveryone-looks-the-same first impression (Non-characteristic)Not good for exploration (to know more about the person)
Me
Miss A
Point 1
Connection& Networking
Mr. G
Connected
Unknown yet
Distance betweenYou and Mr. G
Cooperating with algorithm team to calculate the relative distance between you and the person;Considered factors are such as :
This part is designed to help you to explore more by showing Mr. G’s people connection and networks.Through the network you may have chance finding your mutual friends or same parts. And by exploration, your con-nection in Alibaba group can be broaden to help you in future cross-department coopera-tions.
how long you’ve cooperated, how you interact with each other,Did you enroll on the same day,Are you serving/Have you served same clients,Are you coming from the same place (howmtwon, previous company...etc.)
Point 2
Two key points of profile page redesign
by building stronger social network connection among emplyees in Alibaba Group.
update progress anytime as needed
Provide feedback instantly
3. Redesign the Evaluation System and Mechanism:
Usually, performance evaluation happens every half a year in Alibaba Group. In other words, the official reviews of every employee may be conducted once in six months; however, during the period, there may have already many cycles of projects been finished so it is hard to recalled every details while evaluating. Therefore, breaking down the once-a-half-year evaluation into small pieces of reviews is bene-fitial to both employees and managers.
To bring the doing and evaluating into daily work, the evaluation system need to support employees to update their work anytime as they need, and to help managers to track and give feedback when there are projects conducted.
In order to redesign the orginal one into a better evaluation system, we firstly had some discussions with the team members who are mainly responsible for the design of evaluation system, and then interviewed some managers to understand what kind of information they may want to know about while leading a team and running a project. Besides, we also surveyed some emplyees to ensure that through this redesign, it will become easier to keep project manager updated anytime without spending too much time recalling and writ-ing reports.
Review onceHalf a year
EvaluationRecall, Report
Traditional way of evaluation in Alibaba Group
Redesign a new way of evaluation mechanism:daily, flexible and anytime evaluation.
Notifications: when people reply on your updates, or people in the same project with you have updates.
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
业务逻辑疏理完毕 开始交互方案构想地图购项目组
业务逻辑疏理完毕 开始交互方案构想
第一则留言 长度过常省略
地图购项目组
第二则留言 slasjkhgpqowu[ks;dl/....
最新的留言在最下方一直挂上去....etc
Too see contents and comments of projects:
交互
交互
淘宝HD 4.0大改版
我的1212 Side Bar
双11大促会场
组织形态创新实验
组织形态创新实验
业务逻辑疏理完毕 开始交互方案构想
地图购项目组
新增我的目标
共7人
People in the project can seewhat you are going to update
Add new projects
管理绩效目标
2015-3-19 AM 11:03
2015-3-19 AM 10:23
2015-3-17 PM 05:03
2015-3-17 PM 05:03
目标动态 2
大牛 3 0评分
Updates or progress of the project.Project Name
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
3 0
业务逻辑疏理完毕 开始交互方案构想地图购项目组
筛选输入欲筛选的人名 或者目标进行筛选显示 可同时输入多个
Title
组织形态创新实验
业务逻辑疏理完毕 开始交互方案构想
共7人
读取历史目标动态
Originaly, employees in Alibaba Group need to go to evaluation system to input anything they want to record about projects. These actions cost time and make people feel too serious; therefore, people use it only when being requested.
Through redesigning the evaluation mechanism, we add a card on the main page of Ali-Nei-Wai. In the card, every employee can input updates of projects they are participated in anytime easily. In addition, managers can instantly provide feedback and track the progresses of every project on hand.
With this design, we hope to not only enhance the evaluation mechanism, but also bring more inter-actions among project members. Because once the communication goes well, the working efficiency will increase.
2015-3-12
Search for all group member
筛选iTeam UX
无动态更新 戳他一下提醒 戳
无动态更新 戳他一下提醒 戳
何康波
Project at NCKUCourse TA of Smart Seed UnionThe Lay-out design of general review of Digital Designfor the selection of outstanding courses (102), Ministry of Education
As a teaching assistant of continui-ous two-year graduate courses--- the Digital Design of Creative Industries, I played as the role of a learner and a helper at the same time.
This job brought me lots of experiences by asking me to participate in the whole process of design, both as part of teammember and as a assistant to peovide help by side. Thanks to the training, I can do better and think broader in design practices now than others.
In every course, I had to make records and provide brief summaries to Smart Seed Union, an organization of NCKU funded by Ministry of Education of Taiwan with the purpose of encouraging cross-displine cooperations and creations. In addition, I also needed to arrange exhi-bitions as one of final presentations of projects conduct-ed by course attendees in suitable places. Besides, handing in reports and videos as future teaching materi-als are also my duties in the end of the courses
Project at NCKU
https://drive.google.com/file/d/0BxzAsuupDeLpOU9XOU5oRnoyQmc/view?usp=sharing2014 Deliver
https://drive.google.com/file/d/0BxzAsuupDeLpbnhMZF9pNkdGV00/view?usp=sharing2014 Develop
To know more about the courses, please go to the following website, and see videos as future module teaching materials:
2013 Develop https://drive.google.com/file/d/0BxzAsuupDeLpeFNmX05GUWNBT2c/view?usp=sharing
IDICID
&Final Presentation of Digital Design in Creative Industries
創意數位設計 期末成果展
102學年度第二學期，國立成功大學創意產業設計研究所與工業設計研究
所合開的創意數位設計課程，配合教育部智慧種子聯盟的本年度計劃，結
合老台南文化場域，與適地性服務(Location-Based Service)互動技術的
應用，進行創新的服務設計，期望帶給人們不同的在地文化體驗。
這門以設計工作坊的模式，進行不斷討論、與Prototyping實作的課程，
最終的成果發表，將于民國103年6月17日下午三點整開始，在古都文
教基金會舉行為期一周的校外展示。
展示的作品總共有四件，分別為 Hidden Lion、 Beaconpass 、
CHICHICHACHA 、以及 Tag & Seek。我們期望透過創造更多
對外交流的機會，為台南在地文化、以及人與人之間，增添
更多元創新的可能性。
古都文教基金會台南市中山路79巷3號
周日休展
電話：06-2204455
12:30-17:3013:30-17:30
2014
(一)6 17/ 23(二)
周一~周五
周六
來到台南旅遊的遊客們，可以利用智慧型手機透過Tag & Seek，提供旅客們一個新的旅遊方式。遊客們使用這項應用程式，就可以不用事先規畫行程，帶著一顆冒險的心，來探索這個城市。App會根據使用者設定的時間，規劃一個合適的旅程。在旅途的過程中，旅客可以與定點的NFC看板做互動，且在旅途完成後會得到驚喜的折扣卷。不同於以往需預先規劃好行程，Tag & Seek將帶給旅客們一個新的旅遊體驗。
Tag and Seek黃鈞彥、周殷菀、李宜瑾、Caroline Arkenson
“Tag and seek” is a application about providing a new way of travel for traveler. Tag and seek combine the dramatic and surprise element, lead traveler to the place that they didn’t expect, give them tasks, give them accomplishment and award, make traveling have more fun. The application also has interaction between the game, city and the traveler. By implementing NFC technology and adding physical displays, the interaction between the application and the traveler is different from regular traveling applications.
趣查台南是個結合在地商家訊息&互動式遊戲的APP。有別於一般觀光APP，我們希望推廣在地初創品牌、老行業再生、具有在地經營理念的商家，提供使用者不一樣的資訊。我們的APP除了提供地圖功能可偵測鄰近商家；訂閱功能可不定期接收到商家最新優惠or活動訊息；當使用這親自造訪指定商家時，會啟動小遊戲與商家互動，吸引使用者多到不同商家參觀。
ChiCha Tainan is an APP which combine local store's messages & interactive games. It's different from normal traveling APP. We focus on introducing local start-up brands, old industries regeneration, and stores who have local operate concept. To provide users different information. Our APP have map explore function to search for stores near by; subscribe function can select which store's discount or activities messages you like to receive; when you visit the physical store cooperate with us, our APP will start all little game letting users interacte with the store. The game function can attract users want to visit different kinds of stores.
CHICHA Tainan江珮嘉、陳慧瑄、林蓮雅、彭筱雯、沈文婷
探索陌生的城市，既興奮又害怕迷路？別擔心，BeaconPass陪你一起貫徹冒險的海盜精神，在茫茫路海中拿著小小指向針，無畏的前行吧！ 有了這款APP，你可以…1. 在無網路的情況下使用導航2. 用望遠鏡查看附近有什麼好吃好玩的3. 建立旅遊計畫、上傳照片，並分享到社群網站4. 每次的探索結束後都能集點、升級5. 到設置iBeacon小島的景點或店家收集限定寶物6. 為自己的海盜變換造型，甚至購得專屬海盜公仔作為旅遊紀念旅遊，並不是每次都得按照計畫一次到位，迷路也有迷路的美好。只要有了BeaconPass，你可以用自己的方式來探索這個城市。記住，別當個走馬看花的觀光客，作個勇敢尋寶的偉大海盜！
Feel excited but afraid of getting lost when exploring a whole new city? Do not worry, The APP “BeaconPass” will accompany you to carry out the spirit of adventure of pirates, just hold the compass in your cell phone, and go forward bravely! With this APP, you can... 1. Use the navigation conditions in the absence of network. 2. See what’s delicious or fun nearby with a telescope.3. Establish your travel plans, upload photos, and share them to community sites. 4. Win points or upgrade your pirate after each exploration. 5. Collect specific treasures in attractions or shops which iBeacon island was set.6. Transform the pirate in your own style, and even custom an exclusive miniature as a souvenir.As long as there is BeaconPass, it’s Okay to get lost! You can explore the city in your own way. Remember, do not be a cursory tourist, but a great pirate to find out all the treasures!
BeaconPass何宗源、劉素瑜、陳怡璇、 Juan Sebastian Bayona
Hidden Lion is a location based APP game which is related to sword lion culture in Anping Tainan. Sword lion is the traditional protector in Anping. Recently, more and more visitors come here searching for sword lion to discover these traditional treasures. Therefore, Hidden Lion is developed from sword lion searching. Visitors can not only find out lions by this APP but play the interactive game at each sword lion spot to realize the background story of sword lions. What's more, Hidden Lion can also improve cultural and commercial development in Anping, and enhance the preservation of sword lion culture.
Hidden Lion是一個以台南安平的劍獅文化為主題的適地性APP，劍獅是安平區傳統的地方守護神，近年來有越來越多遊客來安平進行"找劍獅"的活動來重新發現這些傳統的寶藏，而Hidden Lion以尋找劍獅作為發想，幫助遊客找到劍獅之外，遊客還可以在劍獅據點上進行有趣的互動遊戲，並了解劍獅背後的故事。最重要的是，藉由Hidden Lion促進安平區的文化與經濟發展，並增加對於劍獅的重視。
張國屏、黃俞維、薛舒尹、黃舜農、陳玉婷
Hidden Lion
參展作品
Course TA of Smart Seed Union
PART II : Master’s Thesis
Keywords:Spatial information, Cognitive map, Service Design,Interaction, User Interface
This thesis is conducted based on the discussions and applications of human cognition, spatial knowledge, and the sharable information.In my opinion, the spatial knowledge shouln’t be only provided byofficial way, but also can be shared by people who have experience living or having activities in the place.
Besides, information provided by others can be more interestingand sometimes helpful to people in different situations or contexts of users.
Therefore, by sharing this thesis with you, I want to show you thatwe have the same belief and want to do the same thing:
To let or to encourage everyone to share with others; and by sharing, we believe people from each side can both be benefit from it; and therefore in the end, form a beneficial sharing economy cycle.
To read the thesis, please go to: http://bit.ly/1cUubD2
Sharing Service
Experience in a placeSpatial information
Master’s Thesis
Conferences attended
1. Questionnaires and interviews
3. Prototype Building2. Focus Group & Co-Design
Object
Relation
Attribute
To read the thesis, please go to: http://bit.ly/1cUubD2
PART III : Design Projects
As a user experience designer with engineering background and marketing experiences, I am very good at communicating with both developers and marketing executives by using the same languages with them and by understanding their working contexts.
Besides, the knowledge of human behavior and cognitions accumulated by doing my research for master’s thesis is also very helpful for me to better understand people.
Below are 6 projects listed with descriptions for you to know more about my ability in design. It’s not very much, but it’s all done with my heart to become a good designer.
Design Project (6)
2. NSC ideastorming- Future Concept Development Project 2012-2013: Living Well with Dementia
3. NSC ideastorming- Future Concept Development Project 2013-2014: Gamification for Disaster Prevention Education
4. Mind The Gap International Wrokshop (joint workshop with Royal College of Art) 2013
1. Design Workshop 2012 at Boitbuchet, France
5. 101-2 Digital Design in Creative Industries Interative Arduino Group Project
6. Acer Incredible Green Contest 2012
Research in Progress
2012設計種子助學計劃布瓦布榭暑期設計工作坊
成果專輯
主辦單位
贊助單位
SUMMER WORKSHOPS AT
BOISBUCHET 2012
華新扶輪社
2012 Design Workshop at Boitbuchet, FranceMischer’ Traxler PCM, from 12-Aug~19 -Aug/ 2012
Design Project 1
Concept: Connection
By connecting bulbs together from top, user can choose any bulb to power and experience the changeable light effect.
Bulb: The tightly connected, full of life and fruitful image retrieved from berries.
Pedestal: Emphasize the robustness of stone while consider it as one natural element in design.
Color: Choose simple combinationof colors such as white, gray and black to make “ZEN” atmosphere.
Changeable light effect:
Design Project 2
NSC 101 ideastorming – Future Concept Development ProjectProject I: Living Well with Dementia
Dementia, as one kind of brain diseases that cause a long term and often gradual decrease in the ability to think and remember, is becom-ing more and more faced issue in this century while people are living longer than ever before. Therefore, the organizations, programs as well as services provided by either government or enterprises to take care of these elders are soon appearing in the market. However, though having different kinds of services provided, there is still lack of a holistic solution for helping no matter patients, or their families, nursing aides, living communities, or even hospital to get well prepared and deal with this issue in the long term.
Hence in our project, by interviewing related people and understand-ing their conditions, obstacles, and concerns in every stage when living with dementia, we applied the “bottom-up” method to consider all kind of needs of every role in different stages. We tried to integrate existing care services to design a better solution to satisfy both physical and mental needs of patients, and the needs of surrounding people.
Design Background
The Project :Living Well with Dementia participated at Young Designers' Exhibition (YODEX 2013)with posters and design concept videos presented during the 4-day exhibition held at Taipai World Trade Center.
To see the design concept videos, please go to:http://bit.ly/1GGmApD
Design Project 3NSC 102 ideastorming – Future Concept Development ProjectProject II: Gamification in Disaster Prevention Education for Children
Interaction
User Interface
KAKAGO
Service Designer
BrainStorming Discussion Prototyping Video-Shooting
Persona
ScenarioTouch-PointTo see the design concept video,
please go to: http://bit.ly/1MKr3G3
Design Project 4 Mind the Gap International Workshop( NCKU x RCA )
"Mind the Gap is a collaborative project between 12 design students representing from Platform 17 of the Design Products course of the RCA in London and 29 students of 8 different departments from the NCKU in Tainan."
In the workshop, students form groups to discover things in Tainan, find issues, and provide solutions for Tainan main station (assigned design field)by cross-culture discussions and brainstormings. During the short five-day activities, after quick iterative design process: filed observation, discussion, prototyping, filed testing, revising…etc., we provide a concept of design— 府食吉事--- to solve the problem of carrying.
People who in the train station are either going home or going out. therefore train station could be seen as a “gap” between two places. However, during this not-that-long period the train station doesn’t provide good service to support people in this temporary “gap” place. For instance, there is very little place to put luggages except for the floor, yet putting luggages on the floor may influence the traffic and convenience in the station, especially during peak hours. Hence, our solution — 府食吉事--- is designed to solve the “carrying” problem in the train station.
府食吉事 applied the concept of one of the most famous factors of Tainan city, eating local & traditional Taiwanese food, and used frequently-seen spoons as design elements.
Touch Sensor
ButtonProjector Arduino
LaptopControl
Design Project 5
101-2 Digital Design in Creative IndustriesInterative Arduino Group Project
Making people meet & relax.
be-fi-
Chat-our
wait the
visitors feel as if they are in their living room, a place for relaxing and playing.
people the
can press
people lotus
meditative. inter-
ceived l-
To make hospital lobby like a living room is not simple task but is important to either those people who visit hospital often or people who have had uncomfortable time and experience seeing a doctor. Through field observation and shadowing patients we first found out some problems, then by listing them out and discussing, we narrowed down to fewer critical issues which we all agreed that solving them will be most helpful to people according to what we’ve saw in the hospital.After deciding the issue we’d like to solve, personas and scenarios helped us much on brainstorming and forming design concepts. We generated as many scenario as we can, and gradually refined our design concept iteratively; during this most time consuming period, we did few presentations and idea sharing with two professors, asked feedback from classmates to get more close to how users really feel.Simultaneously, we also made effort on hardware issue: using Arduino, an open-source, single-board microcontroller, to connect input with output to create a suitable designed effect which fits right well into the context. Lastly, we also conducted a simple usability test to evaluate the result of our design, which may bring completeness in this design project.
Abstract
To read the project report, please go to: http://bit.ly/1MKrjVq
Design Project 6 Acer Incredible Green Contest 2012Crowdsourcing Recycle System
Design ConceptSince the idea of green life rises, proper recycle process lives in common’s life. However, though people are willing to do recycle, due to the complex layers of package, people may get lost in recycle procedure in facing complex material. The cause of lost track in recycle is from unfamiliar of knowledge of recycle pro-cedure, and unknown destination to retrieve data of recycles procedure.Therefore, we engage with online business simulation game. In the game, users become a lord to run recycle in their own property. And through the gaming pro-cess, the role would gain and experience and level as feedback. We sincerely hope that people learn their recycle knowledge in the game, thus it proves the game affects users’ habits in real life. Moreover, the experience of doing recycle in the game would submit to Crowdsourcing Data on the cloud. This database provides not only online instant research of recycle knowledge, but also a knowl-edge center where users can retrieve unknown recycle material information of garbage by simply taking photo to it.
Every design starts from finding problems.Though problems are everywhere in our daily life, they still means differently to different persons. Besides, there’s no one solution can solve all problems, not even to say that a solution can fit well all situations. Therefore, how to find out a problem which is meaningful to people is the first thing we need to do.Since this is a contest which encourages students to “create green-centric applications to generate innovative and sustainable solutions,” we focused on the recycle issue which has great influences on our environment in our everyday life.
How we find out problems: By observing people’s recycling behavior in public areas and having interviews with people in different cases, we finally came out with the solution as a system combining games and ICT tech-nology, and at the same time using the power of the crowd to provide people not only the knowledge about recycling but also the awareness of caring for a green environment.
29-Nov, 2012 Student Volunteer at 2012 UX Summit Taiwan
28-Sep, 2013 Reception of Foreign GuestSpeaker: UX Team Director, Kobo
PART IV : Activities
2. Happy UX 2013
1. 2012 UX Summit Taiwan
I worked as a student majored in UX design with many other student volunteers to provide helps before and during the day of summit(29-Nov, 2012).
Take Responsibility of reception as well as reporters for invited speakers, James Wu, Sr. Director, Product Design & Experience at Kobo Inc.
In the two-day event, I joined as a UX master student one discus-sion group and two workshops to learn from speakers and other participants.
Among all sessions, the workshop---workshop #5: Design Studio using structured creativity for product innovation--- imspired me the most.This workshop run as a design studio to train on developing con-cepts by brainstorming and expressing your ideas through quick sketches, story boards, and presentations.Situation based problem solving:
3. 2013 UX Hong Kong
Our assigned situation was “How to solve the communication issue between departments when cooperating a cross-discipline project?” There were story and background described on a given A4 paper, and we only had 5 minutes to read the content. After that, every group started brainstorming on conducting as many elements from 4C(Component, Chal-lenge, Characters, Characteristics) aspects as possible.
Once the brainstorming was done, people were moving quickly around to interview others on the results and exchange opinions.Following by those conducted elements, we chose one aspect (challenge) to develop ideas. Comic storyboard was used to present concepts. Finally we generated many solutions including what kind of service will be provided, how the process will be run, how the interface looks like and how information architecture of system be built.
3. Final Presentation:1.Brainstorming 2. Developing ideas:
2 Workshops1 Discussion Group
Language
PART V : Skills
As a Chinese native speaker, I learned foreign languages on my own and have great sense of learning and using different lan-guages. For now, I have excellent ability of communicating in both English and Japanese with native speakers.
Though I havn’t living or studing in foreign countries, I had worked with Japanese colleagues for few months, and had many foreign classmates as project team mem-bers during my postgraduate studies.
JLPT N2Japanese
SpeakingListening
Reading
Thinking
Writing
Communication
TOEIC 885TOEFL iBT 94Engllish
SpeakingListening
Reading
Thinking
Writing
Communication
Programming
Planning & Marketing
1. C/ C++/ Objective-CTrained at Department of Electronic and Control Engineering, National Chiao Tung University (2004-2008)This coding education helped me a lot in building fundamental programming skills in the future.
2. HTML/ CSS/ Javascript
3. Xcode + Design
1. Working Experience as an Account Executive at PR Agency 2011
2. Advertisement Planning Intern experience at Advertising company
During 9 months working at Taobao UED, I’ve tried and practiced many prototyping tools such as Origami, Form, Farmer, and Tumult Hype 3 for only one purpose to present original design ideas and help developers to build the products.Among them, designing with xcode storyboard plus some programmings is the most efficient way from prototyping to product realization.That’s the reason why I am keeping learning and practicing it.
Self-taught for master thesis prototyping at ICID, National Cheng-Kung University. (2012-2014)What I’ve built in my master’s thesis was design prototype with Google map’s API. For more details please refer Thesis Part.
Provide local PR support for international semi-conductor corporations such as: Wolfson Microelectronics plc, Mentor graphics, Seagate, Virage Logic (had been acquired by Synopsys), and CSR
Any Feedback?Looking forward to hearing from you.
