malwina stepien ux portfolio
DESCRIPTION
‘To create empowering, relevant and engaging products through insight and design’TRANSCRIPT
Contact:07513294958
My mission:
‘To create empowering,relevant and engaging products
through insight and design’
Malwina Stepien User Experience Portfolio
Contents of my portfolio:
About me
Discover
Design
Define
Case Studies
My toolkit:
User Personas Scenarios Analysis User Survey Concept Map UserFlow Wireframes Concepts Prototypes Reports Presentations Design
PatternsStoriesFig. 1. User Experience Deliverables January 27, 2009 [icons] At: http://semanticstudios.com/publications/semantics/000228.php
Beginning my career as a product designer has enabled me to bring a high degreeof complimentary skills, knowledge and experience to the UX design role.A big believer in research, I use whatever is at hand to help inform my solutions, or create the required documents to gain the insight needed. These can be such things as surveys, ethnographic research and usability test results. This dovetails well with co-creation and co-design with users and business owners to deliver highly customized brand experiences at every point of interaction.
My work is currently focused on the full spectrum of digital channels, covering the differing specifications for mobiles, tablets and laptop or desktop computers. I align closely with visual design, development and marketing teams to bring these new concepts to life, always looking to improve the way brands interact with the customer and helping to build long term loyalty.
I’m a curious explorer who never stops to investigate. I believe that collaboration is the best way
to create a great user experience.
About me
Open Innovation platform -School of innovationThe challenge of this project was to involve several stakeholders in the design process, because there was lack of clarity and objectives. We wanted to understand the bigger picture and know the context better. My role was briefed as the UX designer but I have decided to take a step beyond my UX role and suggested to facilitate a stakeholders workshop to identify the business objective and define the design process. I was the facilitator of the workshop and tasks covered generated business concept map ( see Fig 2 ) and applied the outcome to the second task - visualised the digital outcome and service blueprint. The workshop was a huge success to gather all stakeholder together to understand the scope of work and the design process.
validate,
- Mentor- Teacher - Expert
- Stakeholders- dmg media
- Innovators
- Investors
- Graduates- Universities- Community- Members
- Partners- TED talks- Google
invest
help toinnovate
give feedback, inspire, collaborate
internship ooprtunities
advicehelp
give funding
promotion
encourage to innovate
- Observers- dmg community
buy shares
generateideas, solve challenges
supportinnovators
collaborate
share opinionsrate/
commenton ideas
recognition
build on ideas
promotions
collaborateinspire
school of innovationbrings ideas to life
give ideas, their time and contribution
give £ fundingpart of the profit
support and give funding
give their time
badge of honor
reputation
new ideas
part of the profit based on contribution
workshops
incentives?partnership
co -create
test ideas
Discover
UX workshops
Toolkit: User Stories, Personas, Scenarios,User Survey, Concept map, Service Blueprint, Project plan
Fig 2
nectar high-level analysis
The good:
1
1
The bad:
Nice and clear interac,on with a points adding module Clear primary hero content Messaging highlights different ways the user can redeem their points Nice filter module clearly shows the sec,ons a user can expect to see
1
2
1
Module wastes space and could have been be=er designed Very li=le ini,al informa,on doesn’t let the user understand the nature of the reward without effort The filter is useful, but there isn’t a way to sort the informa,on aCer that
3
4
2
3
2
3
2
3
4
MyMail website- Rewards clubThe task given was to collect the best practices of global and local competitors in the initial phase of the project. We wanted to understand the competitor landscape and how our proposals would help provide the best in class experience.
This is part of the presentation I created for Mymail website.My role was to conduct an analysis, prepare the presentation and present to the stakeholders.
UX analysis & review
Toolkit: Analysis, User Stories, Report, Design Patterns, Presentation
Discover
Design
Personas
Toolkit: User Stories, Personas,
Scenarios & Use cases, User Survey,
Story boards, Workshops
"It is so nice to share our passion for travel without sacrificing comfort!"
Name
Dorothy Parkinson
Age
70
OccupationPensioner
User Goals
Business Goals
Persona Axis
Education needs
Time to book
Opportunist booker
Social engagement
Inspiration needs
Technology engagement
Disposable Income
£1,500.00 pcm
Likes
• Cuisine• Socialising• Travel
Key Products
• European river cruises • European escorted tours• World escorted tours• Specialist breaks (such as
art break tours, literary tours)
None High
Short Very long
Never Regularly
None Very
Little High
Desktop Multi-device
1 To be inspired by travel options they hadn't considered but still match their specific interests
2 To take advantage of their free time seeing places they love, regularly, and taking advantage of last minute price-drops
1 To be positioned as a brand of trust, where the user knows anything purchased will fully meet expectations
2 Engage the user with unique, fun and personalised content
The Mail is a stalwart for Dorothy; a well-established, trustworthy brand. Dorothy expects products/services endorsed by The Mail to be genuine recommendations based on quality and value.
Brand interaction
3 Value for money with the best experience possible, not the cheapest comparable product
3 To provide a responsive solution that offers the best experience possible, regardless of device or location
Gear
• Desktop• iPad• Kindle
DOROTHY:Safe jet-setter
BiographyDorothy and her husband Clarence own their detached house in Ealing, which they have lived in for many years as the family home. Their children now have mortgages and children of their own, and Dorothy and Clarence spend a lot of time with (and money on) their grandchildren.
Dorothy and Clarence spend most of their time together now they are retired, so they like to keep themselves mentally and physically active. They love to travel – usually to Europe (Italy feels like a second home), but Dorothy also likes to collect prestigious travel experiences (eg India’s Golden Triangle) and tick them off her bucket list. She sees herself as a savvy world adventurer but likes the safety and comfort of a fully escorted tour or cruise and the companionship of other couples like themselves.
They enjoy ‘affordable luxury’ such as 4* level; they want to be comfortable but that’s not the main reason they travel. They respect value for money – they are willing to pay more for quality, but pride themselves on paying no more than necessary (such as getting the best bargain on a like for like basis). Although retired, Dorothy and Clarence are extremely busy with socialising, grandchildren, rambling and waterpainting classes. They therefore appreciate the convenience of a stress-free all aspects booked holiday package – though they enjoy researching their holiday and being inspired by new travel ideas.
Dorothy is brand loyal but has a very short patience span for things that she perceives as not working properly or being unnecessarily confusing.
"I am always on thelook out for a trip that
fulfils my interests"
I'm looking for my next Europe trip and take advantage of last minute price-drops. I'm looking for the best
experience possible"
Looking for
Next experience
I hope it will be easier than last time and I will find more inspiring and exciting
holiday offer.
Motivations
"It is so nice to share our passion for travel without sacrificing comfort!"
Holiday offers that promise amazing experiences but they can't deliver it.
Offers without clear description and travel plan.
Not Looking for
Last time it was very difficult to find a perfect holiday for both of us. My husband Clarence was not happy about lack of the
activities on our last trip.
Last exprience
I'm not sure it's worth the effort to go through this long process again and not
being able to find perfect trip for us.
Demotivations
How much should I spend on my trip?
Concerns:
Are there any other websites with better offers? How do I compare prices?
How to use this searching/ filtering tool?It doesn't make sense to me
How do I make decision on where to go? What can I find inspiring?
How do I make sure I don't have negative experience when booking a
holidays?
Concerns:
Age: 70Occupation: PensionerDisposable income: £1,500.00 pcmLikes: Cuisine, Socialising, TravelKey Products: European river cruises, European escorted tours, World escorted tours
DorothySafe jet-setter
Design
Mail Travel websiteFor this client we were required to completely redesign their customer facing website. The majority of current users were 60-70 years old and had diminished cognitive and motor skills. Our purpose was to fully explore their needs. The personas were a critical piece of documentation that was extensively researched and it helped during the design process. My role was to conduct the user research and collaborate with market research team to discover insights and user needs. I organised persona workshop to share the insight with a whole team.
Personas
Design
User flow
Toolkit: User Stories, Personas, Scenarios & Use cases, Wireframes, Sitemaps
:)
2 3
5
4
USER JOURNEY 3 - INFORMATION GATHERING WITH A FIRM IDEA OF DESIRE
Dorothys goal:
"I am always on thelook out for a trip that
fulfils my interests"
Scenario
She is looking for her next trip and she wants to take advantage of last minute price-drops. She is looking for the best experience possible
:)
Feels engaged with the website having previously had a good interaction experience
Dorothy returns to the website a couple of weeks later
1
Scanning the homepage she sees the latest news and also a list of her previously visited pages
It is important for users to find things they expect, especially previous searches
|
:|
2
Customers will use a combination of technology and non-technology solutions to complete their tasks, whatever seems the simplest
She checks her notepad and sees the name matches her last search for Burma
3
The user needs to see the same page they saw before, quickly and with minimal need to click
:)
Spending a few minutes tore-read her last product, she compares this against the key points found in competitors listings
4
:)
She sees that this Riviera holiday and another are essentially the same, but she knows the brand Daily Mail and trusts it
5
Customers may make one final check to see they are not missing anything… it is important to keep them inspired but also in the purchase loop
We know customers are going to compare so we need to make internal comparison as simple as possible
Clicking to see a list of similar products, Dorothy makes sure she is finding the right trip for them both
6
We have little control over the customer service of the provider, so feedback is important
Dorothy decides to call and begin the process of booking. It will not be completed in one call, but she has questions to ask first
7
:|
There needs to be a post-purchase strategy to engage the customer so they do not feel abandoned
Calling the supplier, she notes down the answer to her questions and resolves to call and order once she and her husband have chatted
START
FINISH
:|:)
Design
User journeyMail Travel website I was asked to highlight customer segment and user typesand to create and review example journeys to agree key interaction points for the Mail Travel site. I identified the key customer goals and the different ways to enable the user to achieve their goal as quickly and easily as possible. It helped a lot to position personas in natural contexts. This document was used as a focus for different parts of the project and by referring back to the user journeys and how the user interacted with the system we could highlight the needs that were being fulfilled and identify any areas where we felt the flows did not adequately satisfy the user need.
My Mail / sitemap
Home
1.0
Games
9.0
Account(points history)
8.0
New MPP password
2.2
UN entry
4.0
Sub categorycatalogue
5.1
Productdetail page
6.0
Account details
8.1
Lottery
9.1
Log in
2.1
Register(new user)
3.2
T&Cs
Success page
3.3Register(MPP user)
3.1
Join now
3.0
Comm preferences
2.1.2
Success page
4.2 OVS
4.1
Logged out
Privacy About Help and FAQ Contact
Redeem
7.0
Redeem confirmation
7.0.1
Returns
Footer
Error 404
10.1
Error 501/503/504
10.2
More Mail
Mega menu
Mail Online
Link
Mail Shop
Link
Wowcher
Link
MailPlus
Link
Rewardscatalogue
5.0
Flow
HOMEPAGE
memberbenefits
CATALOGUE
main navigation
member status
filters
member status
main navigation
member status
MEMBER BENEFITS DETAIL PAGE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis n
more benefits
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis n
Print Voucher code
MY ACCOUNT
main navigation
member status
Silver member benefits 12
Status
Tiered memebership compare
bronze silver gold
main navigation
how to get it?
User receives email from Mymail
SPLASH PAGE
FAQ
main navigation
MARKETING INFOMEMBER BENEFITS
Tiered memebership compare
bronze silver gold
FAQ
Site map
Toolkit: User Stories, Scenarios & Use cases, Content strategy, Card Sorting exercise
Design
Design
Sketching
Toolkit: User Stories, Storyboards, Personas, User flow, Paper prototypes, Design patterns, Concept designs
Sketching high-level concepts on paper first is a great way to generate as many ideas as possible with the least amount of time. I often use sketches for internal reference, numbering my ideas, sharing and discussing these with UX and creative team members.
SMS ✓
3.0 Log in and registration (smartphone) / registration
Join MyMail
Header
Footer
1. Registration
Step one of the registration process
Your Beauty or MailPlus email address
Your Beauty or MailPlus password
Email address
Password
Forgot password?
Continue
Not a YouBeauty or MailOnline member? Join MyMail
You can now use your You Beauty Discovery or MailPlus log in details to access MyMail*
Continue with registration
Join MyMail
Header
My details
Need help? Contact us
Need help? Contact us
Footer
CancelCancel
2. My details
User enters their personal details and continues
3. Contact
User enters contact details with postcode lookup or manually.
Join MyMail
Header
Contact
Need help? Contact us
Footer
Cancel
YOUBEAUTYdiscovery MailPlus
*Further details required to complete registration
Register your details to become a member of My Mail. Items marked with * are required.
First name
Title*
Surname*
Date of birth*
Mr
John
Williamson
Day Month Year
Email address*
Confirm email address*
Choose password
Choose a password*
Passwords must be between 8-20 characters with at least one upper case letter and one number
**********
Confirm password*
**********
Continue
Street
House Name or Number
Town
County
Postcode
22
South Kensignton High Street
London
London
W8 5TT
Please provide a telephone number in case we need to contact you regarding your Rewards/offers if necessary.
Contact phone number
Your address
Please enter your postcode and find your address from the list provided. If you are experiencing difficulties finding your address, please contact us
Postcode*
Find address
Enter address manually
Keeping in touch
Choose from the options below how you would like to be contacted by My Mail.
Send me information you think I will like about products or services from DMGT
No Yes
Subscribe to the My Mail Rewards newsletter
No Yes
Your preferences for keeping in touch
Continue
Join MyMail
Header
Contact
Need help? Contact us
Footer
Cancel
Please provide a telephone number in case we need to contact you regarding your Rewards/offers if necessary.
Contact phone number
Your address
Please enter your postcode and find your address from the list provided. If you are experiencing difficulties finding your address, please contact us
Enter address manually
Keeping in touch
Choose from the options below how you would like to be contacted by My Mail.
Send me information you think I will like about products or services from DMGT
No Yes
Subscribe to the My Mail Rewards newsletter
No Yes
Your preferences for keeping in touch
Continue
4. Contact - address
User confirms address and communication preferences
Join MyMail
Header
About you
Need help? Contact us
Footer
Cancel
Please tell us a bit more about you
Submit
5. About you
Additional required information about the user
How often do you read the Daily Mail (Mon-Fri)?*
0 times per week
How often do you read Saturday's Daily Mail?*
Once per month
How often do you read The Mail on Sunday?*
Once per month
Remember me ✓
Post ✓
Email ✓
Phone ✓
Post
Email ✓
Phone
SMS ✓
I agree to the terms and conditions, Privacy and cookies policy
I agree to the personalised experience
No Yes
No Yes
Design
Responsive wireframes
Toolkit: User Stories,Personas, User flow,Sitemap,Design patterns, Low fidelity wireframes
I planned and conducted usability tests for Mymail and Mail Travel websites. My role was to prepare the recruitment spec and test plan including the questionnaire. I also interviewed the participants and facilitated the usability test. Finally I’ve prepared usability test report including short shots from the session clips and shared it with the whole team.
Define
User testing
Toolkit: Analysis, User Survey, Plan,Recruitment spec, Wireframes, Clikable prototype- Axure, Silverback- videos, User Test Report,
Online inspiration board/Forum
Andy post on the inspiration boardand forum.
Levels/points
Extra points 5
Andy signs up for a schoolof innovation at the launch party,Followed by an introduction email.
School of innovationAndy - User journey 34, Works for dmg media as a BABusiness Idea: ONLINE BAKERY
2.Introduce- attract attention
Inspiration- online
Business idea - Online bakeryGoal:Get 50k investment to kick start his online company. Expand his team with more bread lovers.He doesn’t have time and supportto make it happen.
1.Start
Levels/points
Beginner InnovatorAndy has a business ideas so he starts from Innovator level
He receives dmg £1000 to invest in di�erent projects
Extra innovation points +10
3.Idea case
Submit basic business model:
Andy submits his business idea on the website- using the videoPitch and also template to support it.
4.Validation/feedback 5.Idea development/Review
Inspirationworkshop
Online inspiration board/Forum
Andy post on the inspiration boardand forum.
Brainstorming/ inspiration workshops/ Hackathons/ TED talksAndy takes part in 2 di�erent workshops and TED talks, he also shares inpirational case studieswith others.
Levels/points
Extra points +5 Levels/points
Extra points +5
Idea case - mentor help
Andy books time with a mentor, heneeds help to submit engaging Business idea video.He used 2 h tutorial session.
Levels/points
Andy pays for the mentor time - 5
Andy wins a crowd funding for his idea and he also invests his £500 inthe other concept. He contribute a a lot on the forum and voting.Andy idea gets 5 investors and a lotof positive feedback.One new team member
Levels/points
Emerging Innovator +Andy idea wins and go to the next level
He receives dmg £ 10000
Extra innovation points +20
Andy is going to develop his idea using idea development toolkit from the platform and step by step guide. It helps him to identi�ed main users/scenarios, narrowdown the objectives. Flesh out the concept.
Support from mentor
Andy needs support from mentors and teachers to be able to develophis business idea. After the mentorsession Andy realises that he needs to have an app and a websiteto make the user journey as easy and quick as possible.
Build the team- workshops/ Online
Andy wants to extend his team tomore people who love bread and have di�erent skills- Multidisciplinary team. He looks for more team members and 6 people are interested to join.Walk-through with a new team andCo-design session.
Extra innovation points +60 for a new team members
6.Minimum Viable product
He managed to built the website clickable prototype of the bakery service with help from platformexperts.
Change Catalyst +Andy idea wins and go to the next level
He receives dmg £3000
Extra innovation points +80
Levels/points
Andy is coaching others
Andy gives 5 h of his time to coach Others and help them with Their ideas and branding design.
Levels/points
Emerging Innovator +Andy idea wins and go to the next level
He receives dmg £2000 to invest in di�erent projects
Extra innovation points +200
7.Test /Feedback
Andy idea received feedback and was very successful during the testing session. Objectives checked using usability testing.
Levels/points
He receives dmg 1000 to invest in di�erent projects
Extra innovation points +20
8. Business case
Andy managed to provide great service and good user experience. Also after the test he can prove thatbakery service business idea will make a pro�t and is able to sustainthe business. Andy needs moremarket reseach support fromthe expert.
Levels/points
He receives dmg £2000 to invest in di�erent projects
Extra innovation points +20
10.BANK Currency exchange- real money :
Andy concept is on the reserve list to get the funding, the innovationboard asked other members to vote on the concepts again and after that decision will be made.
Levels/points
Innovation machine +Andy idea wins and go to the next level
He receives dmg £ 2000 to invest in di�erent projects
Extra innovation points +20
11. Sustain the ProjectMission Sign up Mission idea submit Mission Voting Mission idea development Mission Viable product Mission Testing Mission Business case Mission BANK
Andy continues to develop his Business idea, he has a clear goals now and passionate team of 10dmg employees. Andy is now CEO of his business. With hugeInvestment Andy’s team is ready to kick o� the business and launch the website.
Levels/points
He receives dmg 500000to invest in di�erent projects
Extra innovation points +5000
Levels/points
Extra innovation points +50
Andy is very active on the Platformhe gives feedback to other users and is in the expert panel helping others to develop their businessmodels.
Activity on the platform
Minimum Viable product
Andy booked the time with anexpert - one to one session to build his website and app for the bakery service. He needs branding expert time andgraphic designer help.
Graduates feedback on the idea
Andy needs more feedback and he invites the graduates fromLondon University and wider community to test and feedbackon his bakery service.He uses online survey on theplatform.
Improvements and testing
Andy receives lot’s of positive feedback but he also need to improve few things.
He receives the help from testingexperts to detect all the buys andimprove the service.
Getting ready for the Pitch
Andy books time with a mentor to prepare the best Pitch- present to get the funding to continue with his project.
He receives extra money from2 new investors.
Andy- idea:online bakery
Amy - designexpert
Ron - Dev Manager
Susan -Ux designer
Steve - graduate
Lili - marketresearchexpert
Levels/points
Extra points +10
Susan -team member
5 new investors£10000
Susan - availbale to help
Levels/points
Extra points +20 and 3 days o�
Kim - business expert
Levels/points
Andy pays for the mentor time - 10
6 new team members
Levels/points
Andy pays for the mentor time - 20
experts- UX, developers, designers
Levels/points
graduates/community feedback
JamesTesting expert
Levels/points
Andy pays for the mentor time - 20
Levels/points
Andy pays for the mentor time - 20
He receives dmg 1000 to invest in di�erent projects
Tim- Pitch expert
new investor£500
Andy- idea:online bakeryTEAM:
investors
graduates interns
team members
BackgroundSchool of innovation is an online innovation platformfor dmg employees. They vote on new inventions based on theirmerit. Exceptional product ideas are promoted to prototype and eventually marketing phases, receiving input from the dmg community along the way.
The WorkshopMy role was to prepare and facilitate the workshops for all the stakeholders and the main goals were to flesh out the concept, brainstorm and capture ideas. Before the workshops I did a quick ethnographic study at dmg media to understand why employees would need innovation platform. We started the workshops with a brainstorming session. Using the metaphor of a real school, the team identified all of the elements that could be considered for the Schoolof Innovation Project and interactions between them. It helped to create a business model with all the actors involved.I did a UX review of the other existing innovation platforms and presented it during the workshops. We have investigated how they engage with users. What kind of interaction elements they use?How do they motivate people and keep their platform going?
OutcomeUnderstand what kind of employees will be using the School of Innovation and how they are going to interact with the platform. How platform could help them to solve their challenges and support them through their design process. We have created3 user journeys and highlighted possible pain points/problems. We came up with lots of ideas how we can solve those problemsand we moved down the funnel all the ideas that were achievable given School of innovation long term plan, technology and money limitations. The goal was to take these ideas into something that we can actually implement = Minimum viable product. We have decided to integrate the gamification concept into the platform and offer users incentives. To tell users how much they contributed to the platform, reward the top contributors. I’ve prepared the UX proposal action plan to create the Minimum Viable Product.
UX workshops
Case Studies
Activities
1 logo3 nav
4 search
5 interactivemap
6 activities 7 insights
activities nearby
10 related activities
11 footer
Home
Profile
9 Live chat
How it works
Settings
MOBILE
1 logo 2 header
3 nav
4 search
5 interactivemap
6 activities nearby 8 local friends
7 local insights
9 live chat
10 related products
11 footer
2 header
DESKTOP/ TABLET
BackgroundWhilst working on my personal project Meet the locals for the UX course I’ve decided that the best solution is a fully developed product across all devices that conform to responsive design principles. The main aims were to tailor content to the different screen sizes. I wanted the experience to be consistent, simple and fast-quick loading.
Meet the locals project is the community of travellers and localswho share same interests and unique travel explorations. Focusing on discovering and booking unique activities offered by local insiders.
WireframesAfter the research I’ve realised that my users search for the activityon their smart-phone during a lunch break at work or on the go and decide to continue researching this product on the same site when they get home on their desktop. The aim was to create a positive user-experience when transitioning from mobile to desktop.
The example displayed is a very early iteration (adapted) that highlights the solution for a homepage.
OutcomeThe responsive design prototype was well received after the firstusability test. To tailor the content I’ve used very popular pattern that starts with a multi-column layout and ends up with a single column layout, dropping columns along the way as screen sizes get narrower. I’ve also experiment with Of Canvas pattern that takes advantage of space off the screen to keep content or navigation hidden until either a larger screen size allows it to be visible or a user takes action to expose it. In this case it was filter and the navigation and user can access it only when needed. It doesn’t force users to scroll long pages of content and navigation on small screens.
Responsive wireframes
Case Studies
BackgroundMy role was to conduct the Usability test for My Mail Rewards club website with target users. The session was an hour long task-centred session using a clickable prototype.
We observed and analysed their experience. Majority of users were 60-70 yrs old and for many of them Mail Rewards Club was their first experience of using the internet.
User testing session During the usability test we realised that our audience struggle with diminished cognitive and motor skills; diminished eyesight discomfort in trying new things and self-blame versus system-blame. Main areas explored by our study were the overallimpression of the pages and findability of the main sections and the new funcionality. We wanted to find out if users understand the instructions around the promotions and rewards and how can we improve the experience.
OutcomeCaptured feedback using Silverback and note taking helped us tohighlight the key findings: Participants wanted obvious indicators that something happened and they easily got distracted with advertising and could not complete their task. Due to diminishing cognitive skills we decided to use large target areas for buttons and links.Too much information on the page was confusing users, that’s why we decided to limit the information by using lazy loading and offer a high degree of contrast for page designand use a larger font size.
User testing
Case Studies