Portfolio 2017 Lenz Chiu
ABOUT ME 丘栢宇
Po-Yu, Chiu / Lenz
(+886)0970996887 lenz.chiu@gmail.com
Hi, my name is Lenz. I am a product designer from Taiwan, I love music, reading, and have innate curiousity to try new technology. I’m familiar with UI flow and wireframe design in past career experience, also understand how to execute user research project. To me design is a method to make a things or services better. It consider every aspects, and try to make a balance status, so it takes a lot of communications and decisions, and it is what I still learning how to make it.
EXPERIENCE CAREER Product Designer Kingwaytek Technology Taipei, Taiwan 2014 June - 2017 January
EDUCATION Master of Arts
Industrial and Product Design National Chiao Tung University Hsichu, Taiwan 2008 - 2011
UI Designer Uxi Design Taipei, Taiwan
Bachelor of Arts
2012 September - 2014 May
National Taiwan University of Science and Technology Taipei, Taiwan
Industrial Designer Ideco Design Taipei, Taiwan 2011 October - 2012 January
Industrial and Product Design
2003 - 2007
NaviKing Navigation APP
Co Creator Flow, Wireframe 2014~2016
01OVERVIEW VOL +
FM
VOL -
DVD
MIC
Smart Phone
Portble Navigaiton PND Device
OBU
On board Unit
The “Naviking” is a navigation application. It can guide route when user are driving. User can set the destination they want to go, and the screen will highlight the route on the map, it also shows the assistance information to help user driving. The “Naviking” can be used in smart phone, PND and OBU. Depends on different platform, each version of platforms have some UI customizes. For example, smart phone version have landscape and portrait view, because smart phone user is used to hold their phone vertically and portrait view is better to type when user is search destination, keyboard will take most space in landscape view.
02INSIGHTS
Target Audience • Gender: Male • Age: 30~45yrs old • Main driver • commute or drive out by car
Surrounding • Can’t control precisely • Device location is important • Use voice control is better than touch • Sound feedback is more safely
Scenario • Free navi(Map guide) • Navigation(Route guide) • Find store nearby • Check traffic status • Speed Alert
03FEATURE IN EACH STAGE N
P
Start
On the way
Goal
• Setting Destination • check location • Weather report
• Route guiding • Assistance information • Speed Alert • Facility Information
• Parking Space • Gasoline station • Store nearby
04REVIEW BY AARRR MODEL ACQUISTION
ACTIVATION
RETENTION
REFFERAL
REVENUE
Get new user and let user know us
Make user become member
Encourage user back to app
Promote to friends or other users
Get revenue
• SEO • advertise
• free trial • landing page
• map update
• rate encourage • invitation code
• paid version • corporate
AARRR model is a method to analysis product’s marketing plan, and it also represent a product’s life cycle, from make user know the product, encourage them back, and promote to more user, and get revenue. Therefore, i use this model to make sure our product is doing well in each stage, and found out where can improve, try to optimize.
05LANDING PAGE PROPOSAL EXIST PROBLEM • too many information • complicated architecture • not support RWD
OPTIMIZE • simplify information in home page - product introduce - map & app download - customer service
06OPTIMIZE SOLUTION
• Simplify architecture and call to action(Buy or Download free trial) • Emphasize what benefit we provide, not only product feature
07APP PROPOSAL EXIST PROBLEM • too many information in navigation screen • complicated architecture • map blocked by information
OPTIMIZE • simplify information in navigation screen - information grouping - screen redesign - information component scale and transparent level modify
08NAVIGATION REDESIGN Next Route Show next road’s name, direction and distance.
Route guiding line show how to drive on the map
CCTV (Closed-circuit television) Show monitor screen on next route, to inform user change route or not.
Road status show the road name and multi-lane guide which you are driving
Simulation view (Complicated intersection)
09NAVIGATION REDESIGN Grouping information Grouping information which are related, like road signs and simulation view. And highlighted important or specific information, like highway ramp.
10REVIEW Optimize Search It is hard to design search pattern on navigation app, we want try to gave the most precise result when user input keyword, but there is some problem have to solve, in fact, not every user will spell exactly name of POI or they will use the short name, so how to gave the answer user want is a topic to optimize. Information Arrange The information of guiding will help user driving, we have many information on the screen, but sometimes is too much, so try to give the information user need in the right time is a good point to optimize.
What I Learned Environment effect Navigation app is a unique type of app, most of app use in a stable or simple enviornment. But when user using navigation app, they have to focus on driving, navigation app is a assistant, so we gave them hint or alert by voice is a better way, and try to reduce action to control.
Autoking
On-Board Unit
Co Creator Flow, Wireframe 2016
01OVERVIEW
Car Info
Music
Navigation
Weather
Car Service
The “Autoking” is a OBU device, it is not only a device for vehicle but also a platform which provides various car service. The most different between the Autoking and other devices is the Autoking have can be networked itself. It has a SIM card chip inside, other devices usually linked by bluetooth or cable to share from cellphone or tablet. Can be networked itself is more convience, user can recieve many information from network in anytime, for example, instant traffic condition can help user avoid traffic jamed route, and it also can get the music from streaming app, user don’t have to put music in their SD memory card, just search the song or list online whenever they want.
02PROCESS Spec confirm
DISCOVER
Solution Survey
Design brief
DEFINE
Wireframe, and GUI design
Check feedback
DEVELOP
DELIVER
Modify UI spec to Engineer
Deliver to QC
02FEATURE
Application • Car location • Unknown move alert • Destination push • Car service information
Voice Control • Set destination • Search and play music • Basic control
Car Service • Polish and wax store • Vehicle maintenance • Roadside assistance • information push
03HOME SCREEN HUD The middle Area will show navigation guide or music infomation.
Information
Store
Traffic and weather information.
network service and application purchase.
User Info
Navi
User data, car service information.
Navigation link.
Short Cut link User can edit their favorite app or function in this row.
04PLATFORM
Network
Application
Car Services
The “Autoking� not only want to develop a OBU product, but also build car related service platform. We provide network plan, car applicaion purchase and car services(still developing) three kinds of category, user can subscribe network plan, purchase or subscribe app or its service. For example, user can subscribe music or video streaming on our platform. The car services, we prepare to coroperate with car repare shop or car inusrance to help user get better service.
VOICE CONTROL
Speak
Keyword
Action
User say the action they want to do.
the system will catch the keyword of action to understand what action should do.
Execute the action.
Next Step Ask next step if it’s needed.
The “Autoking” can use voice to control many function, for example, user can search destination, the song, artist or playlist they want to play, or open function page of launcher. User don’t say correctly command, just say what they what to do. For example, user can say ”I want go to taipei 101” or “play the Blowin' In the Wind”, it will catch the keyword like “go” or ”play”, to figure out what action should do. And If there are more than one searching result, it will show the result included keyword and let user choose.
PHONE APPLICATION
Location Show your car’s location and tracking information help user to find their car.
Destination Send User can search destination on smart phone, and send it to the car. No need to wait the car turn on and search on the OBU.
! Car Services Provide car service relative information. like cleaning, fix and mantain store.
Traffic Infomation User can search the highway traffic information.
REVIEW Optimize Voice control When user can control all the function of OBU device in the car by voice is the Best Scenario, but it is difficult to make system to understand user’s every words. The voice control in “Autoking” can set navogation destination, search and play/control specific music app. It has provide the most important behavior in driving, and if it can cover other control action in next phase will be great.
What I Learned Voice interaciton flow The voice control is an A.I. system to decide what user said and what these word meaning, so it takes time to understand the sentences, and it should give feedback to make user know what should they said. For example, the voice control system have said “processing” to let user know their voice is be heared because it have takes a little time to mapping what they said. And it should make confirm when the A.I. didn’t understand or there is many results fits the action.
Monny Finance App - iOS
“Monny� is a financial application which combine game and accounting, we try to encourage user note their spending and make it easy and fun, we believe it can help people who have budge problem and hard to enduring record their spending everyday.
Co Creator Flow, Wireframe, GUI, Website
2012
Wiilly Wu
Jason Chang Kimie Ouyang Lenz Chiu
CONCEPT
Gamtification
Charts
Feeds list
We are studied current design trends in financial apps. Flat Design is popular, and the design language of it is appropriate our taget audience. It works great for our application.
WIREFRAME
Top List
Feeds list
Home
Quest
Trends
We’ve sketched application’s main screen in a prototype for better user experience. And we want to make accounting become easier and more fun, so we tried to give user a clear chart analysis and make this thing like a game.
GUI
iBMS intelligence Building Management System
“iBMS� is an energy management system solution of the buildings, it can detect and analysis the loading of various types energy, and adjust the energy plan. The system will optimize the building energy schedule base on different scenario, for example, the iBMS will turn off the lighting automaticaly when people left the room.
Co Creator Flow, Wireframe, GUI proposal
2012
CONCEPT
iBMS can show different statics of energy consumption when different user. For example, when energy specialist log in, the system will display the energy consumption, equipment error and energy arrange schedule. When manager log in, iBMS will show the energy cost and forecast.
WIREFRAME
We have sketched application’s main screen in a working prototype for great user experience. iBMS can detect the equipment consumption and abnormal situation of energy, and report it to building manger. the manager also can optimize the buildings energy consumption by different schedule.
GUI
Designer: Peepee Yang
Dechnology Future Traveling Concept
Dechnology is a project which combine design and technology. This project let designer involve, and try to make these technology become a product, and think about how to popular to customer or user.The ITRI divide the project into 4 fields, which is Learning, Traveling, Living and Healthcare.
Sole Creator Concept Design 2013
PROCESS
Literature Review
Interview
Insight: Personas and Patterns
Read literature of travelling.
Talked to travel professional, traveller, and get what their opinions.
Conclude the most representative personas and patterns.
Concept Design Workshop Invite partcipants to brain storming the oppertunity from the personas and patterns.
INTERVIEW Casting 1
Casting 3
Casting 5
Wedding tour Planner
Hotel Consultant 44 yrs Male
Tour Guide 36 yrs Male
40 yrs Male
Graduate from famous
Working 8 years on trav-
Telling Taiwan’s local
hotel management
ell industry, he is respon-
beauty by story and tour,
school, work from grass-
sible for incentive travel
roots level, have fluent
of government institu-
lanaguage
tions .
planned friend’s in Shihtiping, Taitung recently.
Casting 2
Casting 4
Mountaineering 41 yrs Male
Tour Sales 28 yrs Female
Nearly 30 years moun-
Working on travel
tain climbing experience.
agency, she is responsi-
Love the natural species
ble for southeast asia
diversity.
tour sales.
INSIGHTS We are studied current trends of traveling, and have interviewed 12 participants who work on travel related industry, depend these data we concluded personas and patterns to help us discover new concept.
Personas Persona
百岳旅人
Persona
故事旅人
Patterns Patterns 婚旅企劃
Persona
飯店經理人
情感融入的 旅行體驗
登山老手，爬山年資近三十年，百岳 婚旅企劃，以說故事的方式推動台灣 飯店外場經理，畢業於國外知名飯店 僅差幾隻就完成了。愛上爬山的征服 深度之美，近日於台灣石梯坪籌畫了 管理學校，回台於星級飯店從業從基 感，也喜愛大自然物種的多樣性。朋友的婚旅，將台灣深度旅遊體現於 層做起。擁有流利外語能力，接待能 婚旅之中。 力、團隊管理能力。
Persona
風趣領路人
02
01
Persona
Persona
旅人顧問
04
蓋章蒐集樂
Patterns 婚旅企劃
҈ક༈ಛஔᙄ
Patterns 飯店經理
Patterns 飯店經理
服務陸客就夠了? 科技、環保、在地文化
飯店經理Ａ先生說：「未來台灣的旅 飯店從業人員宋先生說道：「台灣未 40歲的工程師Soya與太太，兩人皆喜 ԋᄑ߰ԋᄦӇཇᚃߞੰ 旅行企劃家Ａ希望籌畫有情感的旅行 館將會融入科技、環保、在地文化三 來二十年只要服務中國客就夠了！」 歡旅遊並蒐集紀念品，旅途中會蒐集 ࣛȂჅᚃ֖ᢰሼࢉН༡գـ 體驗，因此讓旅行者親手製作小紀念 元素。」端看業者的發揮方式了。而且旅遊熱門景點的人力需求紛紛都 當地的戳章作為紀念。 ԺߞТஜҞକȄ 品。讓旅行者可以帶走記憶，也記住 變高了。 旅行中的情感交流。 07
Patterns 飯店經理
Patterns 跟團陸客
行動裝置應用在哪? 旅行時即時炫耀
跟團行腳人
於旅遊業工作八年，負責帶國內公家 Judy於中型旅行社任職業務，目前工 來自福建，因為電影對台灣產生想像 機關的獎勵旅遊，個性海派開朗，講 作邁入第五年，負責東南亞的沙巴和 及憧憬，利用長假與父母跟團來台， 話會夾雜台語跟英文。 關島業務。重視顧客意見，建立許多 為期五天。雖然去了許多必遊景點， 熟客。也常扮演姊妹淘的旅遊顧問。 還是希望可以更深入了解台灣一點。 05
03
Patterns 婚旅企劃
14
Patterns 跟團陸客
08
Patterns 跟團陸客
尋找深度的人文風貌電影中的台灣
1534
18 34
Patterns 帶團領隊和業務
有故事的紀念品
飯店經理人Ａ認為行動裝置在旅遊上 Soya喜歡旅行，也愛用手機拍照打卡， 自由行的陸客A，希望有機會能夠更 用什麼樣的方式遊歷一個島嶼呢？旅遊企劃者認為如果可以讓客戶帶回 去有故事的紀念品的話，將是最好不 應該還有很多可能性，例如飯店自動 與其說分享，不如說享受能夠即時炫 認識台灣深度的人文風貌，因此若能 大陸自由行旅客A因台灣電影《練習 過的事了，所以他喜歡安排客戶親手 入住系統。 耀旅遊照片的感覺！如何在最短時間 獲取相關的藝文表演活動資訊，將會 曲》而選擇了以自行車遊台。 製作紀念品。 內拍最多照片，似乎是旅遊使命了。 讓旅遊有更多可能。 06
19
20
23
21
33
WORKSHOP In the workshop, we invite participants from different area, we use character, patterns card to brainstorming pain points, services and oppertunity in different scenario.