SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
Marjorie Sample, UX Designer
Design Process Portfolio
Research Define Design
Problem: Educators are not aware of task management
apps and there are not any specifically targeted towards
them.
Iterate UI Design
Solution: Create a task management app specifically for
educators that allows them to collaborate with colleagues
and save time.
Problem, Process, and Solution
The first stage is always research. I did a competitor analysis, user surveys,
and interviews to get to know my users and establish their needs.
Research:
Define:
In the define stage, I created an MVP and wrote out SMART goals for the
user and business. This led to the creation of the user personas. I also
created customer journey maps and established information architecture.
Card sort with target audience
CustomerJourneyMap
MVP Planning
The research I conducted in the first stage led to the following
user personas:
Define:
In the design stage, there are multiple phases because I cycle back and
forth from design to testing. This allows me to quickly find design flaws
and iterate quickly before investing too much time.
Stage 1 begins with sketching
thumbnails so that I can get out as
many design solutions as possible.
Stage 2 involves taking a
thumbnail and creating a
more detailed design.
Design:
Design:
Stage 3 involves testing at the paper
prototype stage and making revisions.
Stage 4 is where I create grayscale
wireframes on the computer to give
it a more realistic feel. I then start
another round of usability tests to
see how it holds up.
Iterate:
Usability tests allow me to find what works and doesn’t work with the
users. I then make iterations and follow-up with another round of tests to
make sure the changes allow the user and business to meet their goals.
Once the design and iteration stage is complete, it then moves to
user interface design.UI Design:
Thanks!
Thanks for viewing my portfolio. I would love to
chat with you to discuss how I could meet your
business needs.
Email: sampleoftech@gmail.com
Phone: (252) 340-9835
Marjorie Sample,
UX Designer

Weitere ähnliche Inhalte

Was ist angesagt?

UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini CourseDigital Snack
 
5 myths for UX Design Process
5 myths for UX Design Process5 myths for UX Design Process
5 myths for UX Design ProcessPrashant Bhot
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience PosterJessica Fisher
 
Kv work samples
Kv work samplesKv work samples
Kv work sampleskay_sjc
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedJames Kelway
 
Introduction to CS60171 (2009)
Introduction to CS60171 (2009)Introduction to CS60171 (2009)
Introduction to CS60171 (2009)markvanharmelen
 
Uxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationUxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationHello Group
 
3 ux design process
3 ux design process3 ux design process
3 ux design processSudirman
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.Centerline Digital
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaRoshan Karunarathna
 
What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17Hello Group
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1Durgesh Pandey
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeMadhuri Garg
 
What is User Centered Design?
What is User Centered Design?What is User Centered Design?
What is User Centered Design?jamiecavanaugh
 

Was ist angesagt? (20)

UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
5 myths for UX Design Process
5 myths for UX Design Process5 myths for UX Design Process
5 myths for UX Design Process
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
UX Overview_ZiaRahman
UX Overview_ZiaRahmanUX Overview_ZiaRahman
UX Overview_ZiaRahman
 
Ux design-fundamentals
Ux design-fundamentalsUx design-fundamentals
Ux design-fundamentals
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
 
Kv work samples
Kv work samplesKv work samples
Kv work samples
 
UXBASIS – Getting UX integrated
UXBASIS – Getting UX integratedUXBASIS – Getting UX integrated
UXBASIS – Getting UX integrated
 
Introduction to CS60171 (2009)
Introduction to CS60171 (2009)Introduction to CS60171 (2009)
Introduction to CS60171 (2009)
 
Uxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationUxbasis – A Hello Group Presentation
Uxbasis – A Hello Group Presentation
 
Design process
Design processDesign process
Design process
 
3 ux design process
3 ux design process3 ux design process
3 ux design process
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17
 
Crafting Experience
Crafting ExperienceCrafting Experience
Crafting Experience
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
Jagmohan profile
Jagmohan profileJagmohan profile
Jagmohan profile
 
UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
What is User Centered Design?
What is User Centered Design?What is User Centered Design?
What is User Centered Design?
 

Andere mochten auch

United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? HubSpot
 
The Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityThe Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityBrandon Ward
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and designKevin Picalausa
 
2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address RecapHubSpot
 
Layout and Wireframing
Layout and WireframingLayout and Wireframing
Layout and WireframingOmar Duarte
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolioNatasha Koshy
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXMichelle Chin
 
Samsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleSamsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleShawn Roe
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBACarzanova
 
5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely IgnoreHubSpot
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.Marc-Oliver Gern
 
5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, YetDemandWave
 
The 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasThe 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasMarketing Genome
 
Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Manu Melwin Joy
 
#INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah #INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah HubSpot
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageAmit Kapoor
 
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsStorytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsAmit Kapoor
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLDee Sadler
 
Visual Storytelling with Data
Visual Storytelling with DataVisual Storytelling with Data
Visual Storytelling with DataJESS3
 

Andere mochten auch (20)

United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing? United Way Youth Ventures: What is Marketing?
United Way Youth Ventures: What is Marketing?
 
The Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, HumilityThe Triforce of UX: Empathy, Curiosity, Humility
The Triforce of UX: Empathy, Curiosity, Humility
 
Introduction to wireframing ux and design
Introduction to wireframing ux and designIntroduction to wireframing ux and design
Introduction to wireframing ux and design
 
2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap2015 HubSpot Keynote Address Recap
2015 HubSpot Keynote Address Recap
 
Layout and Wireframing
Layout and WireframingLayout and Wireframing
Layout and Wireframing
 
design thinking portfolio
design thinking portfoliodesign thinking portfolio
design thinking portfolio
 
UX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUXUX Portfolio Workshop for exploreUX
UX Portfolio Workshop for exploreUX
 
Samsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy SampleSamsung Mobile Content Strategy Sample
Samsung Mobile Content Strategy Sample
 
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBAThe Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
The Lifestyle 21 - Mobile UX design & wireframe concept for HUBBA
 
5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore5 Pieces of SEO Advice You Should Definitely Ignore
5 Pieces of SEO Advice You Should Definitely Ignore
 
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
THE UX INTERVIEW – 3 Quick Questions. 3 Short Answers.
 
Experience Impact Framework
Experience Impact FrameworkExperience Impact Framework
Experience Impact Framework
 
5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet5 Winning Lead Gen Tactics You Haven't Tried, Yet
5 Winning Lead Gen Tactics You Haven't Tried, Yet
 
The 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & IdeasThe 30 Greatest Lead Generation Tips, Tricks & Ideas
The 30 Greatest Lead Generation Tips, Tricks & Ideas
 
Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...Recognizing ego states (Transactional analysis / TA is an integrative approac...
Recognizing ego states (Transactional analysis / TA is an integrative approac...
 
#INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah #INBOUND15 HubSpot Keynote - Dharmesh Shah
#INBOUND15 HubSpot Keynote - Dharmesh Shah
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | Engage
 
Storytelling with Data - Approach | Skills
Storytelling with Data - Approach | SkillsStorytelling with Data - Approach | Skills
Storytelling with Data - Approach | Skills
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
 
Visual Storytelling with Data
Visual Storytelling with DataVisual Storytelling with Data
Visual Storytelling with Data
 

Ähnlich wie ChalkboardPortfolio

HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016Rob Hoyt
 
The Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfThe Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfZazz
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesBelatrix Software
 
UIUX Design - report on summer training.docx
UIUX Design - report on summer training.docxUIUX Design - report on summer training.docx
UIUX Design - report on summer training.docxbhawnamangla2
 
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptx
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptxJob Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptx
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptxJayKrishh
 
Portfolio Juliane Angelina Biallas
Portfolio  Juliane Angelina BiallasPortfolio  Juliane Angelina Biallas
Portfolio Juliane Angelina BiallasJuliane Biallas
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfssuser6609a5
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADgallangsadewa
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal Marta Fioni
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationPankaj Deshpande
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Ux portfolio slideshare
Ux portfolio slideshareUx portfolio slideshare
Ux portfolio slideshareSean Culley
 
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateCase Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateAbelKCS
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardAnkit Shard
 

Ähnlich wie ChalkboardPortfolio (20)

HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
 
The Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdfThe Methodology of a Trustworthy User Interface Design Agency.pdf
The Methodology of a Trustworthy User Interface Design Agency.pdf
 
What ux is
What ux isWhat ux is
What ux is
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User Experiences
 
UIUX Design - report on summer training.docx
UIUX Design - report on summer training.docxUIUX Design - report on summer training.docx
UIUX Design - report on summer training.docx
 
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptx
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptxJob Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptx
Job Search - Jayakumar Krishnamurthy - Case-study-slide-deck.pptx
 
Portfolio Juliane Angelina Biallas
Portfolio  Juliane Angelina BiallasPortfolio  Juliane Angelina Biallas
Portfolio Juliane Angelina Biallas
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
 
Best Practices in UX Design
Best Practices in UX DesignBest Practices in UX Design
Best Practices in UX Design
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
UX Design Process - MIT ID Innovation
UX Design Process - MIT ID InnovationUX Design Process - MIT ID Innovation
UX Design Process - MIT ID Innovation
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Ux portfolio slideshare
Ux portfolio slideshareUx portfolio slideshare
Ux portfolio slideshare
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design CertificateCase Study 2 - Portfolio Project Final - Google UX Design Certificate
Case Study 2 - Portfolio Project Final - Google UX Design Certificate
 
Portfolio
PortfolioPortfolio
Portfolio
 
Vijayabaskar-Resume
Vijayabaskar-ResumeVijayabaskar-Resume
Vijayabaskar-Resume
 
Importance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit ShardImportance of apps in marketing strategy my perspective - Ankit Shard
Importance of apps in marketing strategy my perspective - Ankit Shard
 

ChalkboardPortfolio

  • 1. Marjorie Sample, UX Designer Design Process Portfolio
  • 2. Research Define Design Problem: Educators are not aware of task management apps and there are not any specifically targeted towards them. Iterate UI Design Solution: Create a task management app specifically for educators that allows them to collaborate with colleagues and save time. Problem, Process, and Solution
  • 3. The first stage is always research. I did a competitor analysis, user surveys, and interviews to get to know my users and establish their needs. Research:
  • 4. Define: In the define stage, I created an MVP and wrote out SMART goals for the user and business. This led to the creation of the user personas. I also created customer journey maps and established information architecture. Card sort with target audience CustomerJourneyMap MVP Planning
  • 5. The research I conducted in the first stage led to the following user personas: Define:
  • 6. In the design stage, there are multiple phases because I cycle back and forth from design to testing. This allows me to quickly find design flaws and iterate quickly before investing too much time. Stage 1 begins with sketching thumbnails so that I can get out as many design solutions as possible. Stage 2 involves taking a thumbnail and creating a more detailed design. Design:
  • 7. Design: Stage 3 involves testing at the paper prototype stage and making revisions. Stage 4 is where I create grayscale wireframes on the computer to give it a more realistic feel. I then start another round of usability tests to see how it holds up.
  • 8. Iterate: Usability tests allow me to find what works and doesn’t work with the users. I then make iterations and follow-up with another round of tests to make sure the changes allow the user and business to meet their goals.
  • 9. Once the design and iteration stage is complete, it then moves to user interface design.UI Design:
  • 10. Thanks! Thanks for viewing my portfolio. I would love to chat with you to discuss how I could meet your business needs. Email: sampleoftech@gmail.com Phone: (252) 340-9835 Marjorie Sample, UX Designer