Wenzhu Zou worked as the lead for the Smart Kitchen work package of the SmartProducts project. The project developed smart kitchen appliances and a web application called the Smart Kitchen Assistant to help users plan healthy meals and track their food intake. Zou designed the user interface and conducted usability testing which provided feedback for improvements. The Smart Kitchen system demonstration was well received by the European Union committee.
Fronteers Jam Session: Principles of Accessible Web DesignEric Eggert
This document discusses principles of accessible web design. It notes that everyone may become disabled at some point so websites should be designed for all. Accessible design helps everyone, not just those with disabilities, and allows people to access websites using different input and output mechanisms. The document advocates for using plain HTML5 and the WCAG2 guidelines to create websites that are perceivable, operable, understandable and robust for all users.
This document provides an overview and agenda for the first session of the course EDU614 - Integrating Technology for All Students.
The session agenda includes: conducting a poll; reviewing the syllabus and course overview; a presentation on the importance of technology; an introduction to the class Ning site for collaboration; logging into accounts; and introductions from students about their teaching experience and favorite technologies.
The instructor, Kathy Favazza, then introduces herself and shares about her professional experience and classroom technology use before having students introduce themselves as well.
The document discusses what makes a city digitally inclusive and civically tech-focused. For digital inclusion, some key factors are decreasing gaps in internet access, adoption, and skills through investments in underserved areas. For civic tech, it's a community of residents and developers who collaborate by having residents provide feedback and sometimes co-create apps and websites. The document argues that civic tech and digital inclusion efforts should not be separate but mutually reinforcing through collaboration between groups.
Community Partnership in Civic Tech: Workshop, Code for America Summit 2015Laurenellen McCann
Slides from Laurenellen McCann's workshop at the Code for America 2015 Summit. This talk explores how civic technology is made today and explores alternative methods for creation based on real world examples that prioritize people and civic context above raw technology production. Based on research conducted by McCann and the Smart Chicago Collaborative as part of the Knight Foundation's Community Information Challenge. For more information (and to check out the accompanying book), head to http://smartchicagocollaborative.org/modes or http://buildwith.org.
The document explains how to create a histogram from a set of data by first arranging the data from least to greatest, then setting up the horizontal and vertical axes. The horizontal axis ranges are determined by finding the difference between the maximum and minimum values and dividing by 7. The vertical axis represents frequency. Bars are created with ranges along the horizontal axis, and the height of each bar represents how many data points fall into that range. The key aspects of a histogram are described as its shape, center, and spread.
This document describes how to create stemplots, which are a visual way to represent data values. It involves ordering the data from least to greatest, using all but the last digit of each number as "stems" on the left side of a T-chart, and placing the removed last digits as "leaves" on the right side to show the distribution of values. It provides examples of creating stemplots and discusses techniques like rounding stems or using split stems when data is not well-distributed along a single stem.
Social networks play a key role in shaping human behavior and outcomes. Research shows that individuals influence and are influenced by their social networks. Networks can spread emotions and behaviors through interconnection. Understanding social networks could inform public policy by revealing how small interventions may have large effects through network transmission. Further research is needed to better understand how values interact with different types of social networks and how to effectively impact networks to drive social change.
Fronteers Jam Session: Principles of Accessible Web DesignEric Eggert
This document discusses principles of accessible web design. It notes that everyone may become disabled at some point so websites should be designed for all. Accessible design helps everyone, not just those with disabilities, and allows people to access websites using different input and output mechanisms. The document advocates for using plain HTML5 and the WCAG2 guidelines to create websites that are perceivable, operable, understandable and robust for all users.
This document provides an overview and agenda for the first session of the course EDU614 - Integrating Technology for All Students.
The session agenda includes: conducting a poll; reviewing the syllabus and course overview; a presentation on the importance of technology; an introduction to the class Ning site for collaboration; logging into accounts; and introductions from students about their teaching experience and favorite technologies.
The instructor, Kathy Favazza, then introduces herself and shares about her professional experience and classroom technology use before having students introduce themselves as well.
The document discusses what makes a city digitally inclusive and civically tech-focused. For digital inclusion, some key factors are decreasing gaps in internet access, adoption, and skills through investments in underserved areas. For civic tech, it's a community of residents and developers who collaborate by having residents provide feedback and sometimes co-create apps and websites. The document argues that civic tech and digital inclusion efforts should not be separate but mutually reinforcing through collaboration between groups.
Community Partnership in Civic Tech: Workshop, Code for America Summit 2015Laurenellen McCann
Slides from Laurenellen McCann's workshop at the Code for America 2015 Summit. This talk explores how civic technology is made today and explores alternative methods for creation based on real world examples that prioritize people and civic context above raw technology production. Based on research conducted by McCann and the Smart Chicago Collaborative as part of the Knight Foundation's Community Information Challenge. For more information (and to check out the accompanying book), head to http://smartchicagocollaborative.org/modes or http://buildwith.org.
The document explains how to create a histogram from a set of data by first arranging the data from least to greatest, then setting up the horizontal and vertical axes. The horizontal axis ranges are determined by finding the difference between the maximum and minimum values and dividing by 7. The vertical axis represents frequency. Bars are created with ranges along the horizontal axis, and the height of each bar represents how many data points fall into that range. The key aspects of a histogram are described as its shape, center, and spread.
This document describes how to create stemplots, which are a visual way to represent data values. It involves ordering the data from least to greatest, using all but the last digit of each number as "stems" on the left side of a T-chart, and placing the removed last digits as "leaves" on the right side to show the distribution of values. It provides examples of creating stemplots and discusses techniques like rounding stems or using split stems when data is not well-distributed along a single stem.
Social networks play a key role in shaping human behavior and outcomes. Research shows that individuals influence and are influenced by their social networks. Networks can spread emotions and behaviors through interconnection. Understanding social networks could inform public policy by revealing how small interventions may have large effects through network transmission. Further research is needed to better understand how values interact with different types of social networks and how to effectively impact networks to drive social change.
The document appears to be advertising a Freedude Superhero clothing collection. It includes descriptions of a beanie hat made of wool, nylon and cotton, a leather jacket with pockets and metallic details, a cotton long sleeve jersey, a stainless steel watch, and a cotton jersey with an elastic waist. The collection seems focused on inspiring youth and breaking trends.
The document discusses measures of central tendency, specifically mean, median, and mode. It provides examples to calculate and compare the mean and median scores of a basketball player before and after an outlier score. The mean is greatly affected by outliers, while the median is not as influenced. The median provides a better measure of central tendency when outliers are present in the data set. The mode is the most common value in a data set but may not always indicate the center if multiple values occur the same amount of times.
The document discusses different stakeholders in the current and future state of social care including local authorities, NHS, third sector organizations, commissioners, providers, and end users. It suggests that in the future, social enterprises, time banks, micro businesses, and user-led organizations will play a larger role in delivering care, supported by consortia models and core funding, with an emphasis on local delivery and empowering end users.
An outlier is an observation that deviates markedly from other observations in a sample. Outliers can be identified visually in histograms by observations that lie two or more bin widths from the rest of the data or in stemplots by observations separated by an empty row. In boxplots, outliers are values less than Q1 - 1.5*IQR or greater than Q3 + 1.5*IQR. When outliers are present, they are marked as single points in a modified boxplot with the whisker drawn to the next largest non-outlier value. Some statistical measures are resistant to outliers and do not change significantly when outliers are present.
The document discusses transforming adult social care services to improve customer experiences and outcomes while achieving cost savings. It proposes an integrated approach across local government, health and the third sector with a focus on collaboration, community engagement, reablement and prevention. Reablement is highlighted as a way to reduce costs and support independent living through regaining individual abilities and confidence. The benefits are outlined as improved quality of life, savings on health and social care spending, and meeting the needs of an aging population.
A boxplot, or box-and-whisker plot, is used to graphically depict the distribution of data based on five key pieces of information: the minimum value, the lower quartile (Q1), the median, the upper quartile (Q3), and the maximum value. To construct a boxplot, these five values are plotted on a number line and the interquartile range from Q1 to Q3 forms the box, with a line at the median. Whiskers extend from the box to the minimum and maximum values.
The document discusses the history and evolution of mobile devices and user interfaces. It covers topics like screen sizes, input methods, browsers, and design best practices. The mobile experience has progressed from basic phones and screens to touch interfaces, sensors and personalized experiences. Good mobile design requires understanding context, usability testing on actual devices, and adapting to ongoing technological changes.
Effective communications require understanding people's motivations and values. People are motivated by different values like tradition, status, or ethics. Communications need to match these values and address people's core concerns to influence them. Most people feel listened to if they can air their views, even if the outcome doesn't match their preference. Different communication channels work best depending on people's values. Frontline staff are important for communicating with more tradition-driven residents. Understanding communities' values is key to building trust and engagement during a time of budget pressures and changing approaches.
FoodToast is a regional food delivery service opearted in more than 500 Indian cities. FoodToast aims to define upraise the quality of life and experience of urban consumers by offering the convenience of food ordering and delivery and overall experience.
This slide was used at CHI2012 Conference (http://dl.acm.org/citation.cfm?id=2207695). Paper "panavi: recipe medium with a sensors-embedded pan for domestic users to master professional culinary arts"is here http://panavi.jp/panavi_CHI2012.pdf. http://panavi.jp
IRJET- Foodorials- A Cooking Recipe Android AppIRJET Journal
This document describes a proposed Android application called Foodorials that aims to help users cook meals easily from home. The key features of the app include providing recipes that can be accessed offline, a smart search filter for recipes, an integrated shopping list, and maps to locate nearby grocery stores. The app is designed to have a structured user interface and provide step-by-step recipes simply for beginners and experts alike. It was created using technologies like Ionic, Android SDK, Node.js, and Cordova to be accessible on Android devices. Future goals include adding sharing of recipes, quick access to favorites, and nutritional information. The purpose is to make cooking at home more convenient and accessible through a mobile application.
Human(e) machine interaction? A reflection on the development of productsIHM'10
1) Product development processes often have gaps in knowledge about and engagement with users. Designers struggle to truly understand users and incorporate their perspectives.
2) There are calls to move beyond a user-centered approach to one of user integration, where users are systematically involved throughout the development process.
3) While usability aims to ensure effectiveness, efficiency and satisfaction, the full user experience encompasses emotional responses and involvement that must also be considered in design.
The document provides details on the design process for an app called Protein Pal. It describes conducting research through questionnaires with target users aged 16-28 to understand their needs. Key points from the research were organized to define the app's purpose and features. Ideation methods like mind maps and mood boards were used to develop ideas. The app aims to educate users on plant-based proteins, track their progress, and provide discounts. Individual sections include "Learn" courses on proteins, a meal tracker, and suggested snacks. Wireframes and prototypes were created and tested for the education features. The document discusses using behavior change models to motivate users through tailored notifications and information.
The Univision Experience Design Team is responsible for creating best-in-class apps and responsive websites through an iterative user experience design process. They start with a comprehensive vision and use planning, iteration, and feedback to build outstanding digital experiences that wow audiences. The team conducts research, usability testing, prototyping and works closely with developers to deploy products and continuously improve based on user data. Their goal is to create emotional bonds between users and products by starting with a clear vision and design process focused on the user experience.
Reverse engineering, also known as back engineering, is a process of obtaining knowledge from a manufactured product and developing one with similar characteristics. In the food and beverage industries, reverse engineering is also called deformulation. By reverse engineering, food manufacturing start ups can learn how a product is made and update an existing product that meets consumer requirements.
Forklyft is a proposed technology company that aims to make wholesome, delicious food readily available to everyone by leveraging technology. The company wants to address the problem that consumers have no easy way to find and purchase ingredients for recipes they see online. Forklyft would be an Instagram-integrated app that allows influencers to share recipes tagged with ingredients, which followers could then add to grocery lists and send to delivery services to purchase. A project schedule outlines 18 weeks of work to develop prototypes, marketing plans, and other deliverables to pitch the Forklyft concept.
A Product Approach To News, Digiday Publishing Summit, Key Biscayne September...Digiday
This document discusses the differences between traditional news companies, digital platform companies, and a product approach to news. Traditional news companies focus on reporting and distributing original journalism. Digital platform companies focus on aggregated news destinations and superior user experiences. A product approach focuses on creating digital products powered by journalism, like a daily morning briefing or recipe tools that provide utility to users and bring them together in a community. This product approach aims to catch readers up quickly, help them feel connected to the world, and make daily decisions through concise summaries and useful features.
The document appears to be advertising a Freedude Superhero clothing collection. It includes descriptions of a beanie hat made of wool, nylon and cotton, a leather jacket with pockets and metallic details, a cotton long sleeve jersey, a stainless steel watch, and a cotton jersey with an elastic waist. The collection seems focused on inspiring youth and breaking trends.
The document discusses measures of central tendency, specifically mean, median, and mode. It provides examples to calculate and compare the mean and median scores of a basketball player before and after an outlier score. The mean is greatly affected by outliers, while the median is not as influenced. The median provides a better measure of central tendency when outliers are present in the data set. The mode is the most common value in a data set but may not always indicate the center if multiple values occur the same amount of times.
The document discusses different stakeholders in the current and future state of social care including local authorities, NHS, third sector organizations, commissioners, providers, and end users. It suggests that in the future, social enterprises, time banks, micro businesses, and user-led organizations will play a larger role in delivering care, supported by consortia models and core funding, with an emphasis on local delivery and empowering end users.
An outlier is an observation that deviates markedly from other observations in a sample. Outliers can be identified visually in histograms by observations that lie two or more bin widths from the rest of the data or in stemplots by observations separated by an empty row. In boxplots, outliers are values less than Q1 - 1.5*IQR or greater than Q3 + 1.5*IQR. When outliers are present, they are marked as single points in a modified boxplot with the whisker drawn to the next largest non-outlier value. Some statistical measures are resistant to outliers and do not change significantly when outliers are present.
The document discusses transforming adult social care services to improve customer experiences and outcomes while achieving cost savings. It proposes an integrated approach across local government, health and the third sector with a focus on collaboration, community engagement, reablement and prevention. Reablement is highlighted as a way to reduce costs and support independent living through regaining individual abilities and confidence. The benefits are outlined as improved quality of life, savings on health and social care spending, and meeting the needs of an aging population.
A boxplot, or box-and-whisker plot, is used to graphically depict the distribution of data based on five key pieces of information: the minimum value, the lower quartile (Q1), the median, the upper quartile (Q3), and the maximum value. To construct a boxplot, these five values are plotted on a number line and the interquartile range from Q1 to Q3 forms the box, with a line at the median. Whiskers extend from the box to the minimum and maximum values.
The document discusses the history and evolution of mobile devices and user interfaces. It covers topics like screen sizes, input methods, browsers, and design best practices. The mobile experience has progressed from basic phones and screens to touch interfaces, sensors and personalized experiences. Good mobile design requires understanding context, usability testing on actual devices, and adapting to ongoing technological changes.
Effective communications require understanding people's motivations and values. People are motivated by different values like tradition, status, or ethics. Communications need to match these values and address people's core concerns to influence them. Most people feel listened to if they can air their views, even if the outcome doesn't match their preference. Different communication channels work best depending on people's values. Frontline staff are important for communicating with more tradition-driven residents. Understanding communities' values is key to building trust and engagement during a time of budget pressures and changing approaches.
FoodToast is a regional food delivery service opearted in more than 500 Indian cities. FoodToast aims to define upraise the quality of life and experience of urban consumers by offering the convenience of food ordering and delivery and overall experience.
This slide was used at CHI2012 Conference (http://dl.acm.org/citation.cfm?id=2207695). Paper "panavi: recipe medium with a sensors-embedded pan for domestic users to master professional culinary arts"is here http://panavi.jp/panavi_CHI2012.pdf. http://panavi.jp
IRJET- Foodorials- A Cooking Recipe Android AppIRJET Journal
This document describes a proposed Android application called Foodorials that aims to help users cook meals easily from home. The key features of the app include providing recipes that can be accessed offline, a smart search filter for recipes, an integrated shopping list, and maps to locate nearby grocery stores. The app is designed to have a structured user interface and provide step-by-step recipes simply for beginners and experts alike. It was created using technologies like Ionic, Android SDK, Node.js, and Cordova to be accessible on Android devices. Future goals include adding sharing of recipes, quick access to favorites, and nutritional information. The purpose is to make cooking at home more convenient and accessible through a mobile application.
Human(e) machine interaction? A reflection on the development of productsIHM'10
1) Product development processes often have gaps in knowledge about and engagement with users. Designers struggle to truly understand users and incorporate their perspectives.
2) There are calls to move beyond a user-centered approach to one of user integration, where users are systematically involved throughout the development process.
3) While usability aims to ensure effectiveness, efficiency and satisfaction, the full user experience encompasses emotional responses and involvement that must also be considered in design.
The document provides details on the design process for an app called Protein Pal. It describes conducting research through questionnaires with target users aged 16-28 to understand their needs. Key points from the research were organized to define the app's purpose and features. Ideation methods like mind maps and mood boards were used to develop ideas. The app aims to educate users on plant-based proteins, track their progress, and provide discounts. Individual sections include "Learn" courses on proteins, a meal tracker, and suggested snacks. Wireframes and prototypes were created and tested for the education features. The document discusses using behavior change models to motivate users through tailored notifications and information.
The Univision Experience Design Team is responsible for creating best-in-class apps and responsive websites through an iterative user experience design process. They start with a comprehensive vision and use planning, iteration, and feedback to build outstanding digital experiences that wow audiences. The team conducts research, usability testing, prototyping and works closely with developers to deploy products and continuously improve based on user data. Their goal is to create emotional bonds between users and products by starting with a clear vision and design process focused on the user experience.
Reverse engineering, also known as back engineering, is a process of obtaining knowledge from a manufactured product and developing one with similar characteristics. In the food and beverage industries, reverse engineering is also called deformulation. By reverse engineering, food manufacturing start ups can learn how a product is made and update an existing product that meets consumer requirements.
Forklyft is a proposed technology company that aims to make wholesome, delicious food readily available to everyone by leveraging technology. The company wants to address the problem that consumers have no easy way to find and purchase ingredients for recipes they see online. Forklyft would be an Instagram-integrated app that allows influencers to share recipes tagged with ingredients, which followers could then add to grocery lists and send to delivery services to purchase. A project schedule outlines 18 weeks of work to develop prototypes, marketing plans, and other deliverables to pitch the Forklyft concept.
A Product Approach To News, Digiday Publishing Summit, Key Biscayne September...Digiday
This document discusses the differences between traditional news companies, digital platform companies, and a product approach to news. Traditional news companies focus on reporting and distributing original journalism. Digital platform companies focus on aggregated news destinations and superior user experiences. A product approach focuses on creating digital products powered by journalism, like a daily morning briefing or recipe tools that provide utility to users and bring them together in a community. This product approach aims to catch readers up quickly, help them feel connected to the world, and make daily decisions through concise summaries and useful features.
The document describes several mobile applications for Android, IOS, and web platforms. They include applications for mobile shopping, drums, meditation, meal planning, life coaching, product recommendations for mothers, artwork customization, and more. The applications provide features like editing photos, sound recording, meditation lessons, customizable meal planning, goal setting, local product search, and modifying artwork designs.
Fitness Activity Recognition for SmartphoneIRJET Journal
This document summarizes a research paper on developing a mobile application to promote fitness activities and water intake. The application tracks step count and converts it to activity time to quantify daily exercise. It also tracks water intake and provides reminders to stay hydrated. The applications were created using Flutter and Firebase for step counting and water tracking. The goal is to motivate adults to be more active and drink enough water through interactive tracking and reminders on their mobile phones.
WEB BASED NUTRITION AND DIET ASSISTANCE USING MACHINE LEARNINGIRJET Journal
The document describes a proposed web-based nutrition and diet assistance system using machine learning. The system aims to accurately identify foods from images using a convolutional neural network (CNN) model, calculate the nutritional content of the foods, determine the user's BMI, and provide personalized diet recommendations. The system uses techniques like pre-processing, region proposal networks, feature extraction, and CNNs to classify foods, retrieve nutritional data, and suggest diets tailored for the user's BMI and food choices. The goal is to help users conveniently track their nutrition intake and maintain a balanced diet for better health outcomes.
This document discusses the development of a recipe search mobile application. It outlines features of the app such as searching recipes by ingredients, calendar functionality to plan meals, and providing nutrition information. It also discusses monetization strategies like free basic features and premium subscriptions. Plans for marketing the app through social media, blogs, and partnerships are mentioned. Finally, it outlines the development process including gathering recipes, designing the app interface, and obtaining user feedback.
How do you map your business model and business plan at the same time? BID Canvas visually maps the existing and future state of your business that can be viewed in a glance.
How do you map your business model and business plan at the same time? BID Canvas visually maps the existing and future state of your business that can be viewed in a glance.
Designing a good digital experience - PDA Europe Virtual Conference 2020 Margaux Lesaffre
The document discusses designing good digital experiences through a user-centered design process. It involves understanding user needs through research, defining problems to solve, ideating and prototyping solutions, testing and iterating based on user feedback, and measuring impact. Key aspects addressed include onboarding users, reducing friction, prompting desired behaviors, and providing rewarding experiences to retain users.
1. WENZHU ZOU
jewelzou@hotmail.com
+31 645 119 285
www.wenzhuzou.com www.linkedin.com/in/wenzhuzou
USER EXPERIENCE/INTERACTION DESIGNER PORTFOLIO
Content Commercial Website Design 14
SmartProducts -- Kitchen Assistant Web App 1 Freelance Designs 16
UI Harmonization For Electron Microscopes 5 • SocialMenu Mobile App 17
Sleep Enhancement -- Warm Pillow 8 • One Penny Entrepreneur Website 17
Redesign TV Remote Control for Elderly 11 Graphic Design 18
2. About Wenzhu Zou
She is a highly motivated and creative UX/Interaction
Designer. She got her Professional Doctorate in Engineering
degree of User-System Interaction from Industrial Design, TU/e.
She has experience of working with multidisciplinary teams in
Philips research, FEI, etc. on the Interaction design, UX design and
Usability Engineering. She has the abilities of
- Proficiency in user-centered design method and creation of inno-
vative conceptual designs;
- Experience with performing concept prototyping and user test;
- Skillfulness in translate ideas into tangible concepts;
- Well acquainted with both quantitative and qualitative usability
research methods;
- Excellent skills in Adobe Creative Suite (Photoshop, Illustrator,
InDesign, etc.);
- Effectively work in a multidisciplinary team.
Her ambition is to contribute her expertise to create successful
products and positive user experiences.
i
3. Smart Products
Philips Research 02/2011—04/2012
Introduction
The SmartProducts project is a European Commission’s 7th Framework
Programme conducted by ten partners from industry and academia,
aiming at developing the scientific and technological basis for building
"smart products" with embedded "proactive knowledge" in order to
improve people’s quality of life. Philips led the Smart Kitchen application
scenario.
SmartProducts website: http://www.smartproducts-project.eu/mainpage/vision
My role: Work Package Lead & Interaction Designer
1
4. SmartProducts
I worked with nutrition specialists and software engineers on I defined the basic concept and information architecture for the
refining the kitchen scenarios starting from user’s needs, and Smart Kitchen Assistant application, sketched and created
developed the flowchart. The scenarios include meal plan for hi-fidelity mockup for every single page of the application. The
next weeks, supermarket shopping experience, cooking with Smart Kitchen Assistant is a web application which enhances
the help of cooking guide and food intake tracking. Different user’s awareness of healthily eating in each step. For example, in
smart kitchen appliances are applied in each scenario to guide the step of making meal plan, the Smart Kitchen Assistant uses
people healthily eating. various persuasive elements to help user to select healthy recipe,
like target setting, persuasive messages, healthfulness color
Flowchart indication and avatar. In addition, I applied the usability princi-
It shows the flow from making meal plan until cooking ples to the UI design.
and recording food intake. Sketch
Tool: Illustrator
User makes meal plan for
several days through the
Cooking Guide System
generate
adapt Meal plan list
Eat outside. The real
food intake cannot be
measured
Follow No Eat at No automatically. User
Plan? home? needs to update the
meal planner manually.
Yes Yes
Change recipe
Cooking with Input food
No info No
Chopping
Board? manually?
Yes Yes
Real food intake info
measured by chopping
board
SmartProducts website: http://www.smartproducts-project.eu/mainpage/vision
2
5. SmartProducts
I coached the development team including 3 Software Engi- I designed tasks and conducted the usability testing to evaluate
neers with SCRUM method to ensure that the HTML5 kitchen the Smart Kitchen Assistant application. The test was executed in
assistant application is successfully implemented. This applica- the Experience Lab of Philips. 20 users participated in the test.
tion is the core of the smart kitchen system. It guides user’s meal The positive user feedback and the analysis results provided the
planning and cooking, and tracks user’s food intake by working improvement proposals for the next version of The Smart
with other smart kitchen appliances. A follow-up user test
Kitchen Assistant application which are demoed to the EU com-
validated the usability and effectiveness of iPad kitchen assistant
application. mittee review.
In addition, I also helped the project partners complete another
user test about the smart kitchen system in Philips’ Experience
Prototype
Lab. The user test and result were contributed to the project
HTML5
deliverables.
Usability Testing
Method: Co-discovery, qualitative research, thematic analysis
SmartProducts website: http://www.smartproducts-project.eu/mainpage/vision
3
6. SmartProducts
As the Smart Kitchen Work Package lead, I organized the work Achievement
package telephone meeting among 5 academies partners once The Smart Kitchen application scenario obtained positive user
every two weeks to ensure the work progress. In the project feedback proved by usability testing. The Smart Kitchen system
consortium meetings I was the chairman of the Smart Kitchen is successfully demonstrated in the final EU review meeting, and
work package leading the discussions and making procedure received high appreciation from EU committee members. The
decisions. Besides, I monthly reported the progress to European performance of the work package led by Philips achieved the
project requirements.
Union Committees. In the Smart Kitchen system final integration
The Smart Kitchen System is placed in the Kitchen Lab of Philips
I played a key role in planning and organizing the system Experience Lab as one of Philips Consumer Lifestyle product
integration and demonstration with the project partners from 5 prototype shown to the visitors and been used in other
academies in Europe. research.
Smart Kitchen Concept Map
Smart
Smart
Smart Kitchen Assistant
Steamer
Chopping
Board
SmartProducts website: http://www.smartproducts-project.eu/mainpage/vision
4
7. UI Harmonization
FEI, VanBerlo 01/2010—09/2010
Introduction
A joint project of FEI Company, VanBerlo Design, and the TU/e, aiming at
creating harmonized user interfaces for FEI’s two main types of electron
microscopes in order to improve the usability and user experience of FEI’s
products, and create strong company brand.
My role: Usability Engineer & UI Designer
5
8. UI Harmonization
User-Centered Design method and iterative design process are I explored users’ needs through contextual inquiry method by
applied in this project. Two rounds of design and user test are interviewing 4 application technicians and specialists in FEI and
conducted. observing their operation with the different types electron
I collaboratively worked with R&D team in FEI, which includes microscopes. 4 design principles are selected as the guideline for
Principal Systems Architect, Senior Application Development the UI harmonization.
Scientists and experienced Electron Microscope technicians and
specialists on defining user requirements, analyzing the system
structure and user task. Design Principles
Iterative Design Process
Phases: User Analysis The 1st round of The 2nd round of Completion
p
design and testing design and testing
User Analysis Brainstormed Refined Completed
Goals:
Goals:
l •who users are designs designs designs
y
•their key tasks
Graphical Graphical
screen U
Usability
Usability
il t screen U
Usability
Usability
il t
design t ti
testing:
testing: design t ti
testing:
testing:
User-
centered Evaluate
Evaluate
v Participatory
rt i r
Participatory User Participatory
rt i r
Participatory
Methods:
t d
Methods: i r ti
interaction
interaction i r ti
interaction
interaction Usability principle Brief description of the principle
design tasks
k involvement
Interface
r
Interface
Heuristic
ri t
Heuristic Heuristic
ri t
Heuristic
guidelines
evaluation
v ti
evaluation
Interface
r
Interface
evaluation
v ti
evaluation Consistency Making elements uniform — having them look and behave the same wa
guidelines
Minimizing cognitive allowing a user to efficiently perform a task with a smallest amount of
load mental activity on working memory at an instance in time
high fidelity high fidelity Efficient Interactions minimize the number of steps to complete a task
prototyping prototyping
methods methods
Effective information All language used in a system should be concise and unambiguous;
presentation Maintaining all the necessary information in an appropriate screen
Results:
Results:
t User and task Testable Testable density; and
descriptions prototypes prototypes
Maximize Readability
Meaningful Use color contrast on text
Use font sizes that are large enough to read
Use various font weights for emphasis
6
9. UI Harmonization
I worked closely with the senior designers of VanBerlo to define I independently planned, scripted, recruited, conducted, and
user interface on imaging tiling, detector selection and control evaluated usability testing for verifying and testing the UI at the
panel for different types of electron microscopes end of each design iteration. Each round 4 participants (the
In addition, I implemented interactive UI prototypes of electron Electron Microscope technicians or specialists) participated in
microscopes in PPT and Adobe Flash for two rounds of UI design the test.
and usability testing The innovative improvement proposals are submitted after each
round design and test.
Prototype
Tool: PowerPoint, Flash Usability Testing
y g
Achievement
The UIs for the specific tasks are successfully harmonized. A series
of rules on the image tiling, detector selection and function
panes control are defined. The improvement recommendations
are proposed for the further work of the UI harmonization.
7
10. Sleep Enhancement
TU/e, Philips Research 06/2009—12/2009
Introduction
A joint project of Philips Research and TU/e, aiming to improve the
sleep quality of couples who are living apart.
My role : Interaction Designer
8
11. Sleep Enhancement
To explore remote parnters’ sleep habits and the reason leading In the conceptuation phase the warm pillow concept is decided
to the low sleep quality, I designed Sleeping Diary. 5 objectives through brainstorming. The pillow is a physical intimacy transfer
recorded their behavior and mind activities before going to bed media. When one of partners is hugging his/her warm pillow in
for one week. We found that contacting with each other through the bed, his/her partner’s pillow follows becoming warm. It is a
internet or phone before going to bed, and working until late sign informing partner that his/her love is in the bed aiming to
mainly result in delaying sleep. Together with the design team, “push” the partner going to bed earlier and simulate the contact
we considered the intimacy between partners as the way to between partners.
improve objectives’ sleep quality.
Conceptuation
User Study
Sleeping Diary
Warm Pillow
9
12. Sleep Enhancement
The connection between pillows is through internet. An Arduino Prototype
electric circuit connecting internet controls pillows’ warming up. Hardware Prototype: arduino, electric circuit, thermo-
I am in charge of implementing the warm-pillow hardware pad and pillow
prototype for the user test.
Two pairs of remote partners participated in the user test for two
weeks at their home. To compare the effect, the participants are
asked to use normal pillow for one week, and warm pillow for
another week.
We also created the video prototype for the web investigation to
evaluate the warm pillow concept.
System Architecture
Internet connection, Arduino electric circuit controls
pillow’s on/off
Administrator
(Experimenter)
Video Prototype
Host 1 Host 2 The videos are available at:
(Partner 1)
Internet
(Partner 2) http://www.youtube.com/watch?v=aQv0yYSsrX0&feature=relmfu
and http://www.youtube.com/watch?v=GjuK66s03zo
Achievement
The concept succeeded in providing a sense of connectedness
between partners when sleeping remotely. It leads to a more
pleasant sleeping experience .
PUBLICATION: W. Zou, T. Scherini, P.Melo, T. van Craenendonck,
M. Kaptein, Enhancing the Sleeping Quality of Partners Living
Apart, DIS10 Designing Interactive Systems 2010, Arhus,
Denmark, August 2010.
10
13. Redesign Remote Control for Elderly
TU/e 01/2009—02/2009
Introduction
Redesign remote control for elderly people is an assignment during the
USI study, aiming to improve elderly people’s experience of using TV
remote control.
My role: Interaction Designer
11
14. Redesign Remote Control for Elderly
Many of current TV remote control contain a number of small From the ergonomics consideration, we simplified the keys,
size keys on a limited area panel, which results in the inconven- redesigned the key layout and reshaped the remote control
ience of control for elderly. according to the gesture that elderly people hold remote control.
Together with the design team, we explored the operation I performed the concept from sketch to the foam mockup model.
requirements of elderly people when using the remote control. The fine foam mockup is created for the focus group.
Sitemap
We analyzed the elderly’s needs and the essential features of the Mockups
redesigned remote control.
Raw model Illustrator version Fine foam model
Features
Fit for both one hand
and two hands control
Fit for controlling Wide
when putting on pointing
the table without angle
hand holding
12
15. Redesign Remote Control for Elderly
We tested our concept in a local Dutch elderly people house in
the form of focus group. 4 people (2 females, 2 males) joined the
test. They gave positive comment to the redesigned remote
Features control after they carried out the given tasks (turn on TV, change
Symmetrical keyboard the channel and change the volume and so on) with both the
layout: fit for both ordinary and the redesigned remote control.
left-handed and right-
handed people
Channel Group Focus Group
• 4 different shape buttons
indicate 4 favorites channels
ls Function Group
• Simplified 0-9 channel • On/off
buttons to pre/next channelel • Mute
buttons • Back: go back to the
previous status of
channels, setting or
volum
Volum buttons
Comfortable handle
Achievement
The redesign is warmly appreciated by elderly people because
of its simple keys layout and comfortable ergonomic design.
They commented that :
• The remote control’s shape fits their gesture.
• The buttons are big and clear.
• The shape of favorite channel buttons helps them memorize
the corresponding channels
The test objectives would like to have a functional prototype.
13
16. Commercial Website Design
Helantong 01/2008—10/2008
Introduction
Helantong is a comprehensive services exchange web platform, facing
to Chinese who study or work in the Netherlands. It is founded in 2008
in the Netherlands and aims to provide Chinese in the Netherlands
information on studying and living. Users can fast and conveniently
access to information and share experiences through Helantong web-
site. The preliminary release included four sections: Wiki, Useful website
collection, entertainment, and forum, which cover all aspects of living
in the Netherlands.
My role was UI Designer. Besides, as a co-founder of this startup, I took
a somewhat entrepreneurial role to translate the user needs into a use-
centered interactive interface. In this venture, my desire of understand-
ing more user-centered design approaches grew.
14
17. commercial website design
I was responsible for
• designing, coordinating and managing artwork and executing creative concepts for www.outpie.com, including website infor-
mation architecture, webpage layout, icons and themes design;
• creating and maintaining the UI;
• creating company’s identity, brochures and collateral.
Helantong Logo Design Webpage layout sketch
Sketch Photoshop graph
Helantong’s collateral example
g p
15
19. Freelance Design
Social Menu 05/2012 - 09/2012 One Penny Entrepreneur 10/2012 - present
The SocialMenu is a location-based iPhone application that One Penny Entrepreneur is a guided, community-rich platform
enables users to view, add, and rate dishes from the menu of the designed to help entrepreneurs of all backgrounds define their
restaurants nearby. The SocialMenu is in the startup phase. ideas, find resources and launch.
I specified information architecture, created workflow for the I reorganized website information architecture, designed the
SocialMenu iPhone application and designed business landing Beta version of the website, created the high-fidelity proto-
and
pages. type in Photoshop.
Landing Pages One Penny Webpages
17
20. Graphic Design
Photoshop Work--Under Water City 01/2010
Obtained silver awards in “Eindhoven in the Eyes 2010” Chinese Design Competition
Poster Design Photoshop Coloring
18