abram ying-kin chan - ux research and interaction design portofolio

17
Abram Ying-Kin Chan User Experience (UX) RESEARCH. ANALYTICS. DESIGN. ePortfoli My most notable project I did with Desire2Learn is under NDA so I cannot show that work here. If you’re interested in discussing my work experience beyond this portfolio please contact me.

Upload: abram-chan

Post on 15-Jan-2015

266 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Abram Ying-Kin ChanUser Experience (UX)

RESEARCH. ANALYTICS. DESIGN.

ePortfolioMy most notable project I did with Desire2Learn is under NDA so I cannot show that work here. If you’re interested in discussing my work experience beyond this portfolio please contact me.Email: [email protected]

Page 2: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Open DoorzResearch and Design

Card Sorting Study

Maintenance Task StudyI used a card sorting study of maintenance tasks to understand how users viewed and interacted with home maintenance in their daily lives.

Page 3: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Open DoorzResearch and Design

Re-design Prototyping

Research based design for maintenance schedulerUsing the findings from the card sorting study I designed user-centered wireframes which I used to discuss the research findings with the CTO of Open Doorz. After receiving the CTO’s input I created prototypes to synthesize both user needs and business goals.

Page 4: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Open DoorzResponsive Design

Mobile Mockups

OverviewI created mobile responsive design samples for two of Open Doorz’ active web pages.

Responsive mobile SiteAll the content in these responsive web pages are taken directly from the original site and arranged to be optimized for mobile. I proposed to my stakeholders that they did not have to create a new mobile site they really just needed to use CSS media queries to arrange the web assets they already had.

Page 5: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Open DoorzResearch and Design

User Journey Maps

Renovation, Maintenance, and Satisfaction CalculatorsThrough User Journey Mapping I worked with the CEO and CTO of Open Doorz to create these applications as part of the overall user experience strategy for the company.

Page 6: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Deck RefreshRedesign

Proto-persona Wireframe

Website redesign and user goalsI redesigned the company’s website to better meet the goals of their users. First I created proto-personas with the CEO based on his direct experience with the company’s clients. I then catalogued the data elements of their website and prioritized them based on the personas. To follow up I created multi-platform wireframes.

Page 7: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Deck RefreshRedesign

RedesignPrototype

Website redesign visual prototypeBased off of my wireframes I created a hi-fidelity prototype. This design encapsulates the stakeholder research and interaction design principles outlined in my previous wireframes. This prototype prioritized elements from the tablet wireframe to make it cross-functional.

Original New Redesign

Page 8: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Your Local Market Co-opAnalytics and Strategy Web Analytics

Social Media and Website AuditI worked with a team to create a Digital Media Audit report based off of data from Google Analytics and Sysomos MAPS. In our report we made web design and social media recommendations.

Contact me for full report

Page 9: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Your Local Market Co-opStrategy and Design Proto-Personas

Appendix 1: Recommended Personas

Photo Source: Versluis and Uyttenbroek, 1995-2012

Customer based strategyAs part of the report I worked with my team to create personas of customers to embody the goals, attitudes, and behaviors that customers have in interacting with YLMCs website, social media, brand identity, and physical assets.

Contact me for full report

Page 10: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

GMAILUsability Proposals

Thread Merge Function. (1)Currently there is no way to combine email threads in Gmail. I propose that a “merge” button to allow users to combine multiple threads into a single thread. The emails in the thread would be organized based on recencey, with the most recent emails showing up at the top of the thread. Additionally I proposed the inclusion of a dropdown menu with the options “merge” and “quick view”. Quick view wouldallow users to view multiple threads as a singlethread without merging them.

Email History Navigation Function. (2)Currently sorting through old emails is painful. The task involves looking through pages of emails until you find what your looking for. Here I propose that it would be helpful to create a filter that would allow users to view their emails based on the time period which they where received or sent.

Feature Design Prototype

1 2

Page 11: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Viewport Responsive Scroll-bars (3)Currently when your browser viewport drops below 60% of the full screen size the Gmail webpage stops being responsive. I propose here that secondary minimalist scroll bars would allow individuals to navigate more successfully in Gmail while multitasking on their computer.

GMAILUsability Proposals

Feature Design Prototype

3

Page 12: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

UWaterloo LibraryConceptual Prototype

Mobile Application Wireframe

Application concept for UWaterloo Library to meet student needs I collected data on undergraduate, graduate, and doctoral students using field interviews to understand student goals, attitudes, and behviours in their interaction with academic libraries. I then translated the findings of these interviews into a mobile application for the University of Waterloo to help users with their study and research needs.

Page 13: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

League of LegendsFeature Proposal Feature Design Prototype

Dealing with users exhibiting toxic behaviourCurrently there is no good way in League of Legends to deal with toxic players during character selection. Here I propose a system to boot toxic individuals from the game where players can vote to boot a player from the current game. Success of this action is based on a majority vote.

Page 14: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

League of LegendsFeature Proposal

Cool down Period for Toxic BehaviourI would then suggest that a 5 minute waiting period be enforced on the toxic player who was just booted. During this time the player would not be able to join a new game. This would allow the player time to cool down from whatever negative circumstances that led them to decide to act toxically. Feature Design Prototype

Page 15: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Peel RegionResearch and Strategy

Scoping Review

Contact me for full report

Aspergers Research LandscapeWith a project team I worked on creating a scoping review of the psychological research done on Aspergers Syndrome. This was done as part of a larger report done for the Region of Peel on best practices for supporting children and youth dealing with Aspergers Syndrome.

Page 16: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

Voice TechniquePoster Graphic Design: Print

Marketing Poster for Voice ClassesI help do voice coaching for people who want to get better at ethnographic interviews, and public speaking. I created this poster to market my services to undergraduate students at the University of Waterloo.

Page 17: Abram Ying-Kin Chan - UX Research and Interaction Design portofolio

ePortfolioPhone #: 519-729-7238Email: [email protected]

ENDAbram Ying-Kin Chan

User-Experience (UX)