melinda poss online ux portfolio

21
Thoughtful, strategically executed design.

Upload: melinda-poss

Post on 05-Dec-2014

634 views

Category:

Technology


1 download

DESCRIPTION

User Experience Portfoilio

TRANSCRIPT

Page 1: Melinda poss online ux portfolio

Thoughtful, strategically executed design.

Page 2: Melinda poss online ux portfolio

Challenged with analyzing the user experience of a notable player in clean design, Google’s gmail, to improve the design

from great to superb.

Page 3: Melinda poss online ux portfolio

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.

Page 4: Melinda poss online ux portfolio

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.

Page 5: Melinda poss online ux portfolio

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.

Page 6: Melinda poss online ux portfolio

A government service sector requiring a usability assessment on their web based services for foreign workers and their

employers.

Page 7: Melinda poss online ux portfolio

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.

Page 8: Melinda poss online ux portfolio

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.

Page 9: Melinda poss online ux portfolio

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.

Page 10: Melinda poss online ux portfolio

A leading provider of ergonomically designed products required a usability analysis of online modules aligned to help users

understand initial setup and product use.

Page 11: Melinda poss online ux portfolio

HEURISTIC EVALUATION A Heuristic evaluation based upon Jakob Nielson’s design & usability principles was conducted to analyze the overall usability of the learning module.

Page 12: Melinda poss online ux portfolio

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.

Page 13: Melinda poss online ux portfolio

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.

Page 14: Melinda poss online ux portfolio

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.

Page 15: Melinda poss online ux portfolio

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.

Page 16: Melinda poss online ux portfolio

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.

Page 17: Melinda poss online ux portfolio

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.

Page 18: Melinda poss online ux portfolio

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.

Page 19: Melinda poss online ux portfolio

Challenged with analyzing the online social media presence of a large company using Sysemos analytics and translating the data

into infographics.

Page 20: Melinda poss online ux portfolio

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.