I seek to create simple and aesthetic experience.
Hi, my name is 黃莞婷, read as . In English, "Wan-Ting" happens to be the continuous tense of "want", which I think is a cool coincidence.
As an interaction designer, I believe that good design comes from human-centered thinking and processes, as well as collaboration with diverse people. I seek to create simple and aesthetic interactive experiences by constantly learning, practicing and reflecting about the surprises and routines in life's challenges and adventures.
Before formally devoting myself into the field of interaction design, I got my undergraduate degree in Business Administration and Finance at National Taiwan University. My business background positively influenced my design philosophy by providing me a bigger picture of companies and a practical mindset when making design decisions.
I just graduated from Indiana University Bloomington with a Master's degree in Human-Computer Interaction Design and currently stays in the San Francisco Bay Area. I am looking for new projects and employment opportunities. If you're interested in collaboration, let's talk!
CVYou can get in touch with me via email: wanting76[-at-]gmail[-dot-]com,
or use the contact form below.
Copyright © 2012~2013
Wan-Ting Huang
May. 2012~May. 2013(Expected)
Research, Sketching, Wireframing, Prototyping, Developing, User Testing
Due to Confidentiality Agreement with Cook Medical, detailed materials are for face-to-face showcase only.
During my internship at Cook Medical since May 2012, my project mainly focused on developing a style guide for Cook’s incoming public website, and then extending the web identity further to Cook's digital publications on iPads. The style guide is a document that record the design team's decisions through out the design process, which is presented in a visually-enhanced way to clearly convey our thoughts and advance communication with other in-house designers as well as outside vendors. It will act as a living document that will reflect updates and evolve as the project goes forward.
The second stage of the project is to convert the paper style guide into an interactive digital publication on iPads that is more engaging and easier to share. My responsibility was to research and explore the possible interaction and visual design on the screen that is aligned with Cook's brand identity, and also build an example application by Adobe Publishing Suite to envision other future digital publications.
Nov. 2012~Dec. 2012
(3 weeks)
Ideation, Secondary research, Conceptualization, Prototyping
PDFPeople with different temperaments work differently. Misunderstanding occurs when people judge their teammates' contribution only from their own perspectives and only from what they see during a meeting. In a team setting, people who are extroverted can perceive their introverted teammates as lazy or as if they don’t care, don’t have anything to say, etc. On the other hand, introverts can view their extroverted teammates as loud and bossy and as people who don’t take time to think things through before they talk.
Extroverts thrive on social interaction while introverts tend to work better and more creatively alone where they are free to focus on specific goals.
Based on our primary and secondary research, we discovered that each group's optimal creative and productive condition is the exact opposite of the other. Extroverts thrive on social interaction while introverts tend to work better and more creatively alone where they are free to focus on specific goals. From Susan Cain’s book, Quiet, we learned about the extrovert ideal and how it changed the fabric of the American workforce. We also learned that small teams with diversity in skills and personality provide the best results.
Our design was intended to improve the understanding between introverts and extroverts in a team setting by providing them a collaborative tool to facilitate communication before, during and after meetings. The prototypes below showed how the relation tree visualizes the group dynamics and each team member's contribution, as well as how the filter function provides constant feedback to team members.
Before meetings, people who did more individual works can make their contribution be seen by others through the application. During meetings, the facilitator of the team can start discussions from what has been recorded, instead of being drawn by people who talk more and ignoring the quieter one. Once in a while, the team can review each other's contribution and discuss future expectation based on everybody's performance. The following video showed an overall scenario that the design can possibly be used.
Nov. 2012
(2 weeks)
Ideation, Secondary research, Conceptualization, Prototyping, Usability Test, Presentation
Given that Crate & Barrel, an American furniture company, had made a commitment to launch The Eames Store within its product lines, the challenge is to create a digital experience on iPads: a store within a store that features the furniture designs of Charles and Ray Eames. It was also a collaborative project between the School of Fine Arts and the School of Informatics at IU. Our team was composed of 2 graphic designers and 2 interaction designers, which reflects the real-time collaboration in a work environment.
"Yes, it was a flash of inspiration, a kind of 30-year flash." by Charles Eames describing how the development of the Molded Plywood Chairs evolved over time.
In the first meeting, our team started from exchanging each other's design processes and initial thoughts about the project to find common grounds. The group came to the decision that the app should be as much about education as commerce, connecting with the desired audience - young, tasteful professionals with money to burn - inviting them to be part of a world which has been shaped by the Eameses in subtle and explicit ways. After that, each person focused on researching his field of expertise. For interaction designers, we looked more into users' needs and the exemplars of tablet shopping experience, while graphic designers focused more on Eames' design spirits and building actual visual elements, e.g. moodboards, as the resource assets that can be utilized in the future. We shared phrases and keywords which shone out brightly during our research, with the idea of a “thirty year flash of inspiration” standing out as especially potent. Exploring this idea on the white board, the group arrived at an idea of a graphic timeline, leading the user from the initial inspiration for each Eames design, to the logical conclusion of committing to a purchase.
The project was a fresh and inspired collaborative experience for all of us. The interaction designers learned about the central role of type as visual identity from the graphic designers, who likewise appreciated the insights of usability testing performed by the interaction designers. The project has opened our eyes to the methods employed by our counterparts and made us more open minded to new possibilities, both in envisioning a final artifact and in the collaborative process itself.
Aug. 2012
(5 days)
Ideation, Secondary research, Conceptualization, Prototyping, Usability Test, Presentation
Persona PDF Usability Test PDFIt's better to take precautions against a calamity before it happens. This fictional zombie project is one of the examples. We were designers who got a request of designing a survival app from the leader of other survivors when the walking dead was prevalent on the earth. We had very limited information about the outbreaks. We just knew that the West was a safer place to go and people could still access to unstable signals through their smartphones.
Evacuating people in groups is more efficient and safer than evacuating them individually.
In order to approach this fictional problem, we gained insights from TV series about zombies and created a persona as our reference point. We also looked into the best practice of mass evacuation in human's disastrous history, where we found that evacuating people in groups is more efficient and safer than evacuating them individually. With the idea in mind, we developed a concept of a carpooling system, given that there were no any rescue teams around. People needed to help each other get on vehicles in order to make it to California.
Feb. 2012~Mar. 2012
(a month)
Ideation, Primary and secondary research, Conceptualization, Booklet design.
PDFA design workbook is a way of presenting design processes, which includes strategies for targeting design research, design thinking and design communication. The goal of a workbook is to document the research methods that are used and how those research results lead to final concepts. It focuses more on the beginning exploratory stage of a project, rather than finalizing concept details in the later stages.
A design workbook focuses more on the beginning exploratory stage of a project.
In this specific design challenge, we were asked to ideate around the topic of preserving cultural heritage through interaction design. We first created a mind map and brainstormed about interested topics, with "the culture of ethnic food" speaking to us the most. We then went for this direction and did couple interview and observation sessions to gain insights from them. We also did an online survey to involve more subjects in order to gain bigger picture of the problem. Based on our research, in the end we generated three concepts, by which we hoped to enhance people's awareness about the ethnic food around them and increase the convenience to access to resources they need when cooking.
The final interface sought to turn a traditional text-intensive recommendation application into a visually-focused interface that is more intuitive for users.
The selection of proper interior lighting is somewhat technical for people who are not familiar with the terminology of physics. It's also very subjective in terms of appearance preference and room layout. The design was intended to create a recommendation system that can achieve both functionality and aesthetics as well as consider a space as a whole. Besides, since the project was from the course of graphic design, the final interface sought to turn a traditional text-intensive recommendation application into a visually-focused interface that is more intuitive for users.
In addition to the application, the booklet also contained initial exercises in preparation for the final concept, including a traditional matrix, an interactive matrix, a concept map, personas and a system map. They might not relate to the final recommendation system directly but were assets that helped me develop the idea in the end.
I found the personal identity project is the most challenging project within my portfolio, not only because there is no deadline to work for myself, but also because my design philosophy evolves every time I finish a new project. The project was intended to capture who I am as a designer right now, but it will definitely be a lifelong project that I'll keep in mind forever.
The website was designed and hand-coded by myself based on the HTML5 standard. With the single-page design, I hoped to create a smooth flow that portrays myself and showcases my works within just a few glances.
Jul. 2013~Sep. 2013
and the marketing and dev team in the company
Interface design, Visual graphics creation, Task flow design, UX strategies
Check out the full site at www.23andme.com.
Redesigning the checkout flow, research and wireframes [pdf download]
Full mocks of the responsive site [pdf download]
ZenPayroll, Inc provides online payroll service that enables businesses to get set up and run payroll in minutes, from any web enabled device. I helped the team create infographics that go with their blog posts, as well as create other marketing materials.
See original blog post: [click]
May 2013
User research, UX strategy, Interaction design
The project is about developing strategy for improving the notification system on iOS devices. It's a personal project that I did to showcase my design thinking and process.
See full presentation [pdf download]
Oct.2012
Teamworked with Tarun Gangwani.
Arduino is an open-source electronics prototyping platform based on flexible, easy-to-use hardware and software. In this project, we used Arduino to modify a Newton's Cradle, making it go beyond a physical device that demonstrates basic physics rule, but also an interactive toy that can play music with different tempos.
The visual design of a typical paper classified usually suffers from over-decoration, which contains too many different fonts, colors, and images. The challenge of the project is about improving a traditional classified by using only 1 font and 1 image to create visual hierarchy and interest.
To design a collection of 16 stamps of endangered species desgined for World Wildlife Fund, I chose the same color palette and use geometric shapes to create a consistent visual look for each animals.
The collection of 8 postcards of endangered species were also designed for World Wildlife Fund. With the concept, I was intended to strengthen the idea that humans occupy those animals' habitats and put them endangered.
The collection of 4 book covers were designed for the Penguin Shakespeare Series. I created patterns that represent the themes from each story, and chose script fonts to enhance the overall classic look.