SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Thoughtful, strategically executed design.
Challenged with analyzing the user experience of a notable
player in clean design, Google’s gmail, to improve the design
from great to superb.
CURRENT USERE EXPERIENCE
Analysis of regular user tasks, current system delights and
challengers was performed in order to properly asses goals between
system experience and user goals. The need to quickly comprehend
an inbox hierarchy was identified.
PROBLEM IDENTIFICATION
Identification of main visual barriers related to cognitive processing
of current design layout and association revealed an opportunity to
better integrate a main feature, “Circles”, into the overall user
experience of Gmail. Basic cognitive processing and system features
were not currently optimized.
CIRCLES INTEGRATION
The current Circles design does not fully integrate
into the organization of incoming mail. The redesign
proposal focused on allowing user to visually
associate and group circles members through a
designated colour.
VISUAL CATEGORIZATION
Users can visually prioritize and associate with
incoming mail based on their defined Circles groups.
Parents can quickly respond to family
communications as it is displayed in their colour of
choice, amongst a swarm of incoming mail.
A government service sector requiring a usability assessment on
their web based services for foreign workers and their
employers.
USER INTERVIEWS
Communication with a variety of users were
conducted by phone to better understand their
current frustrations, motivations and needs.
Questions were drafted and provided to participants
12 - 24 hours in advance.
USER PROFILES
Data collected from user interviews was categorized
and visually displayed in a comprehensive and
appealing format.
MOBILE MOCKUPS
A mobile adaptation of the web based service was designed to address
the multi-lingual barriers, need for quick navigation, searchable content
and large tap buttons for on the go access. The mobile mock-ups were
designed to align with the company’s current brand image and web
design.
WEB USABILITY ANALYSIS
The website was analyzed based on design, heuristic
and accessibility principles. Screen shots with
identification of problem areas were described in
depth.
REDESIGN
Design recommendations were created given the
scope of the project to improve the usability, brand
perception and navigation.
A leading provider of ergonomically designed products required a
usability analysis of online modules aligned to help users
understand initial setup and product use.
HEURISTIC EVALUATION
A Heuristic evaluation based upon Jakob Nielson’s design & usability principles
was conducted to analyze the overall usability of the learning module.
NAVIGATION ANALYSIS
The module navigation was analyzed using design,
accessibility and usability principles. Primary
problems were identified in detail.
REDESIGN
The module was simplified to include intuitive labels,
navigation that allowed users to proceed in a paved
pathway or individual exploration and progress bar
for feedback on module completion.
Challenged with designing a digital system that would benefit the
City of Stratford, a mobile application was designed to assist elderly
users in finding and reviewing the culinary experience that the city
prides itself on.
USER INQUIRY
Interview procedure materials, protocol and
question were prepared to address the target
market; elderly user of mobile applications.
USE ASSESSMENT
The inquiries were translated into quantitative and
qualitative data for analysis. Trends and variances
were identified to direct design requirements.
Welcome to REAL food
Post Personal
Pazzo Ristorante
Comments
search
spicy low sodium
Profile
Preferences
Connect
MOBILE MOCKUPS
The system was designed to accommodate prominent user needs and trends for elderly consumers.
Some design requirements included need for intuitive icons, large tap buttons with tactile feedback and
profile personalization to assist with system recall.
The University of Waterloo requested a redesign of their current
online resources in order to convey the library as a “cool” place.
After in depth research and analysis, it was identified that the
online resources and library space should be separated to
maximize student use, streamline navigation and optimize long
term site efficiency.
USER PERSONAS
Personas were created to embody the student
demographic and direct design recommendations.
ONLINE QUESTIONNAIRE
Students were surveyed online to understand
their current use of the site, personal preferences
and lifestyle.
WES REDESIGN
Based on the usability challenges identified, long term solutions were
outlined and designed to showcase design potential to stakeholders.
MOBILE MOCKUPS
Mobile mock-ups were designed to address a growing student
need to book library rooms for study, group collaboration and
project work on the go.
Challenged with analyzing the online social media presence of a
large company using Sysemos analytics and translating the data
into infographics.
INFOGRAPHIC DESIGN
Using the information collected through Sysemos, the data was categorized and related back
to marketing theories of perception, persuasion and social validation. This was translated into
infographics using graphic design theory and principles.
melindaposs@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer Portfolio
Jay R
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UX
Neha Kulkarni
 
Portfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona BojanovicPortfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona Bojanovic
miona bojanovic
 
Ux portfolio 4:22
Ux portfolio 4:22Ux portfolio 4:22
Ux portfolio 4:22
Sean Culley
 

Was ist angesagt? (20)

A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer Portfolio
 
Laura Dantonio's UX Portfolio
Laura  Dantonio's UX PortfolioLaura  Dantonio's UX Portfolio
Laura Dantonio's UX Portfolio
 
Francia Sandoval UX Portfolio
Francia Sandoval UX PortfolioFrancia Sandoval UX Portfolio
Francia Sandoval UX Portfolio
 
Dennis Lee UX Portfolio
Dennis Lee UX PortfolioDennis Lee UX Portfolio
Dennis Lee UX Portfolio
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
 
Jen Ng | UX / UI Design Portfolio
Jen Ng  |  UX / UI Design PortfolioJen Ng  |  UX / UI Design Portfolio
Jen Ng | UX / UI Design Portfolio
 
Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio Carolyn Jao UX Design Portfolio
Carolyn Jao UX Design Portfolio
 
Interaction Design & Rapid Prototyping
Interaction Design & Rapid PrototypingInteraction Design & Rapid Prototyping
Interaction Design & Rapid Prototyping
 
Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015Janice Tsai | UX Portfolio 2015
Janice Tsai | UX Portfolio 2015
 
NehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UXNehaKulkarni_Portfolio_UX
NehaKulkarni_Portfolio_UX
 
Massuel Louis portfolio 2017
Massuel Louis portfolio 2017Massuel Louis portfolio 2017
Massuel Louis portfolio 2017
 
Jonah Osawa - UX Portfolio
Jonah Osawa - UX PortfolioJonah Osawa - UX Portfolio
Jonah Osawa - UX Portfolio
 
Portfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona BojanovicPortfolio_UX Designer Miona Bojanovic
Portfolio_UX Designer Miona Bojanovic
 
UX Portfolios: How to tell your story
UX Portfolios: How to tell your storyUX Portfolios: How to tell your story
UX Portfolios: How to tell your story
 
UX Designer Portfolio 2018
UX Designer Portfolio 2018UX Designer Portfolio 2018
UX Designer Portfolio 2018
 
Ux portfolio 4:22
Ux portfolio 4:22Ux portfolio 4:22
Ux portfolio 4:22
 
Brian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research PortfolioBrian Nur Pratama UX Research Portfolio
Brian Nur Pratama UX Research Portfolio
 
Marga Javier • UX Designer & Strategist • Portfolio
Marga Javier • UX Designer & Strategist • PortfolioMarga Javier • UX Designer & Strategist • Portfolio
Marga Javier • UX Designer & Strategist • Portfolio
 

Andere mochten auch

UX Portfolio Tips
UX Portfolio TipsUX Portfolio Tips
UX Portfolio Tips
Huge
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX Job
Patrick Neeman
 

Andere mochten auch (7)

UX Portfolio Tips
UX Portfolio TipsUX Portfolio Tips
UX Portfolio Tips
 
Christopher McCann UX portfolio 2016
Christopher McCann UX portfolio  2016Christopher McCann UX portfolio  2016
Christopher McCann UX portfolio 2016
 
Great UX Portfolios
Great UX PortfoliosGreat UX Portfolios
Great UX Portfolios
 
UX Portfolios Matter
UX Portfolios MatterUX Portfolios Matter
UX Portfolios Matter
 
General Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX JobGeneral Assembly - How To Get A Great UX Job
General Assembly - How To Get A Great UX Job
 
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
How To Get The Interview: The Top 10 Portfolio Questions and Answers for UX, ...
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 

Ähnlich wie Melinda poss online ux portfolio

User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Shawn Calvert
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Richard Harbridge
 
User centered design process
User centered design processUser centered design process
User centered design process
Rachna Mittal
 
Iaetsd effective user navigability through website structure
Iaetsd effective user navigability through website structureIaetsd effective user navigability through website structure
Iaetsd effective user navigability through website structure
Iaetsd Iaetsd
 

Ähnlich wie Melinda poss online ux portfolio (20)

Melinda poss online ux portfolio
Melinda poss online ux portfolioMelinda poss online ux portfolio
Melinda poss online ux portfolio
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital WorkplaceTop 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
Top 7 Ways To Improve Teams And SharePoint Navigation In Your Digital Workplace
 
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
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Design
 
Responsive & Organic Design
Responsive & Organic DesignResponsive & Organic Design
Responsive & Organic Design
 
User Experience Desing - LinkedIn groups feature
User Experience Desing - LinkedIn groups featureUser Experience Desing - LinkedIn groups feature
User Experience Desing - LinkedIn groups feature
 
User centered design process
User centered design processUser centered design process
User centered design process
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Iaetsd effective user navigability through website structure
Iaetsd effective user navigability through website structureIaetsd effective user navigability through website structure
Iaetsd effective user navigability through website structure
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
Sam Higgins Resume
Sam Higgins ResumeSam Higgins Resume
Sam Higgins Resume
 
Best Practices for University Websites
Best Practices for University WebsitesBest Practices for University Websites
Best Practices for University Websites
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
MattGillespieResume
MattGillespieResumeMattGillespieResume
MattGillespieResume
 
Angela Frucci Portfolio
Angela Frucci PortfolioAngela Frucci Portfolio
Angela Frucci Portfolio
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Go Beyond Digital: Elevate Your UX with Service Design Thinking
Go Beyond Digital: Elevate Your UX with Service Design ThinkingGo Beyond Digital: Elevate Your UX with Service Design Thinking
Go Beyond Digital: Elevate Your UX with Service Design Thinking
 
Angela Frucci Portfolio
Angela Frucci PortfolioAngela Frucci Portfolio
Angela Frucci Portfolio
 

Kürzlich hochgeladen

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Kürzlich hochgeladen (20)

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 

Melinda poss online ux portfolio

  • 2. Challenged with analyzing the user experience of a notable player in clean design, Google’s gmail, to improve the design from great to superb.
  • 3. CURRENT USERE EXPERIENCE Analysis of regular user tasks, current system delights and challengers was performed in order to properly asses goals between system experience and user goals. The need to quickly comprehend an inbox hierarchy was identified.
  • 4. PROBLEM IDENTIFICATION Identification of main visual barriers related to cognitive processing of current design layout and association revealed an opportunity to better integrate a main feature, “Circles”, into the overall user experience of Gmail. Basic cognitive processing and system features were not currently optimized.
  • 5. CIRCLES INTEGRATION The current Circles design does not fully integrate into the organization of incoming mail. The redesign proposal focused on allowing user to visually associate and group circles members through a designated colour. VISUAL CATEGORIZATION Users can visually prioritize and associate with incoming mail based on their defined Circles groups. Parents can quickly respond to family communications as it is displayed in their colour of choice, amongst a swarm of incoming mail.
  • 6. A government service sector requiring a usability assessment on their web based services for foreign workers and their employers.
  • 7. USER INTERVIEWS Communication with a variety of users were conducted by phone to better understand their current frustrations, motivations and needs. Questions were drafted and provided to participants 12 - 24 hours in advance. USER PROFILES Data collected from user interviews was categorized and visually displayed in a comprehensive and appealing format.
  • 8. MOBILE MOCKUPS A mobile adaptation of the web based service was designed to address the multi-lingual barriers, need for quick navigation, searchable content and large tap buttons for on the go access. The mobile mock-ups were designed to align with the company’s current brand image and web design.
  • 9. WEB USABILITY ANALYSIS The website was analyzed based on design, heuristic and accessibility principles. Screen shots with identification of problem areas were described in depth. REDESIGN Design recommendations were created given the scope of the project to improve the usability, brand perception and navigation.
  • 10. A leading provider of ergonomically designed products required a usability analysis of online modules aligned to help users understand initial setup and product use.
  • 11. HEURISTIC EVALUATION A Heuristic evaluation based upon Jakob Nielson’s design & usability principles was conducted to analyze the overall usability of the learning module.
  • 12. NAVIGATION ANALYSIS The module navigation was analyzed using design, accessibility and usability principles. Primary problems were identified in detail. REDESIGN The module was simplified to include intuitive labels, navigation that allowed users to proceed in a paved pathway or individual exploration and progress bar for feedback on module completion.
  • 13. Challenged with designing a digital system that would benefit the City of Stratford, a mobile application was designed to assist elderly users in finding and reviewing the culinary experience that the city prides itself on.
  • 14. USER INQUIRY Interview procedure materials, protocol and question were prepared to address the target market; elderly user of mobile applications. USE ASSESSMENT The inquiries were translated into quantitative and qualitative data for analysis. Trends and variances were identified to direct design requirements.
  • 15. Welcome to REAL food Post Personal Pazzo Ristorante Comments search spicy low sodium Profile Preferences Connect MOBILE MOCKUPS The system was designed to accommodate prominent user needs and trends for elderly consumers. Some design requirements included need for intuitive icons, large tap buttons with tactile feedback and profile personalization to assist with system recall.
  • 16. The University of Waterloo requested a redesign of their current online resources in order to convey the library as a “cool” place. After in depth research and analysis, it was identified that the online resources and library space should be separated to maximize student use, streamline navigation and optimize long term site efficiency.
  • 17. USER PERSONAS Personas were created to embody the student demographic and direct design recommendations. ONLINE QUESTIONNAIRE Students were surveyed online to understand their current use of the site, personal preferences and lifestyle.
  • 18. WES REDESIGN Based on the usability challenges identified, long term solutions were outlined and designed to showcase design potential to stakeholders. MOBILE MOCKUPS Mobile mock-ups were designed to address a growing student need to book library rooms for study, group collaboration and project work on the go.
  • 19. Challenged with analyzing the online social media presence of a large company using Sysemos analytics and translating the data into infographics.
  • 20. INFOGRAPHIC DESIGN Using the information collected through Sysemos, the data was categorized and related back to marketing theories of perception, persuasion and social validation. This was translated into infographics using graphic design theory and principles.