Megan Lincoln Portfolio

Page 1

Portfolio Megan Rose Lincoln UX Designer


Hello, Welcome to my portfolio. I am a final year Industrial Design student at Loughborough University, currently looking for a Graduate UX Design Role.

’I m

g e M


Projects A selection of my recent work.

01

fare-ly

UI & UX Design

Ongoing

02

bump

Industrial Design

5 Weeks

03

design week Product Design

1 Week

04

meal snap

Packaging Design

2 Weeks


fare-ly

Mobile app helping delayed train passengers retrieve . their money back faster and simpler. ABOUT

fare-ly is a mobile app which helps delayed train passengers retrieve their money back faster and easier than the current market alternatives. Through harnessing the latest computer vision AI, fare-ly reduces a 20 minute claims process into a 30 second photo submission.

CHALLENGE From scratch, create an entire UI with clean, professional, friendly graphics considering the underlying computer vision elements. Design a user flow suitable for a wide range of customer segments with varying technology proficiencies.

MY ROLE Responsible for entire UI and UX design from research to implementation.

RESULT App and website reflecting the disruptive nature of fare-ly lending greater power to users over their delay repay. GROUP PROJECT - ONGOING


DATA RESEARCH

USER RESEARCH

I looked at existing research reports to gain a greater insight into the delay repay rail industry. The figures gathered from this research supported the casing argument for the need of a simpler solution to delay repay re-claim.

In order to gain a more specific understanding of my users needs and experiences in relation to delay repay I conducted my own surveys and then on from that interviews.

ONLY 35%

ELIGIBLE FOR DELAY REPAY CLAIM

£100

MILLION UNCLAIMED

DISSATISFACTION OF CLAIMS PROCESS

91.3%

DELAY REPAY IN 2018

Number of successful claims for delay repay are declining despite the number of delayed trains increasing

Survey Data -101 Responses

MOST IMPORTANT ASPECTS OF DELAY REPAY CLAIMS PROCESS: - Money

- Convenience - Transparency Survey Data -101 Responses

yr 13

TRAIN PUNCTUALITY

LOW

Transport Focus - Travel Watchdog, Guardian Travel News

PEOPLE DELAYED MORE THEN 15 MINUTES IN THE LAST 6 MONTHS:

83%

Survey Data -101 Responses


Charlotte Williams

Wayne Johnson

Students

Leisure Travellers

Age: 18-25

Age: 40-65

Tech Proficiency: High Level

Tech Proficiency: Moderate Level

Reason for Travel: Going home to visit parents visiting

Reason for Travel: Visiting family and inner-city

friends at their university

travel for leisure

GOALS/NEEDS

FRUSTRATIONS

GOALS/NEEDS

FRUSTRATIONS

- Wants to be able to

- After submitting the form

- Wants to have

- The form is confusing

- Wants to be guided

- Too time-consuming

check the progress of her claim.

you do not hear back for weeks, last time by the time they emailed asking for ticket evidence she’d misplaced her ticket.

- Wants to know straight

away whether she’ll be getting money back from her delayed ticket, so she can budget.

transparency in the claims process. through the process and for it to be quick and simple to complete.

- Difficult to remember to claim within deadline of 28 days.

and information is difficult to find.

sometimes for the value of the money you would get back through the claim.

COMMON IDENTIFIED NEEDS:

Mark Whitehouse Business Traveller Age: 30-55 Tech Proficiency: High Level Reason for Travel: Meeting clients or visiting sites

GOALS/NEEDS

FRUSTRATIONS

- Wants a easy, quick

- Lengthy forms put him

way of claiming back his company’s money.

- If someone else at work

were to fill in the form for him he doesn’t want them to have to gather lots of information from me.

off claiming especially when it’s not his money.

Overly specific information needed for the form makes it difficult - for HR to fill in the form for me.

Simplified Process (Time & Steps)

Transparency & Trust

Quicker Delay Validation

USER PERSONAS From the user research we were able to identify 3 main key categories of user and used these for the basis of our personas. These personas will enable us to summarise the key problems faced by our users of which can then be used to direct the design of the app.

Clearer Communication


PROBLEM/SOLUTION

FEATURE PRIORITISATION

Using the common needs identified through my personas I then researched how these factors are currently used in the delay repay process. This enabled me to better understand how fare-ly might improve upon them.

Based on the identified needs for the app I brainstormed different ways these could be achieved through features. Using a value/effort matrix I mapped these features against their predicted impact to the user and the effort they would take to code, giving me a clearer idea of the features worth including.

10-15 minutes to complete

2

Differing forms, layouts and steps provided by different TOCs (Train Operating Companies).

8 Lengthy, hard to find forms decrease trust between the claimant and the TOC. Transparency & Trust

4

LOW EFFORT

Poor marketing and advertisement of the right to delay repay claim decreases trust.

Validation of your delayed train can take anywhere between 7-20 working days dependant on the TOC.

Clearer Communication

1

HIGH EFFORT

10

Quicker Delay Validation

5

3

LOW IMPACT

Simplified Process (Time & Steps)

7 HIGH IMPACT

9

Difficult to locate on website.

11

12 6

Process can take longer if any field of information was missed on the form. 1. User Account

7. Instant Validation of Claim

Many operators do not send any confirmation of receipt of your claim.

2. Payment to Paypal

8. Tour of App Features

3. Payment to Credit/Debit Card

9. Wallet Showing Pending Claims

No operators provide an update or portal to log onto to check the progress of your claim.

4. Login with Facebook

10. Push Notifications

5. Text Extraction from Ticket

11. Fare-ly Live Statistics

6. GPS Tracking

12. Predicting Delays


USER JOURNEY

User can agree to T&C’s or return to homepage

User cannot progress further without agreeing

I plotted my user’s proposed journey to help me to keep in mind the overall app structure ensuring the necessary functionality existed on each screen.

Open App

Intro Graphic

Onboarding Screens

Decline

Homepage

Make a New Claim

Camera Opens

Agree to data use and T&C’s?

User takes photo of ticket

Agree

The above flowchart shows a new user’s journey from opening the app for the first time to having submitted a delay repay claim.

Graphical Claims Timeline

Skip

App extracts text from ticket photo

Progress through timeline steps

User can manually edit claim info

Tour of app features

No

Submit a New Claim

Skip

Yes Submit new claim, Return to homepage or help centre?

Return to Homepage

Is extracted info correct?

Claim Invalid

Info cross-referenced with Darwin API provided by national rail to validate claim Claim Validated

Help Centre

Claim will be reviewed

KEY Background Activity

Return to Homepage

User can fill in form stating their belief for validation

Cancel Claim

Claim money?

Warning displaying how long claim is valid still for

Sign Up Options?

Sign Up with facebook

Manual Entry

Sign Up with email Paypal sign in

Decision Submit Claim

Process

Donate claim to chosen charity

Add Payment Method?

Add Debit/Credit Card Details

Start/End

Return to homepage claims wallet


GRAPHICAL GUIDELINE / STYLE TILE

GRAPHICAL ELEMENTS

Initially, I put together a mood-board. Moving on from that I created a style tile outlining the chosen fonts, colours, icons and some graphical elements for the app. This helped to create a common visual language between other . stakeholders.

Onboarding Screen Instructions

BUTTONS

fare-ly

First Name Surname

fare-ly

Button 07:37

03/04/20

Button

Button

Delay: 23 minutes

ICONS

TYPOGRAPHY

Main Titles/Headings Descriptions and sub-text, colour used to highlight important features Secondary/Background text or linked page

COLOUR SWATCHES #706F6F #706F6F

BHM-EUS

#C8C7C7

#008D36

#A0BE96

Settings

Account

Home

Settings

Account

Home


WIREFRAMES Sketched wireframes allowed for quick and easy modifications to possible screen layouts. As a result most screens had a number of iterations before reaching the below wireframes.


claim? Yes, you can still claim, just scan your ticket and detail your delayed train journey.

Manage your account here.

I’ve lost my ticket, can I still claim? 100%

fare-ly

MINIMAL VIABLE PRODUCT From the wireframes and style tile I created visual prototype in Adobe XD, while my colleague began building the machine learning model for the computer vision functionality.

Skip

I’m afraid without physical evidence of your ticket we are unable to process your claim. For future travel we recommend photographing your ticket before you leave your delayed train. AccountS Account

You have no pending claims.

ettings

No more lengthy forms...

Welcome, let’s take a look around...

fare-ly automatically takes information from your ticket.

I agree to the use of my data and terms & conditions

Make a new claim

Continue

100%

Skip

AccountS Account

Settings ettings

fare-ly Your journey to faster delay repay

Money back in less than 7 days

100%

100%

fare-ly

fare-ly

You have no pending claims.

You have no pending claims.

You’re ready to make your claim!

Let’s get started 100%

100%

fare-ly

FAQ’s Find your question in our categories or use our search tool

07:37

03/04/20

AccountS

AccountS Account

ettings

Ticket queries

Claim Successful

BHM-EUS Delay: 23 minutes

Settings ettings

07:37

03/04/20

BHM-EUS Delay: 23 minutes


WEBSITE I designed a basic accompanying website designed to inform potential customers about fare-ly and direct them to the app.

Feel free to check it out at: www.fare-ly.co.uk


bump

. sharing Domestic ultrasound scanner enabling the tracking and of fetal health with friends, family and health care professionals. ABOUT

An industrial design brief set to stretch our ability to create desirable products with a clear use case and need.

CHALLENGE Identify an opportunity for an Internet of Things product, for which the industrial design is dedicated to a clearly defined context e.g healthcare, leisure, sport etc. This opportunity may be based around current needs or projected up to five years in the future.

MY ROLE This was an individual project, without external support.

RESULT A domestic ultrasound scanner allowing the tracking and sharing of fetal health with friends, family and health care professionals from the home.

INDIVIDUAL PROJECT - 5 WEEKS


“78% of pregnant women rated birth defects as their number one concern.� PROBLEM The worry of birth defects within their child is currently the number one concern for expectant mothers. However with an already increased strain on the NHS, how can a service already struggling increase appointment frequency to put these fears to rest. Could a product enable direct contact between the worried mother and a healthcare professional without the need for a physical consultation to take place?


IDEATION With an understanding of the internals of the product I then focused on ideating its form taking into consideration the size of the product’s internals.


CONCEPT DEVELOPMENT I chose 3 concepts to take forward to more detailed digital sketching and blue foam modelling. One of my core aims in this project was to create something visually striking while not compromising on the comfort and ergonomics of the product.


USER PAINPOINTS With only a week on the project I spent my first day talking to my student peers about painpoints in their environment.

STORYBOARD


APPEARANCE MODEL Through further user testing and sketching I established a final design. In order to be able to best communicate my design intent and present my users with a real looking product I produced an appearance model.


EXPLODED VIEW Below shows an exploded view of my final design detailing all of the internal parts. This enabled me to prove the fit of the internal parts and to visually communicate how my product fits together.

Rechargable Battery Lithium Battery

PCB Epoxy Resin

Piezoelectric Plate Piezoelectric crystals, Ceramic Composite Dock Casing Polycarbonate Dock Base Casing Polycarbonate

LED Casing Polycarbonate LED

Button Holder Polypropylene

Push Button Switch Top Casing Polycarbonate

Bottom Casing Polycarbonate Ribbed Main Casing Polycarbonate

LED

Induction Charging Plate Copper Coil, PCB, Magnet Acoustic Lens Silicone Induction Charging Plate Copper Coil, PCB, Magnet

LED Casing Polycarbonate

Rubber Sleeve Grip Rubber


design week 1 week design challenge to create a product for . student accommodation based around live hinges. ABOUT 1 Week Design Challenge: Using a live hinge or hinges you must design a home-ware product for student accommodation that must be capable of compact storage. The predominant material must be Polypropylene and the assembled size of the product should not exceed 500x500x300mm.

CHALLENGE With exactly a week answer the above brief delivering a working cardboard model, a sketch development sheet, renders of the final product and CAD model.

MY ROLE This was an individual project, without external support.

RESULT A collapsible pen pot that transforms into a pencil case through the use of living hinges and push fit fittings. Designed to increase continuity between student’s home-work environment and campus working environment. INDIVIDUAL PROJECT - 1 WEEK


USER PAINPOINTS With only a week on the project I spent my first day talking to my student peers about painpoints in their environment. Categorising these into key areas.


IDEA GENERATION I initially sketched solutions to a number of the painpoints raised before settling on the continuity between accommodation working environments and study spaces.


MECHANISM TESTING A number of different shaped, sized and angled panels were tested in low fidelity model making to determine working geometry. This trial and error approach helped me create a solution that married the functionality needed while retaining strong product aesthetics.


FINAL MODEL My scale model gave me both a visual representation of my final design and allowed me to test the mechanism. Even in cardboard the living hinges and designed push fit fixings worked fully proving the design.


meal snap

. Ready meal packaging design to educate the user to reduce consumer food waste. ABOUT

Designed as a competition entry for a National Packaging Competition, Starpack. Brief: Create a plastic pack that is recyclable or made from recycled content and helps reduce food waste by the consumer. Your pack solution needs to help change the behaviours of the consumer in the home towards wasting food.

CHALLENGE Answer the above brief delivering an appearance model, sketch pages, storyboard and product renders.

MY ROLE This was an individual project, without external support.

RESULT Meal Snap went on to place second in the National Packaging Competition, Starpack and place first globally in the Worldwide Packaging Competition, Worldstar.

INDIVIDUAL PROJECT - 2 WEEKS


“In the UK, we throw away 7 million tonnes of food and drink from our homes every year.” PROBLEM Food waste contributes more to climate change in CO2 emissions than packaging waste, costs us £12.5bn a year and increases concerns of future food shortages. Yet the majority of food waste could be prevented through education of the user and smart packaging design.


SKETCH EXPLORATION


Recycled Kraft Board Recycled PET Tray

Hotfill PET Film

CO2 N Modified Atmosphere

Perforated Sections

Consumer Behaviour

Recyclable Design

Prolongs shelf life

Tool-free section separation

Educating the user

All elements recyclable

Meal-snap uses modified atmosphere packaging. Increasing shelf life by over 525%, reducing waste and costs for both the consumer and retailer.

Allows user to snap off each single portion and place into desired storage location. Allowing the user to freeze, chill or eat each meal respectively.

Meal-Snap educates the user on ways to reduce food waste through freezing and refrigerating. It aims to change consumer behaviour.

All materials used are recyclable the main tray made of rPET, the film of Hotfill PET and the secondary sleeve of recycled cardboard.


HOW DOES IT WORK?


FINISHED MODEL My final model was realised through a carton board net with printed graphics applied onto self-adhesive labels. The inner tray was vacuum formed, with acetate film applied across the top mimicking a heat sealed food grade film. The model was highly valuable to my design development making me first aware of the scale of my product. This led me to further consider size implications of the product relative to storage, transportation and user environment.


Thank you

Please free to contact me on meg_lincoln@live.co.uk linkedin.com/in/megan-lincoln/ 07503 310863