YOYO CHEN Analyst / Designer
Portfolio
About Aspiring UI/UX designer with solid experience in data analytics and product design. Entrepreneurial driven, and effective communication skills for storytelling and teamwork. Growing up in a multicultural environment where adaptability is the norm, I’m globally minded and a fast learner ready for change and innovation.
Contents Career profile and development timeline. Featuring two showcase projects involving both web and app UI/UX design. Lastly, I’ll share the topics that aspire and spur my own personal growth.
Contact Phone
+886 986 570 288
yenyu.chens@gmail.com
linkedin.com/in/chen-yenyu
2
3
7
11
Resume Timeline
Rethinking the Traveling Experience
Solution to EV Range Anxiety
Civic Hacking Startups Continuous Learning
Profile
Travo!
UX Research
Aspirations
YOYO CHEN
Analyst / Designer
EXPERIENCE NATIONAL CHENG KUNG UNIVERSITY
Local Map Operations Analyst II HERE Technologies
Exhibition Designer TEDxTainan Venue selection, space programming, experience design and logistics for a major TEDxTaiwan 2014 annual event with 1000+ attendees, and other salon events with 50-100 attendees. Designed circulation patterns, visibility and operational efficiency.
Data Visualization User Research Market Analysis Product Design
ACHIEVEMENTS
Figma Illustrator Photoshop Indesign Tableau QGIS
Hackathons
2017 2015
Finalist 1st Place 1st Place 1st Place
2014
Future Cities Workshop 1st Place
Asia Open Data Hackathon – Integrated Travel App 104 Open Hackathon – Job Hunting Cost Calculator Hsinchu Hackathon – Business Location Optimizer MIT Media Lab Future Cities – Taipei Creative Cluster Simulation
Learned about Lean Workflow Iterative Prototyping Implemented MVP
ROC ARMY LEARNING EMPATHY Met people from all walks of life; listening to their stories and try to empathize
DATA DRIVEN
HERE TECHNOLOGIES Local Map Operations Analyst II
Geodesign TPE Meetup Founder Started a meetup group dedicated for those that share a passion for map design, GIS, or simply all things geospatial. Active community of 300+ members with monthly meetups that invite guest speakers across industries to share their on projects.
2018
MIT MEDIA LAB
2016
English (Native) Mandarin (Native) Thai (Fluent)
Since 2017
FIRST HACKATHON
Mural Painting / Tee Shirt Design
SKILLSET
EXPOSURE TO EXPERIENCE DESIGN Venue Selection Event Experience Design Equipment and Logistics
2017
2014 - 2015
TEDxTAINAN Exhibition Designer
2105
Design dashboard and data visualization for product management and performance tracking. Translates product request and customer report into technical data specifications. Product owner of Taiwan, Hong Kong, and Macau map releases. Applied geospatial analytics and location intelligence into product design.
Data Analysis Data ETL Process Technical Specifications Project Management Agile / Scrum
HSINCHU HACKATHON Consumer Application 1st Place
GEODESIGN TPE MEETUP Founder
2018
2017 - Present
MSc. Urban Planning, Outstand Expatriate Student, GPA 3.7
104 OPEN HACKATHON Mobile APP / Web Services 1st Place
ASIA OPEN DATA HACKATHON Present
Taiwan Finalist / Popularity / Corporate Award
IMMERSED IN PRODUCT DESIGN Researching Target Audience Defining Pain Points UI / UX Design Pitching / Public Speaking
Booking.com found that 80% of customers prefer to self-serve in order to get the information that they need.
travo
Rethinking the Traveling Experience Link to prototype
Challenge In recent years, the percentage of independent traveling has steadily increased. With 80% of visitors prefer to self-serve to get the tourist information they need. However these information are scattered all over the place. With so many options to review and multiple decisions to make, travel planning can be very time consuming and an energy drain. We believe that less is more, proposing to streamline the travel planning experience by removing all the boring decisions and have users decide only on the fun stuff. A bit like ordering a salad bowl, you pick the ingredients, we prepare it for you.
TechRadar, 2018 Over 70% of U.S. travelers agree that they “always� use their smartphones when traveling, up from 41% in 2015. Travelers most frequently use their mobile devices to research activities or attractions, to locate shopping areas and restaurants, or to look up directions. Google Consumer Insights, 2018
Design Process My research begins with me reflecting on my recently travel planning experience, and identifying the tasks involve and where decision points come in. Then I define the components based on effort required and level of interest, and streamline the process by simplifying the workstream.
ITERATE
RESEARCH Travel trends User flow
DEFINE + IDEATE
DESIGN + PROTOTYPE
VALIDATE User test Hackathon
Traveling in 2018 Travelers needs and demand have grown more sophisticated with increasing accessibility to information across platforms. This new internet/mobile literacy has made travelers more experienced with competitive pricing, however do expect the continue shift from price to value.
MOBILE
Use mobile devices on the move to research, locate, and share
EXPLORATION PLANNING EXPERIENCE
Last minute booking searches and impulse trips On the fly itinerary adjustments and cross platform integration 3 in 4 millennials rather buy an experience than physical good
User Research
Ideation
User research is conducted with two contrary personas in mind: the Pre-planner, the Casual Improvisor. For the planner, she wishes to be informed and keep a heads up on minutiae changes to the itinerary. However with every additional destination, or even a slightest change, she’ll have to recalculate everything since it’s all intertwined. On the other hand the improvisor acts on impulse, and demands the info once he feel like it. He does not like things predetermined and prefer to go with the flow.
Based on the user and market research, I’ve decided that task flow simplification and design for spontaneity are my core objectives. Ideation will be built around - Firstly, reducing the amount of input that is required of users and still achieve the level of personalization. Secondly, design features that allow users to explore the unexpected, to allow serendipity to come into play during their travels. And lastly, make the experience sharable. We want something that is spontaneously integrated!
Adapting to the unexpected, last minute changes and impulse trips
IMPROVISATION
RESEARCHING
BOOKING
FIGURING
FINDING
activities/destinations
flight/accommodation
local transportation
restaurants/drinks
Read travel blogs
Assess location factor
Research public transit
Search by category
Compare reviews
Review ratings
Wayfinding on foot
Read food blogs
Cross-checking prices
Cross-checking prices
Calculate travel time
Compare reviews
Time consuming readjustments
…
…
…
…
PLANNING
ON THE MOVE/ON MOBILE
Solution
Market Research Following the results from user research, we can see that existing travel apps are segmented similarly to cater the planning versus improvise dichotomy. It is additionally observed that travel apps are also segmented based on the level of integration of travel related services, ranging from booking flights or hotels, event ticketing, to wayfinding.
We believe that less is more, and propose to solve the energy draining, attention hoarding aspect of travel planning by removing all the boring decisions and have users decide on the fun stuff. In our case, the only input that users will have to make is their desired destinations and time. Travo! takes care of the rest, from routing, public transit, nearby restaurants, all integrated into your live travel itinerary.
spontaneous
specialized
integrated
pre-planned
INSTANT INTEGRATION
LOCATION-BASED DESIGN
SHARE CURATED TRAVALOGUE
Integrate destinations, routing, and scheduling all connected to your live itinerary
Designed to be about being at ‘the moment’, seamlessly explore the world based
Follow curated travelogue shared by others on the go, or create your very own experience.
BEFORE
DURING
AFTER TRIP
Discover and Explore
Effortless Planning
User first browse and choose the places they want to go, with personalized suggestions and curated trip packages. For the planner type, curated features and prepackages trip will fit nicely to their appetite for orderliness and informed decision making. For the improviser, isochrone and other embedded spatial analysis features allows users to explore nearby areas, and see what’s trending or special about their current locality.
The most time consuming aspect of travel planning is route planning and taking note which bus or subway line to take and where to get off. With every additional destination added or rearrangement made, users typically will have to perform transport related task all over again. Travo! intuitive drag and drop trip itinerary strips away such frustration. Users simply add, remove, or rearrange their destination cards and all routing will be completed on the fly. Routing preferences can be adjusted according to mode of transportation, with travel time, distance, and estimated cost provided. Such function allow user to experiment and see what’s the best schedule with minimum effort and maximum feedback.
BASEMAPS Map layers and style selection
TRIP DASHBOARD
EASY PLANNING ISOCHRONE Buffer distance based on walkability, helping users effortlessly identify what’s nearby based on their selected category
Drag to reorder your destinations, and the rest of your itinerary will be taken care of
DETAIL ROUTING
REVEIWS Check out reviews and ratings and evaluate before deciding; user uploaded photos provided for additional reference
SAVE FOR LATER Hide bookmarked destination and see instant re-routing
Trips Crowdsourcing
Product Differentiation
Share your personalized experience with others using trips. A trip can include all the destinations you’ve visited, the food you’ve tasted, and the routes you’ve took. All comes with annotated descriptions or journaling if preferred. Crowdsourcing trips not only enables your travelling memories to stay fresh, but also enables the sharing of experience, allow users to relive the experience shared by others. Instead of building a trip itinerary each time from stretch, why not seek inspiration from others?
Once again we believe that less is more. Travo! is not trying to beat existing markets on price or number of options available. The core value is emphasized on the ease of personalization and the effortlessness of creating a travel itinerary. Our biggest differentiating factor is enabling integrated spontaneity.
CURATE Keep your traveling experiences and memories fresh. Curate in-depth travelogues for personal use or share it with the community.
SHARE Package your trip experience and send it to your friends. They’ll be able to see your travelogue in full and even replicate your trip.
Validation Travo! was designed and competed at Asia Open Data Hackathon 2018, an event that involves teams Taiwan, Japan and Korea, with over 160 participants and 40 teams. The market viability and validation of Travo! was tested through two rounds of demo and pitches, and iterated after based on feedbacks from mentors and judges. It’s warming that after seeing our demo, many people actually came and asked where the app can be downloaded, and good sign that Travo! has really struck a chord!
GUIDE Curated guides that serves as a local tour guide to your destination. Travel and play like you’re one of the locals.
EXPLORE Browse and pick the guide or travelogue you like, and off you go! A prepackaged trip itinerary on the fly.
Mentor Feedback
ITERATE
REFINE
DEMO
PITCH
User Survey Target Audience Pain Point
Rapid Prototyping Revise MVP
Presentation Judges / Investors
Asia Open Data Hackathon 2018 Awards Received HACKATHON FINALIST
POPULARITY AWARD
CORPORATE APP AWARD
Solution to EV Range Anxiety UX Research
“
Despite the significant advances in expanding EV range, the survey finds that range anxiety exists for all drivers – from those who are in the car for more than three hours a day (87%), to drivers on the road for less than an hour a day (72%). Altman Vilandrie & Co. – EV adoption analysis
Design Process
”
I’ve followed the five-stage Design Thinking model and Lean UX methods to identify user needs and iterate user-centric solutions; using both quantitative and qualitative to validate design hypothesis and usability testing.
Empathize
Define
Ideate
Wireframe
Validate
Personas Job Stories User Survey
Identify Needs Task Flow
Solution Lo-fi Sketches
Rapid, Lo-Fi Prototyping
User Test Iterate
Challenge
Persona
Range anxiety has been a perpetual fear amongst EV drivers. The fear of not having enough range to reach the intended destination, or worse yet, not enough range to reach the nearest charging station. This UX research project dwells into the fear factors and identify pain points where range anxiety can be remedied and overcome. Based on the research, a solution that helps people to find the best way to overcome the EV range problem is proposed.
For the challenge, our user is referred to as a real sustainable and future-oriented person that drives an EV; so I created an initial persona of potential EV drivers based on online research (Electric Vehicle Adoption Analysis by Altman Vilandrie & Co.) and some borrowed understanding from owners of electric scooters firsthand in Taiwan. Behavior • • • •
Danna Age: 27 Location: Eindhoven Occupation: UX Designer
•
Spends 3 hours or more a day driving her EV Freelance with frequent intercity travels to meet clients and held workshops Environmentally conscious consumer that tracks own carbon footprint Avid eco-travel blogger that shares her cross country travels on social media Proud EV owner and hopes for higher adoption
Goals • •
Wants a more convenient way to plan her travels Not having worry about finding nearby charging stations on the road
Frustrations • •
To much decisions to make and things to keep track of while driving low on fuel Having to reschedule appoints due to low charge during trips
Job Stories
Identifying Needs
Instead of the usual user stories, I’ve decided to gather more context and causality of the user experience by using a series of job stories. Job stories frame every design problem in a Job, focusing on the triggering event or situation, the motivation, and the intended outcome.
To understand the cognitive efforts throughout the user experience, I’ve created a task flow to map out the decision points that the user will have to process to overcome range anxiety. Components or range anxiety can be dissected as threefold:
1.
When I’m driving and is running out of charge, I want to
Situation
know where and how to get to the nearest charging
Motivation
station, so that I can recharge and continue on my trip. 2.
1. How much charge do I have left? 2. How far can I go with the current amount of charge? 3. Where is the nearest charging station?
Outcome
Select destination
Before I drive to the charging station, I want to make a reservation and know how long the charge will take, so
Remaining charge
that I won’t have to wait as long, or worse, find out that all the charge points are taken. 3.
Can reach destination?
No
Charge stations within range?
No
Call tow truck or recharge service
Yes
Yes
Before I make my next trip, I want to know my current car Charge enough on return?
charge and be alerted if recharge is needed on the road, so that I can plan beforehand and not miss my appointment.
No
Route to charge station Yes
Yes
User Survey
Optimize route to destination
With general user experience insights identified through job stories, I did some quick usability test with some friends who own electric scooters, and researched consumer surveys on Gogoro’s (Taiwan-based company that develops and sells electric scooters and battery swapping infrastructure) EV experience to validate the scenarios. Turns out whether it be car or scooter, the EV range anxiety and adoption obstacle has much in common. Factors that increase adoption
Sex
Male
66%
Female
34%
Charge convenience App synchronization
Age
46%
42%
Personalization
Occupation
Factors that decrease adoption
76%
Pricing Lack charge stations Aesthetics 9.5%
6%
4%
3%
1%
0.5%
Ideate At this point it has come to me that the solution will need to solve all three components as a synchronized whole, and that it addresses all decision points across the situational timeline starting before users gets into their EV to running dead of out fuel on the read. Iterative lo-fi UI/UX for potential solutions are sketched out for review and evaluation.
Solution
Range Awareness
I’ve borrowed the framework of Prevention, Mitigation, and Recovery from Emergency Management for disaster response to tackle the EV range problem, and adopted a mobile-first design strategy that addresses real time feedback for users before they begin their trip to when they’re running low on fuel. Transitioning from off-the-shelve PNDs to mobile liberates users from the limitations of standalone hardware and opens up further personalization by syncing navigation to other apps.
Calculation of remaining battery to available range is constantly updated and visualized with isochrone network buffering as opposed to circular buffers. Isochrone cache is then used to suggest nearby charging stations in case battery runs low.
1. Prevention
Million
before user experience
Charge points in range
range anxiety 2. Mitigation
12 min € 15.00
overcome range anxiety
Reservation
when running low on fuel 3. Recovery
15 min € 21.00
support when all else fails
23 min € 8.00
Installed base of PNDs and active mobile turn-by-turn navigation users (World 2010 – 2016) by Berg Insight
25 min € 10.00
Calendar Sync The best solution to overcome range anxiety is to not have to experience it in the first place. Calendar sync links the users’ calendar app from their mobile to the car’s operating system, so that users are informed of battery level, if refueling is needed on the way, alert that takes refuel time into account, and not be late for their next appointment. The synchronization with other mobile app services also provides the option of reservation and payment for charge point before leaving.
Client meeting at TomTom HQ
22 Fri
08:00
Morning run
Current location
Current location location Current
Current location
Destination
Destination Destination
Destination
Discussion with Sasha on mobile navigations prototype
FILTERS
OPTIONS
UX workshop at Wonderland
12 min € 15.00
DROP CHARGE LOCATION
Cheapest
12:00
CONFIRM CHARGER
Tow Truck 12 min € 15.00
Client meeting at TomTom HQ
11:00
13:00
Worse comes worse, you’re low on battery and no charging station is within range. Appoint tow truck or recharging service beforehand at specified location to reduce wait time. Expected meet location is shared with service provider, with provider’s estimated arrival time available.
Nearest
09:00 10:00
…
June
Faster Recovery
PASS
Charge Truck A 23 min € 8.00
Quick Charge
23 min € 8.00
Charge Truck B
CALL CHARGE TRUCK
14:00 15:00
15 min € 21.00
23 min € 8.00
NAME Ratings / Reviews
15 min € 21.00
OR ACCEPT
Cost of Charge
$11.76
Validation To validate my prototype and design approach towards EV range problem, I’ve asked 10 friends (4 that owns Gogoro’s electric scooter) to rank the proposed features by perceived contribution to easing range anxiety. It’s interesting to see how Range Awareness is perceived as having less contribution than Faster Recovery, and so the next step will be to use this new piece of information and continue on the iterative process. significant
insignificant
Calendar Sync Range Awareness Fast Recovery
Kenny, 28 Java Engineer
Gary, 26 Graphic Designer
Wang, 28 Real Estate Analyst
Synchronizing my calendar with the amount of EV battery left will be very helpful. I can be reminded to leave earlier for a recharge and still be in time for my next appointment.
Range awareness is nice to have, but honestly I won’t be constantly be looking at my remaining range while driving. Maybe use voice reminder instead of visual when low on battery.
It’s like Uber right. You order a charger truck when you’re totally out of battery and there’s no stations nearby. It’ll be very interesting if there’s such as service in Taiwan!
Aspirations Civic Hacking I’m actively involved in applying creative and often technological approach to solving civic problems. Often involving the use of open data to highlight existing urban issues such as affordable housing, urban mobility, and economic diversity for local businesses. I believe the practice of civic hacking can truly be beneficial to our urban environment and processes.
Startups After discovering incubators like Y Combinator and the system they have in place to incubate startups, I’m genuinely interested in understanding what makes a successful startup, and how it may be replicated.
Continuous Learning I’m an active reader topics involving human psychology and experience, ranging from Marcus Aurelius' Meditations to Harari’s Homo Deus and George Orwell’s Down and Out in Paris and London. Moreover, I’m also actively seeking to acquire new skills and polish existing ones through MOOCs, recently just started learning HTML, and CSS.