• P O R T F O L I O

  • P R O C E S S

  • P E T P R O J E C T S

  • A B O U T

  • R E S U M E

  • More

    SHIH–WEN ANGELA CHEN

    UX Designer & Creative Technologist

    © 2016 Shih-wen ‘Angela’ Chen

    Here is a brief introduction of my general UX design process and some related examples from my works.

    Test & Iterate

    Shadowing

    ​

    Observe user’s behavior, find success points and pain points, understand user’s concerns, thoughts, feelings, and how they make decisions.

    Discover
    observation

    Design question​ / Hypothesis

    ​

    Write down “How might we...” questions to clearly define the problem. The question should be concrete, allow multiple solutions, and focus on only one problem. Then, based on the question, we can find out what the hypothesis is to solve this problem, or prove this problem exists.

    ​

    Verification

    ​

    Design quick tests, such as user interviews, questionnaires, coming-soon landing pages and online ads, to verify and prove the hypothesis, prove that the problem we want to solve is a legitimate problem, and prove that the target user group is as large as our estimate.

    ​

    User research

    ​

    Design personas to clearly understand and define user’s goals, needs, pain points and behaviors. The personas should portray several typical users of our product, with their profile, goals, needs, pain points and behavior, to help us to design for them and consider their needs. 

    Describe
    synthesis
    Design
    ideation

    Brainstorming​

    ​

    Brainstorming the solutions, categorize them, and pick some to put into the next step afterwards.

    Storyboard for scenario

    ​

    Create storyboards for scenarios of a solution. The storyboard should depict the target user, the problem (pain points), how the user gets to know the product (our solution), what motivates the user to use it, and how the product solves the user’s problem.

    Competitive analysis

    ​

    Study the competitors of existing solutions and their pros/cons in comparison to our own solutions.

    User flow

    ​

    Based on storyboard, follow user’s natural thought process and behavior to design user’s task flow of the solution.

    Wireframing

    ​

    Based on the user flow, convert the solution into the product structure and visual views, to get feedback from stakeholders (users and team members, etc.).

    Paper prototyping

    ​

    Print the wireframes to make quick and inexpensive paper prototypes, and do user tests to find out UX problems in an early stage of the design process.

    Digital prototyping

    ​

    Build interactive digital prototypes, with tools like OmniGraffle / InVision / Marvel, and include some real contents (images, texts, ...) for further user tests to find out more UX problem.

    ​

    As an example, here is an interactive digital prototype I made with Marvel: Boil Monitor v3.

    User testing

    ​

    Design user tests, set goal and tasks for user to complete, to observe how user understands/uses the interface and to confirm if the design solves the design question, and to improve the UX of the interface.

    ​

    Analyze the result and iterate the design to converge to the final product.

    Develop
    prototype
    This site was designed with the .com website builder. Create your website today.Start Now