Page 1

SAMANTHA TUNG UX DESIGN + PRODUCT DESIGN


Hi !

I am Samantha, a User Centred Design student and I’m currently looking for a placement to commence in the summer of 2019.


Content. A digital shower control that creates water saving habits.

1. Showertime

A floor mat that picks up your laundry.

4. Laundry Mat

An app for travellers on budget to plan their trip.

2. WhatsFree

A transparent toaster that makes toasting fun.

5. Visible toaster

A vintage inspired table-top speaker.

3. Droplet

My interest, experience and contack details.

About me


SHOWERTIME

Make showering even more enjoyable.

Creating water saving habits with a fun new showering experience.


A digital shower control for children and their parents. Showertime was a 12-week project in second year. The shower control is designed to allow user to set goals and monitor their progress with real-time feedback.


Project Brief:

Identify an opportunity for an Internet of Things product.

Problem. Showers are typically the

2

ND

BIGGEST

WATER WASTER

in a household after toilets. The user has a higher control over water usage in a shower than in a toilet.

An 8 minutes shower used

62 L

of hot water.

An bath used

80 L

of hot water.

“The problem with that is that people do not often have a very good insight into their behaviour because it is a habit and they may not be very aware of what they are actually doing,” “When it comes to time perception, most people are not very good at estimating how long it took them to do a particular activity.”


Research insights. 1. Goal setting Goal setting is intrinsically tied with motivation. It gives people a reference point to which they can head for.

2. Real time feedback People recall more information from ambient display, which can make them more aware of their behaviour.

3. Habit forming Children can start showering on their own at 6 and their habits usually take roots at 9. Aiming at children and their parents can help the next generation develop a good showering habit.

4. Gamification Gamification can facilitate user engagement and hence self control which is helpful in limiting wasting behaviour. Some elements like avatar, time pressure, and reward system were used.


Ideation.


User testing. Mobile app: 1st Time setup & habit tracking

User feedbacks:

“Can you add an ‘open in settings’ button? I didn’t know what I should do next.“ “What if I already have an account?” “What if I don’t use apple music or Spotify?”

Device: During shower

User feedbacks:

“I didn’t realise the shower had started. “ “Can you add a just shower option if people want a quiet shower?” “What happens when people want to pick another song? Will the shower continue? Won’t it be wasting water then? ”


The solution.

Key screens of the device display During shower

Login :

Each family member has an avatar that they created. Click on the avatar to login.

Play music option:

Shower starts when you click the play button. If you want to pick another song, the shower will pause.

Start showering:

Shower controls show up. The red line is the goal of water usage.

Time’s up:

A stop watch will start if you choose ‘keep going’. The water temperature and water flow will decrease slightly until you finish showering.

Exceeding the goal for shower usage:

Each colour of level represents 5 L of water used. When water level exceed the goal, the avatar starts to drown.

Results review:

Feedback on whether you reach your goal or not. If you do, you will gain coins for the virtual shop.


Key screens of mobile app 1st time set up

Network setup: ‘Open in settings’ button streamlines the setup process

Account setup:

Shower habit tracking

Home page: Swipe to see water usage in different units

Edit shower settings

Create your avatar: Self representation with avatar encourage user engagement

Connect with your music account

Home page: Show your water using habits and total water usage.

Leader board

Account page

Shop for avatar: Here’s where you spend the coins gained in the shower.


Scenario.

1. Step in to the Shower and log in by clicking the avatar icon.

4. Adjust the amount of water flow or the temperature at anytime.

3. Start showering while reading the real time water usage. 2. Decide to play game or play song during the shower.

5. After shower, read the water usage and of the shower.

6. Track your shower habit and review your goals using the app.


WHATS FREE

Explore, plan, navigate, all in one app. Enjoy a stress-free trip planning experience.


An app for young traveller on a budget to plan their trip wisely. Whatsfree is a 12-week project during second year. The app provides a comprehensive data base of free tourist spots and events using user-generated data and a reliable review system.


Project Brief:

Design a smart phone app that enhances the experience of Smart City living.

Problem.

We first identify the problem to be using public transport in a new city.

The experience of taking a bus in an unfamiliar city can be intimidating. Am I in the right direction? What stop am I at right now? How long it takes to the destination? Fear of getting lost makes the travelling less enjoyable.

Service safari.

We went on a day trip to Nottingham to experience the transport service aiming to find the pain points of navigating in the city. We then realised Google maps did a pretty good job in advising what transport to take and suggesting routes to a destination. However some other problems that we faced are

Not knowing the closing time of the tourist spots, Phone running out of battery, Spending more money than we expected etc.


Experience mapping. Going on a Trip Before

Doing

Thinking

Feeling

Pain Points

Opportunities

During

Decide on destination

Find travel buddies

look for attractions

Check train times

Try out Enjoy the local food experience

Check Instagram

Check Trip Advisor

Roughly plan itineraries

Budgeting

Go toilet

How much will the trip cost?

What will the weather be like

What should I bring?

Is it safe there?

How long should I stay?

Where should I visit?

Is there any travel cars

What is the best way to see the city?

Energetic Worried

Concerned

Excited

Finding the right date for things

Finding POI

Getting recommendations

Finding photo spots

Restaurants booking

Gather travel lovers

Booking See routes restaurants that others and transport taken all at once

Knowing the cost of food and travel

Track other travellers spendings

After

Find Find quickest perfect way to Instagram landmarks location

Writing review

Posting on social media

Plan next trip

Tell friends about it

Am I spending too much money?

Will I go again?

Where did Was it How could all my I have had worth my a better money time? trip? go?

Where is the nearest toilet

When is the last train?

Wish I had more time there

Tired

Exhausted

Relieved

Satisfied

Wanderlust

Regret

Sad

Not very productive

Missing it

Not knowing where to go next

City based loyalty discount for you to return

Gain reward for giving useful feedbacks

Record of money spent

Visit Tourist info centre

Do I have How do I Who can enough get to the I ask for next POI time? help? Where can Is there anywhere I I sit down can charge for a rest? my phone?

Exicited

Relaxed

Worried

Bored during waiting time

Lost

Frustrated

Knowing closing times of things

Finding toilets

Keeping track of how much you spend

Knowing transport between different POI

Not having data/ wifi

App that find free toilet and Wifi

Traveller can seek help from locals

Not knowing the best options

App showing System that find and bus stops and make directions reservations

Unpack

Look for similar places

Inspired

Skint

before and during the trip

Most of the pain points and opportunities lie on . The key problem that we want to tackle is gathering information of free services and attractions.


Persona. Meet Jess. A 20-year-old design student studying abroad in London. She wants to make the most out of her time studying abroad and experience everything possible. She likes taking pictures of new places and share them on social media.

“I love to travel whenever I have a break from uni but I have a limited budget.“

Task Goals:

She wants to document her adventure with photo. She wants to find the most popular or the best photo locations. She wants to be smart about her money choices.

Experience goals:

She wants to find information about free events and places easily. She wants to find free services nearby her e.g. wifi, charging. She wants to know how busy the photo locations are.

Key pain points:

Missing out on great photo location. Not having enough money to spend.

Apps & social media:


Home Screen

Free toilet

Free phone charge

Free transport links

Free wiďŹ spot

Free things to do

Hot spots

Tourist spots

Great photo locations

Pop-up events

Day trip planning

Details and ratings

Photo examples and ratings

Details, tweets and ratings

Input place to go

Wireframing.

Saved

User proďŹ le

Settings

Show suggested route

The user journey presented is trip planning. Travellers can explore and save locations they are interested in and include them in the customised trip.

Home

Hot Spots:

Things to do

Tourist spots:

Photo spots:

Show ratings from websites

Show photos from Instagram

Pop up events:

Day trip planning

Saved

Account

Upcoming trip

Show ratings and related tweets

Show trending locations


User testing. “The information in the explore page and hot spot page are repeating.” Users find ‘explore’ and ‘hots spots’ have very similar function. They suggested including ‘hot spots’ in the explore page and allow the user to sort results by popularity or distance etc.

“Why do I have to go back and forth from different pages to add things to trip?” Users find hierarchy of the app to be too complex.

“Can you add a calendar page to show the dates of all trips?” Users find the trip planning process not transparent enough. They cannot see the overview of all their trips.


Final wireframing.

Home:

Day trip planning feature is moved to the home page to minimze the app’s hierarchy.

Explore:

Explore and Hot spots are combined. Info can be filtered by tourist spot, event etc.

Photo Spot:

User can save the locations by clicking the heart. Direction button takes user to Google map to minimise typing.

Saved:

Saved locations are shown on the map and a complete list of them are shown under the map.

a

Day Trip Planning: View in calendar feature is added.

New Trip:

Saved and suggested places are shown in the map. User can pick the places to add to trip from the map.

Upcoming Trip:

Direction buttons are again added to minimise typing effort.

Calendar:

All trips are shown in the calendar so that users can have an overview of their trips.


Final solution.


Storyboard.

1. Jess is exploring and saving places to go in her next trip to Brighton.

2. She arrives at Brighton and navigates to different locations in her planned trip.

3. She finds a lot of good photo locations using the app.

4. Feeling very satisfied with the trip and the photos taken, she writes a review for the places she went.


DROPLET

A vintage inspired table top speaker . Connect with smart phone to enjoy high quality music.


A streamline speaker for music lover. Droplet is a 10-week project during first year. In this project we explored different forms and surface modelling techniques.


Form board.

streamline, vintage, with a modern twist


Ideation.


Prototyping.


The solution.

Classic walnut wood casing with non slip bottom. Seamless bluetooth connection with smart phone and other devices.


LAUNDRY MAT

Picks up your mess for you. Pull the string to wrap up the clothes on the mat.


A compact laundry basket for students. Laundry mat is a 1-week project during second year. The project had to be completed under a tight time frame therefore I had to use my time wisely.


Project Brief: Using living hinges to design a homeware product for student accommodation that is capable of compact storage.

Research.

USER: Student Being away from home, students like to use room decorations to make their room more cozy and homelike. Students have to do their own laundry and sometimes they will wear the clothes that they dump into the laundry basket again.

TASK: Washing Some students chuck their clothes on the floor. Students have to dig deep into the laundry basket when sorting clothes. When collecting clean clothes from washing machine, sometimes they drop them on the floor.

ENVIRONMENT: Laundry room or student If the laundry basket is made of fabric, dirt and bacteria will accumulate in the moist environment.


Ideation.


Prototyping. A cardboard model was made to test the feasibility of the design

Put your clothes at the centre of the mat.

Pull string for the mat to fold up to a laundry basket.

All dirty clothes are contained.

Open one side of the basket to form a bridge between the washing machine and the laundry basket.


Final solution.


VISIBLE TOASTER

A twist to your toasting experience.

Creating personalised pattern on the toast and watch it turn brown.


A transparent toaster that make a perfect piece of toast. Visible Toaster is a 12-week project during first year. The transparent window and customisable features allow users to have precise control over degree of toasted level.


Project Brief:

Reimagine the toaster or the “hot/burnt bread creator” from first principles, with the aim of improving the experience.

Research. Making toast can be a quite mundane process. Is there anyway to make it more fun without compromising the quality of the toast?

Using SCAMPER to brainstorm ideas: Substitute Adding Instagram filter to create effect on toast? Combined Combine storage and toaster? Adapt Adapt iron’s features Modify Can I make the case transparent? Put to another use Can I make a hot dog or sandwich maker? Eliminate Eliminate the numerical dials Reverse Cool down a toast?


Ideation.

Present

Product personality & usability

Fresh

The final idea is a combination of transparent window and personalising pattern on your toast.


Prototyping and ideation. What is the best way to create patterns on the toast?

How can the slides pop up after the toast?

Securing the slide on the tray

Mechanism of clamping the bread to the centre

Screen position and interface

Adjustable strip directly on the toaster case will not work because there will be heat loss from the gaps. Instead, inserting a slide with movable strip can be a solution.

Two separated electromagnets can be used. When the toast is ready, the first tray will be released, and the other tray holding the slides will pop up once they cool down.

A 3 cm deep slot can be constructed in the tray to hold the slides. The bottom of the slide will be secured by magnets.

The electromagnet that attracts the slide has to be narrower so that the two slides can push the bread towards the centre.

The touch screen control being at the top corner is highly visible. All controls are replaced by the screen. Therefore controls for before, during and after stages have to be considered.


The solution. Adjustable grates User can adjust the movable strips on it to create geometric patterns on their toast. It also holds the bread in place to ensure it is uniformly heated.

Safety: The built-in thermometer measures the temperature of the grates. They will pop up automatically when they cool down to room temperature.

Transparent window

User can see how done the bread is from the window.

Sustainability: It is double layered to reduce heat loss and energy consumption.


Touch screens controls Before toasting: Select heat levels represented by infographics as opposed to the traditional numerical dial which is confusing.

During toasting: Screen will light up after handle is pushed to indicate power on. User can press stop button on screen to stop toasting at anytime.

After toasting: 17s count down starts. It is the optimal time to spread butter on the toast after it is heated.


Storyboard.

1. Adjust the strips on the slide to create patterns.

2. Insert the adjusted slide into the toaster.

5. Push handle on the side to start toasting bread.

6. Wait for the bread to turn brown.

3. Drop a piece of bread into the toaster.

7. Wait for 17s after the bread pops up.

4. Select the desired heat level on the screen.

8. Collect the toast from the toaster and spread butter on it.


About me. I am a dedicated designer who is always eager to learn new skills. Being a user centred design student, I always consider what users think, feel and do throughout the design process. My experience from previous internships in Hong Kong have made me become a team player with strong communication skills. I love elegant design solutions that shape joyful user experience. The opportunity to create innovative products that make people’s life easier and happier excites me.

Education Loughborough University BSc User Centred Design 2017 - Current First year - 69% Key Modules: User Experience Design, Product Design, Design for Emotion, Design Research, Ergonomics, Cognitive science, User Testing, Design Communication, System Design

Experience UXathon Nov 2018

IBM Design Thinking Workshop

Nov 2018

LSU International Students Network Oct 2018 - present

Hong Kong Design Centre Event Planning Jul - Aug 2018

KL&K Creative Strategics Project management Jun - Jul 2018


CONTACT ME

l.s.tung-17@student.lboro.ac.uk linkedin.com/in/samantha-tung THANK YOU FOR YOUR TIME!

Profile for Samantha Tung

Samantha Tung UX+ Product Design Portfolio  

Hi! I'm a 2nd year User Centred Design student at Loughborough University currently looking for a placement to commence in the summer of 201...

Samantha Tung UX+ Product Design Portfolio  

Hi! I'm a 2nd year User Centred Design student at Loughborough University currently looking for a placement to commence in the summer of 201...

Advertisement