Portfolio showcase of interface, interaction & UX design projects.

Select a thumbnail below to see the details of projects I have worked on. You will find my passion toward the world of IxD & UX. Enjoy!

TreasureHunter Ford fuel economy system I touch therefore I am Talking Points Smart phone research TrendMicro user experience research ARMuseum Firefox ecommunity study evaluation of habla evaluation of UM eportfolio
 

TreasureHunter

Treasure Hunter iPhone application
hi-fi prototypes video (phone app)
Treasure Hunter online community
hi-fi prototypes
 
  • Skills: contextual inquiry, usability testing, prototyping, affinity diagramming
  • Technologies used: Axure RP
  • My role: interface designer, UX researcher, Axure prototyper
  • Award: 1st Place in 2009 CHI Student Design Competition
    [ read our paper ]  [ see our poster ]

  • In interface and interaction design class, my team designed a system called TreasureHunter to help increase the reuse of consumer goods to make consumption more sustainable. TreasureHunter utilizes frequent thrift store shoppers to help find requested items for those who lack the inclination to search for the items themselves. The interface for TreasureHunter consists of a web-based community combined with an iPhone interface that can be used while at a store. We won the first place in 2009 CHI Student Design Competition in Boston!

    Treasure Hunter design process
    iterative design process
     

    Fuel Economy System

    friend-finder system
    click here to see our iterative process
     
  • Contest: cloud computing in the commute held by Ford & Microsoft
  • Skills: iterative design, prototyping, icon design, theme design
  • Technologies used: Microsoft Visual Studio 2008, Microsoft Blend Expression3(WPF), Axure RP
  • My role: interaction designer, graphic designer, WPF prototyper

  • Our project intended to accomplish a number of things to promote our vision of bringing sustainability into the social realm. We made knowledge on fuel economy optimization accessible by creating a social networking website for people to interact and exchange knowledge on driving tips and techniques.This project participated in Cloud Computing in the Commute design competition held by Ford & Microsoft in May 2010.

    icon/graphic design
    the Drupal community
    team Armadillo
    the team included a designer (me) and 3 programmers
     

    I touch therefore I am

    design presentation by comics
    click here to see my full design ideas
     
  • Contest: multi-touch Screen Design Competition held by Microsoft Taiwan
  • Skills: iterative design, prototyping
  • My role: interface designer
  • Award: honorable mention in Multi-touch Screen Design Competition

  • I took this contest as a chance to examine my design skills and creativity thinking. I imagined the future design of multi-touch screen technology by interviewing friends and studying related papers. I visualized those techniques by drawing comics on pixton, and created a video to present my ideas. This project won Honorable Mention in multi-touch screen design contest held by Microsoft Taiwan.

     

    Talking Points on Google Nexus One

    gesture design
    gesture design ideas on Nexus One
     
  • Accomplishment: the system will be launched in September 2010 at University of Michigan
  • Skills: iterative design, prototyping
  • My role: UI designer, Android researcher

  • We are designing an app on Google Nexus One for visual impaired users to find point of interests near them, e.g restaurants, study rooms, special events, etc. As an Android phone user, I devoted a lot of time to research the accessibility and the interface guidelines on the Android system. I also interviewed a couple of users to understand the challenges of designing the interface on touch screen for blind users. The system will be launched in September at University of Michigan.

    iterative design
    design process
    talking-poings.org
    talking-points.org
     

    iPhone augmented reality in museum

    ARMuseum iterative design
    iterative design process
    ARMuseum hi-fi prototypes
    mid-fi prototypes
     
  • Project Team: ARMusem
  • Client: UM Exhibit Museum of Natural Science
  • Skills: usability testing, prototyping
  • My role: interaction designer

  • In information visualization class, our team designed an augmented reality interface for an iPhone application, using similar technology related to spatial proximity. This is a great opportunity to brainstorm creative ways to explain works of art without a tour guide, and really define how ubiquitous computing can be designed to better inform us.

     

    Interaction design & Info-seeking of mobile phones

    Nokia N97 usability testing  
  • Research Lab: Internet & Multimedia Lab, supervised by Christine Chang
  • Skills: User-centered design, heuristic evaluation, statistics, eye-tracking system
  • My role: User experience researcher
  • Publication: Interface design and information-seeking behavior of 3G mobile phone

  • I was a research assistant in the Internet and Multimedia Lab and primarily worked with Dr. Christian Chang. We did research about interaction and interface design of three 3G cell phones. I designed the research method the conducted usability test sessions with 30 students by asking to complete some tasks, including finding a restaurant, looking for information on the net, and setting the route to the destination. Dr. Chang and I published the working paper on Creativity journal in March 2009.

     

    UX research at TrendMicro

    TrendMicro  
  • Job title: user experience researcher
  • Skills: excel, survey tools, content management system, heuristic evaluation
  • My role: UX designer

  • I interned at TrendMicro, an anti-virus software company in Cupertino, California as a user experience researcher. I evaluated the formation of consumers by analyzing more than 1000 survey responses. I provided several design suggestions to the visual design team based on my analysis and evaluation. I also managed the internal content management system, SharePoint, and redesigned the workflow of task-tracking.

     

    ecommunity study: SpreadFirefox

    design presentation by comics  
  • Research ecommunity: SpreadFirefox
  • Course: analysis & design of online communities
  • Skills: case study, design claim suggestions
  • My role: researcher

  • In analysis & design of online communities class, I chose SpreadFirefox as the studying subject and observed the goal, structure, members, norms and events within the website to analyze how effective the community works and how people interact with others. I'll come up with design claims related to improvements of newcomers' commitment, regulation of users' behavior, and motivation for members' contribution.

     

    Evaluation & system analysis of Hab.la

    Hab.la  
  • Course: evaluation & system analysis
  • Client: Hab.la (now Olark)
  • Skills: personas & scenarios, competitive analysis, heuristic evaluation, system evaluation
  • My role: UX researcher

  • Our team studied and assessed the usability of Hab.la, a lightweight widget that allows the website owners to chat with their visitors using their existing instant messengers. We analyzed the website and the widget by interviewing potential users, developing personas and scenarios, comparing the pros and cons of 6 competitors, and doing heuristic evaluation.

     

    Evaluation of UM ePortfolio

    workflow evaluation  
  • Course: contextual inquiry & project management
  • Client: UM ePortfolio
  • Skills: contextual inquiry, affinity diagramming, models analysis
  • My role: interviewer, UX researcher

  • Our team collected information on the flow of communication both within and between the ePortfolio group and client sites in order to investigate and analyze the working process of ePortfolio team to set up new ePortfolio pilot sites with clients. We collected data by conducting seven interviews with ePortfolio team members and clients. Our team developed a number of visual representations, including a flow, sequential, artifact and physical model, analyzed all the data and provided 3 useful recommendations for improving the working process of the team.

    Graphic Design