SlideShare uma empresa Scribd logo
1 de 21
MELINDA
POSS
USER
EXPERIENCE
DESIGNER
Thoughtful, strategically executed design.
GMAIL MDEI UX
DESIGN PROPOSAL
Challenged with analyzing the user experience of a notable
player in clean design, Google’s gmail, to improve the design
from great to superb.
GMAIL CURRENT USER
EXPERIENCE ANALYSIS
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.
UX PROPOSAL
GMAIL PROBLEM
IDENTIFICATION
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.
UX PROPOSAL
GMAIL CIRCLES INTEGRATION &
VISUAL CATEGORIZATION
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.
UX PROPOSAL
OHCOW
CGM HUMAN
FACTORS CONSULTING
A government service sector requiring a usability assessment on
their web based services for foreign workers and their
employers.
OHCOW USER RESEARCH
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.
USABILITY
OHCOW MOBILE MOCKUPS
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.
USABILITY
OHCOW WEB USABILITY
ANALYSIS & REDESIGN
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.
USABILITY
OFFICE
ERGONOMICS
CGM HUMAN
FACTORS CONSULTING
A leading provider of ergonomically designed products required a
usability analysis of online modules aligned to help users
understand initial setup and product use.
OFFICE
ERGONOMICS
RESEARCH &
DESIGN
EXPERT HEURISTIC
EVALUATION
HEURISTIC EVALUATION
A Heuristic evaluation based upon Jakob Nielson’s design & usability principles
was conducted to analyze the overall usability of the learning module.
OFFICE
ERGONOMICS
RESEARCH &
DESIGN
NAVIGATION
ANALYSIS & REDESIGN
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.
STRATFEAST
STRATFORD / MDEI
MOBILE DESIGN
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.
STRATFEAS
T
RESEARCH &
DESIGN
USER INQUIRY &
USE ASSESMENT
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.
STRATFEAS
T
RESEARCH &
DESIGN
MOBILE WIREFRAMES
& MOCKUPS
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.
UW LIBRARY
JOINT UW / MDEI
REDESIGN
PROPOSAL
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.
UW LIBRARY
RESEARCH &
ANALYSIS
ONLINE QUESTIONNAIRE
& USER PERSONAS
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.
UW
LIBRARY
STRATEGY &
DESIGN
WEB REDESIGN &
MOBILE MOCKUPS
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.
SOCIAL MEDIA
BRAND AUDIT
DIGITAL MEDIA
MARKETING
Challenged with analyzing the online social media presence of a
large company using Sysemos analytics and translating the data
into infographics.
DESIRE2LEAR
N
DIGITAL BRAND
AUDIT
PERCEPTION
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.
THAT IS JUST
A TASTE!
FOR MORE
DESIGN WORK OR
INQUIRIES CONTACT
MEmelindaposs@gmail.com

Mais conteúdo relacionado

Mais procurados

General UX activities & process overview
General UX activities & process overviewGeneral UX activities & process overview
General UX activities & process overviewBen Melbourne
 
User interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyUser interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyLawrenceNajjar
 
Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful applicationJim Liang
 
What is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandWhat is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandHaunani Pao
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3geoffwillcher
 
User experience & design user centered analysis
User experience & design user centered analysisUser experience & design user centered analysis
User experience & design user centered analysisPreeti Chopra
 
User and Information Design Considerations for Effective Semantic Search
User and Information Design Considerations for Effective Semantic SearchUser and Information Design Considerations for Effective Semantic Search
User and Information Design Considerations for Effective Semantic SearchDesign for Context
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information ArchitecturePatrick Kennedy
 
What's all the Fuss About UX Strategy? slideshare
What's all the Fuss About UX Strategy?   slideshareWhat's all the Fuss About UX Strategy?   slideshare
What's all the Fuss About UX Strategy? slideshareJanice James
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDPreeti Chopra
 
Smart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using PersonasSmart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using PersonasSmart Cities Project
 
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intents
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intentsUXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intents
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intentsUXPA International
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in shortsilvana churruca
 
Melinda poss online ux portfolio
Melinda poss online ux portfolioMelinda poss online ux portfolio
Melinda poss online ux portfolioMelinda Poss
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay R
 
Product UI/UX : How a product takes shape
Product UI/UX : How a product takes shapeProduct UI/UX : How a product takes shape
Product UI/UX : How a product takes shapeAmanjot Malhotra
 

Mais procurados (20)

General UX activities & process overview
General UX activities & process overviewGeneral UX activities & process overview
General UX activities & process overview
 
User interface design for the Web Engineering Psychology
User interface design for the Web Engineering PsychologyUser interface design for the Web Engineering Psychology
User interface design for the Web Engineering Psychology
 
Design Simple but Powerful application
Design Simple but Powerful applicationDesign Simple but Powerful application
Design Simple but Powerful application
 
What is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandWhat is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New Zealand
 
Designing the User Experience
Designing the User ExperienceDesigning the User Experience
Designing the User Experience
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3
 
User experience & design user centered analysis
User experience & design user centered analysisUser experience & design user centered analysis
User experience & design user centered analysis
 
UX Explained
UX ExplainedUX Explained
UX Explained
 
User and Information Design Considerations for Effective Semantic Search
User and Information Design Considerations for Effective Semantic SearchUser and Information Design Considerations for Effective Semantic Search
User and Information Design Considerations for Effective Semantic Search
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information Architecture
 
What's all the Fuss About UX Strategy? slideshare
What's all the Fuss About UX Strategy?   slideshareWhat's all the Fuss About UX Strategy?   slideshare
What's all the Fuss About UX Strategy? slideshare
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
Smart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using PersonasSmart Cities - Making customer groups real – using Personas
Smart Cities - Making customer groups real – using Personas
 
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intents
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intentsUXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intents
UXPA 2021: Putting words in the mouths of chatbots: Designing cognitive intents
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 
Melinda poss online ux portfolio
Melinda poss online ux portfolioMelinda poss online ux portfolio
Melinda poss online ux portfolio
 
Jay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer PortfolioJay Ramirez – UX Designer Portfolio
Jay Ramirez – UX Designer Portfolio
 
Product UI/UX : How a product takes shape
Product UI/UX : How a product takes shapeProduct UI/UX : How a product takes shape
Product UI/UX : How a product takes shape
 
Portfolio
PortfolioPortfolio
Portfolio
 
UX Research
UX ResearchUX Research
UX Research
 

Semelhante a Melinda poss online ux portfolio

User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Jeremy Johnson
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Designsheetalelango
 
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 ExperienceJeremy Johnson
 
ExplorE the Depths of User Experience Design
ExplorE the Depths of User Experience DesignExplorE the Depths of User Experience Design
ExplorE the Depths of User Experience DesignWeb Lexus
 
Sage Research & Design Introduction
Sage Research & Design IntroductionSage Research & Design Introduction
Sage Research & Design Introductiontexasanna
 
Senior UX Product Lead Design - Joeffrey Madid Portfolio
Senior UX Product Lead Design - Joeffrey Madid PortfolioSenior UX Product Lead Design - Joeffrey Madid Portfolio
Senior UX Product Lead Design - Joeffrey Madid PortfolioJoeffrey Madid
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNINGjacobsaim
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11shalgren
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design LabiFactory
 
User Interface Design Proposal Powerpoint Presentation Slides
User Interface Design Proposal Powerpoint Presentation SlidesUser Interface Design Proposal Powerpoint Presentation Slides
User Interface Design Proposal Powerpoint Presentation SlidesSlideTeam
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin
 
Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...World IA Day Copenhagen
 

Semelhante a Melinda poss online ux portfolio (20)

User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*Product + UX: How to combine strengths to make something truly great! *Updated*
Product + UX: How to combine strengths to make something truly great! *Updated*
 
UI/UX by Meraki Design
UI/UX by Meraki DesignUI/UX by Meraki Design
UI/UX by Meraki Design
 
The Boommakers Team
The Boommakers TeamThe Boommakers Team
The Boommakers Team
 
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
 
Resume
ResumeResume
Resume
 
Resume
ResumeResume
Resume
 
ExplorE the Depths of User Experience Design
ExplorE the Depths of User Experience DesignExplorE the Depths of User Experience Design
ExplorE the Depths of User Experience Design
 
Sage Research & Design Introduction
Sage Research & Design IntroductionSage Research & Design Introduction
Sage Research & Design Introduction
 
Senior UX Product Lead Design - Joeffrey Madid Portfolio
Senior UX Product Lead Design - Joeffrey Madid PortfolioSenior UX Product Lead Design - Joeffrey Madid Portfolio
Senior UX Product Lead Design - Joeffrey Madid Portfolio
 
Objective Digital Case Studies
Objective Digital Case StudiesObjective Digital Case Studies
Objective Digital Case Studies
 
WEB DESIGNING
WEB DESIGNINGWEB DESIGNING
WEB DESIGNING
 
User-centred design
User-centred designUser-centred design
User-centred design
 
MattGillespieResume
MattGillespieResumeMattGillespieResume
MattGillespieResume
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11Sage Research & Design Introduction 2 17 11
Sage Research & Design Introduction 2 17 11
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
User Interface Design Proposal Powerpoint Presentation Slides
User Interface Design Proposal Powerpoint Presentation SlidesUser Interface Design Proposal Powerpoint Presentation Slides
User Interface Design Proposal Powerpoint Presentation Slides
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and Artifacts
 
Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...
 

Melinda poss online ux portfolio

  • 2. GMAIL MDEI UX DESIGN PROPOSAL 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. GMAIL CURRENT USER EXPERIENCE ANALYSIS 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. UX PROPOSAL
  • 4. GMAIL PROBLEM IDENTIFICATION 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. UX PROPOSAL
  • 5. GMAIL CIRCLES INTEGRATION & VISUAL CATEGORIZATION 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. UX PROPOSAL
  • 6. OHCOW CGM HUMAN FACTORS CONSULTING A government service sector requiring a usability assessment on their web based services for foreign workers and their employers.
  • 7. OHCOW USER RESEARCH 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. USABILITY
  • 8. OHCOW MOBILE MOCKUPS 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. USABILITY
  • 9. OHCOW WEB USABILITY ANALYSIS & REDESIGN 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. USABILITY
  • 10. OFFICE ERGONOMICS CGM HUMAN FACTORS CONSULTING 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. OFFICE ERGONOMICS RESEARCH & DESIGN EXPERT HEURISTIC EVALUATION 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. OFFICE ERGONOMICS RESEARCH & DESIGN NAVIGATION ANALYSIS & REDESIGN 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. STRATFEAST STRATFORD / MDEI MOBILE DESIGN 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. STRATFEAS T RESEARCH & DESIGN USER INQUIRY & USE ASSESMENT 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. STRATFEAS T RESEARCH & DESIGN MOBILE WIREFRAMES & MOCKUPS 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. UW LIBRARY JOINT UW / MDEI REDESIGN PROPOSAL 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. UW LIBRARY RESEARCH & ANALYSIS ONLINE QUESTIONNAIRE & USER PERSONAS 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. UW LIBRARY STRATEGY & DESIGN WEB REDESIGN & MOBILE MOCKUPS 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. SOCIAL MEDIA BRAND AUDIT DIGITAL MEDIA MARKETING Challenged with analyzing the online social media presence of a large company using Sysemos analytics and translating the data into infographics.
  • 20. DESIRE2LEAR N DIGITAL BRAND AUDIT PERCEPTION 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.
  • 21. THAT IS JUST A TASTE! FOR MORE DESIGN WORK OR INQUIRIES CONTACT MEmelindaposs@gmail.com