Portfolio_

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

Email

yenyu.chens@gmail.com

LinkedIn

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.