Portfolio Mengnan Jin
Bachler, Design HAWK, Germany
Mengnnan Jin
PERSONAL INFO
EDUCATION
SKILLS
I am just graduated from the university with the second Bachelor degree, Design in HAWK Hildesheim Germany. I was study German at foreign language University Dalian and graduated with Bachelor degree, Germanistik. Then I was joined the Confucius Institute to teach Chinese in a middle school in Dortmund, Germany for one year. During the time in Dortmund, what i have experienced has changed my mind to study Design.
I’ve tried different course about Design in different area, like ceramic, graphic Design, Arduino and also take the course with the UI/UX Design.
Knowledge about User-centered Design Analysis(goals, objective image, challenges and constraints, user analysis, information architecture analysis, workflow analysis), design, evaluation, implementation and deployment
I have a keen interest in almost everything and the ability to learn quickly and understand thoroughly. I am both creative and goal-oriented setting high standards for myself. I improved my communication ability and fit my style of living to new circumstances quickly.
“30$ washing machine” cooperation at HAWK, Hildesheim with the University Ponificia Bolivariana
The purpose of this portfolio is to show the process behind my each project. These projects are not presented merely with the end results, but contained how I was thought and decisions taken along the way. I also take right now the User Experience online course by University of California at coursera.
“Cordles Leuchte” cooperation with the Company MEA Protec, Hildesheim
Several projects are cooperated with company or other university. “Design for Factory” cooperation with the Company RPM GmbH, Helmstedt, Germany
“Future connected Mobility” cooperation with the Company Bosch softTec GmbH, Hildesheim
Software Photoshop Illustrator Indesign
Rhino Keyshot
littel knowledge about HTML/CSS Sketch Axure Adobe XD CC language German professional level eight CET-4 and CET-6 and get started to learn Japanese
PROJECT Service Design for Starbucks
Food APP: SUITTI
Futureconnected mobility: Travel Mate
30$ washing machine
Starbucks Service Design Team
Mengnan Jin, Yulin Cai
Service Des
2. 1.
Executive Summary
Research
Desk Research
Stakeholder Analysis and Mapping User Value Axis
User Research
Research Plan
Competitive Analysis Research Plan Purposes
4. 3. Field Trip
Competitive Selection
ambience
Competitive Analysis
consumer behavior
interactive details
Inspire
Interview
interview outline
visual design visual details
Summary
result and analyse
Lean Canvas
Questionnaire Survey Personas User Journey
5.
Poster
Executive Summary 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Question and Nees:
Solutions:
1. Starbucks China App is monofunctional and only available for points accumulation and Gift Card using.
1. Add more App functions such as online ordering and watching videos about drinks production and functions of personalized drinks under AR scene by scanning QR Code.
2. In the general market environment where the takeout is increasingly more thriving, more and more users appeal for online ordering. We hope Starbucks to follow the market trend. 3. Through site survey, we found that: the information conveyed by clerks to customers are limited within the only several minutes in front of the counter; in light of culture and other reasons, customers are reluctant to ask clerks for a lot of information about drinks, thus making them not dare to try new products, affecting the promotion of new products to some extent.
2. In addition to adding online ordering as the market appeal, Starbucks App should add personalized drinks and services by taking users as the center. 3. Targeted at App users, Starbucks App should visualize drinks recipes and production methods to usersʼ mobile phones. A user may view drinks information both at home or inside a physical store, which will not only improve the spread of Starbucks Culture, but also help consumers learn products in a better way.
Feasibility of the solutions: 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
1. As Starbucks China has always been committed to the spread of coffee culture, the solutions are complied with the corporate culture concept. 2. 2. Since 2010, Starbucks has started to carry out selection program with the purpose to develop high-end markets and distribute coffee culture to customers in a better way. The bakery selected by Starbucks Shanghai presents the process from coffee bean bake to coffee production to visitors through AR technology while the coffee classroom of each store spreads coffee knowledge to site customers by introducing coffee information and providing new products for tasting. The solutions aim to respond to the foregoing practice, distribute the practice to the mobile phones of all App users and enhance the spread effect. 3. During the interview, we found that some stock users desire to learn coffee knowledge but have no channel. The solutions may provide them knowledge carriers. 4. Different from the stereotyped impression brought by pictures of Starbucks drinks on people, the videos of drinks production are so funny and personalized that they may activate usersʼ enthusiasm to share such videos in social platforms, thus increasing the extent of spread and sharing, improving the likelihood of the exposure of Starbucks culture to unstock users and developing new users.
Opportunities and challenges
设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Chanllenges
Advantages
Research tactics:
Challenges: along with domestic consumersʼ recognition improvement on coffee, Starbucks is facing the coffee competitors from many fields. The Korean coffee in chain and relatively cheaper and better “Mac Coffee” have already been Starbucksʼ rivals in China in recent years. By taking advantage of Internet and through the development mode of distributing stores, online ordering and promotion & advertising, Luckin Coffee has been growing fast and trying to seize the market share of Starbucks.
Starbucks has striking market advantages both in coffee quality and service environment. By holding the development concept of direct sale, Starbucks standardizes the transport, bake and recipe of coffee beans and controls the production in all physical stores strictly, assuring the quality of coffee services. In addition, in the time when the core of consumer demand is changed from products to services and then from services to experience, by fully applying “the third living space”, Starbucks endows a cup of coffee with richer experience and deeper cultural meanings. Starbucks has always been committed to integrating coffee culture to consumersʼ lives from “Bakery” of Flagship Shanghai to “Coffee Classroom” of all stores.
We intend to discover pain points of users through desk research, site survey and interview and obtain feedbacks from interviews and questionnaires. We hope to give play of the advantages of Starbucks in coffee quality and coffee culture through the research on users so as to consolidate stock users and develop unstock users. We will not limit the research within Chinese market but hope to find out clues through research on all markets so as to provide favorable evidences for the final design solution.
Define strategy Research Plan 痛点 Painpoint
Understand why?
桌面研究 Desk Research
App store Feedback
Enviroment
实地考察 Field Trip
observation
interview shop assistant
访谈 Interview
loyal customer
potential customer
启发 Inspire
问卷调查 Questionnaire Survey
Questionnaire Design
方案 Design
Define how?
Result Analyse
用户画像 Personas
Personas
电 梯 宣 言
用户旅程 User Journey
User Journey
Direction
n
Feedbacks on App store Download from Huawei Market
Entire impression
设 计 成 果
1.indistinct 2.too simple in introduction 3.without priority level and sufficient guide
前 期 研 究 用 户 调 研
App Store
Google Play
Purchasing behavior 1. Ordering by App is wanted, become there are details and prices of products. 2. Takeout function and productsʼ online reservation function in App are wanted. 3. Purchase of cups or supporting products and preferential messages in App are wanted. 4. Unavailability in Starbucks stores of other countries. 5. No menus and the function of searching stores through menus. 5. No basic information of products such as ingredients and production methods.
Payment Propaganda 1. It is not convenient to separate QR Code and vouchers when paying. 2. No other vouchers are viewable.
1.The push of new products is not easy to use, even inferior to push by e-mail. 2. More vouchers and related activities are wanted.
Feedback
Consuming
1. It is necessary to update the store evaluation system. 2. Gift Card doesnʼt support invoicing all over the webpage. 3. App will lose value after vouchers are used up. 4. The vouchers of VIP Card are not viewable in App. 5. No interface of customer services.
1. It is better to set cards in We-chat Car Holder so as to support direct pay through We-chat (mini program). 2. The consuming information canʼt be updated in time. 3. There is a bug in the points of VIP Club, namely, only the points of one of two cups of coffee are presented. 4. The vouchers used up will not disappear until users log in the App again.
Optimization 1. Fail to enter, displaying there is problems in network. 2. The network operation is too slow. It is better to cancel the special effects to speed up page opening and operation. 3. There are many requirements for passwords for less important APPs. 5. The mandatory upgrade is boring.
Conclusion 1. The App is too monofunctional and most people only use Gift Card in App, so some more functions are wanted.
竞 品 分 析
2. Ordering in App and takeout service are wanted. 3. Products’ basic information are wanted, such as ingredients, recipes and prices. 4. Through research on Starbucks App of USA, Canada, Germany and China, we found that Starbucks App of other countries than USA are monofunctional, similar to that of China. USA App is functioned with ordering and music enjoying.
Brain storming provide Calorie table for online ordering
provide health drinks combined with fitness App
Visualise the production process of coffee combined with AR
provide store navigation combined with Map App
Stakeholder Analysis 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Stakeholder Map
Cooperative Partners
e-mail / meeting
Media
Coffee Partner
meeting
Markting Interview
customer workshop
UI Designer
meeting
UX Designer Technical department
partners
Interview
meeting
Project Manager
workshop
meeting Suppling Finance department department
meeting e-mail workshop
Suppliers
Senior Vice President meeting
meeting
Shareholders CEO
a.Inside
Starbucks organization structure
b.Design team inprove User experience c.outside
other stakeholders
User Value Axis user number
Industry
设 计 成 果
office worker
young and middle-aged
student
loyal user 前 期 研 究 用 户 调 研 竞 品 分 析
stylish women
potential user
Travel&Hotel
Goverment/Military
traveller 注3
Healthcare
specialist
user value
Potential users are figured out by sorting out the website of Starbucks USA. On this basis, we present user value figure for customers as the reference for user selection for next research on users. The potential users for tourist agencies and hotels are not only the physical Starbucks stores, but also vending machine users, mobile sale services of means of transportation such as trains and planes and VIP Lounges in public areas, etc.. Persons related to health care and medical treatment: targeted at the patients having special demands for food or the populations having special demands for coffee and other drinks such as lactose intolerant patients.
Research Plan 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Target users: •regular customers in Starbucks stores •partners of Starbucks coffee •coffee lover •potential customers
Research Method: •questionnaire in store or from internet •Site survey scope observation in the store coffee partner and the customer •Desk research App Store Feedback relevant data and information
Research purposes Fesibility study on the new function •determine populations of potential users •learn the appeals of potential users and how to solve their pain points •research the items of potential services •learn the knowledge of unstock users about Starbucks coffee •their attitudes to customized drinks
Research on the use experience of existing products •determine populations of target customers • learn usersʼ appeals during using products, discover the pain points during using App •ameliorate the use experience of App and consolidate stock users
Environment
Field Trip
Site survey scope: internal layout, number of consumers, purposes of consumers, staffing, types of products, payment modes and pain points in the process of consumption. 设 计 成 果
In term of internal layout, we take the Starbucks store in downtown of Montreal, Canada as the example: from the plane graph and imaging figure, we can see the Starbucks café is wide with various desks and chairs and can satisfy office businesses, leisure, gathering and other user demands, making it “the third living space” of the residents around.
前 期 研 究
饮品制作 工作中
收银
后厨 甜品柜
用 户 调 研
咖啡制作 点餐中
卫生间
竞 品 分 析
取餐中
聚会中
座位区 放空中
办公中 聚会中
办公中
Starbucks in Montreal
Starbucks in Montreal
Customer behaviour Starbucks in Canada Customer 61person 5:00pm 6:00pm, it shows the peak time at the store in google map ,waiting time: 1-3 mins.
设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Purpose of the customer business, meet friends, spending time, waiting, the others for take away. Merchandises
coffee other drinks
sandwich dessert
Payment with cash (1 person), with APP(1person) , with starbucks card(1person), others with credit cards. Pain points during consumption 1. there were comprehending deviations (due to ascents) between a customer who wanted Frappuccino with few sugars and a clerk during communication. Though the clerk spent much time to understand the customerʼs demand, the customer ordered Frappuccino with normal sugars finally for he/she didnʼt want to affect other consumers or felt embarrassed. 2. A clerk introduced the recipe of a drink in the blackboard enthusiastically to an old woman who is curious, but she ordered a cup of hot chocolate finally for she still felt confused.
Starbucks in Germany Purpose of the customer most customer visit starbucks for waiting the train because of it is in the trainstation. Merchandises Payment
coffee, other drinks, dessert
most with cash, less with creditcard
Pain points during consumption 1. Due to slow pace of life, many Germans prefer to traditional cafes or new online famous stores; in addition, in the opinions of the Europeans who are particular about coffee quality, Starbucks is regarded as the brand of instants. 2. The main consumers of Starbucks Germany are the young. They like its personalized options of drinks and wifi inside. The seasonable new products are rather popular among the young. But the stores are small and environments are ordinary.
Conclusions of site survey 1. The rate of use of Starbucks App is low in physical stores and most of persons prefer to pay by IC card. 2. Most of consumers just buy coffee or other drinks in Starbuck stores and never stay there. 3. The communication between consumers and clerks is inefficient.
Inspire 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
1. Through desk research, we found that the main functions of App China are payment, points of Gift Card and store navigation. A user may buy drinks from App in a USA store. But as the result shows, the number of such users is still small, indicating that there are certain defects in user experience.
1. We shall add the ordering function and take it as the main service element based on the mature App ordering market in China. In addition, we shall consummate the ordering programs, modes and attraction to users.
2. Though the field trip in Starbucks, we found that there are lots of points during the Service could be improved, such as the waiting corner. All reflections from stores may bring ideas for the improvement of App services.
2. How does a user choose a drink during ordering? Why is he/she attracted by a new product? Whether can these attractive points be presented by App? Whether can the consumers conduct other behaviors (such as browsing products) through App when they are waiting for ordering and ordered food/drinks so as to improve their understanding/knowledge to brands and increase the momentums for their continual consumption.
3. Starbucks plays an important role for spreading coffee culture in China. Shanghai Flagshipʼs “Bakery” shows the production process of coffee to consumers visiting the store. From “Bakery” to “Coffee Classroom”, Starbucks has brought coffee culture from USA to China and spread it to all Starbucks stores. In Shanghai Flagship, Starbucks firstly attempts to combine AR technology with “Bakery”, making consumers observe the coffee production process of virtual reality.
3. AR technology has integrated Starbucks coffee with the consumption process through collection, improving user experience. However, the current App has certain defects in application and the information therein is scattered. We hope Starbucks to consider to implant AR technology into Starbucks App and visualize the production process and recipe of each cup of coffee for consumers combined with online ordering.
关键词 Key words:
AR技术 Augmented Reality
点餐等待 Waiting for Order
趣味性体验提升 Customer Experience Evolve
文化传播 Culture Communication
提高使用率 Improve Use Efficiency
Interview results and analysis Process
设 计 成 果
We have interviewed in the store and through telephone with the friends.
前 期 研 究 用 户 调 研 竞 品 分 析
Attitude
Pain points
Advice
The main reasons for usersʼ choosing Starbucks are the environmental atmosphere and coffee quality. Its physical stores can satisfy different social demands of students, office workers and businessmen. In addition, Starbucks outputs its culture through medias and physical stores. Consumers have taken Starbucks as their “the third living space” rather than a place only for a cup of coffee.
1. App is not as strong as physical stores in coffee culture spread. It has few online functions, slow services update and complex operation at present. 2. As customers reflected, Starbucks App is only available for VIP card using and points accumulation. They thought it is nonsense. 3. The effective information from Starbucks App is even fewer than We-chat account, failing to stand out its practicability. On the contrary, the ordering and payment of peers have been diverse and satisfied personalized demands, showing Starbucks App is so backward.
1. The APP should have more functions, such as show the infomation of the drinks like calories and personalized service. 2. Customer hope to use Wechat to pay in store. 3. Ordering online and pick up from store.
Intention We select Chinese market for further research at last: we will enhance the influencing power of brands based on original culture, combined with demands of local people and through media marketing. In the next investigation, we will learn Chinese consumersʼ understanding to coffee culture and their consuming momentums as well as habits and we will provide our preliminary ideas in questionnaires and investigate their acceptance degree.
Q1-Q4:
设 计 成 果
Know about consumption custom 1. China dosenʼt has the coffee culture. 2. Most of the customer visit Starbucks for the meeting friends or for business. 3. The enviroment in Starbucks and products variety are attractive to some customers.
前 期 研 究
Q1 purchase
rarely drink coffee
用 户 调 研
Q2 consump-
coffee or dessert
竞 品 分 析
Q3 consump-
frequency
tion purpose
tion custom
Q4
consumption effect factors
enviroment
price
shop assistent
once a week
spending time
product
usually order the same
others
others
health
once a month
meeting friends
lifestyle
pass away
new product
Q5-Q7: Explore the App Feedback 1. 81.8% of the regular customer using the APP for the Starbucks card points. 2.Potential customers have interest at the oder function, the information about drinks and process visualization.
设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
16.7%
81
8% Starbucks card points
Feedback in the APP 40.5% Process visualization
Regular customers using APP Potential customers
54.8%
18.2%
Drinks information
Finding store
13.6% Others 69% Ordering
Personas Age 37
Age 28
career Lady office
career Phd.
how often twice/week
设 计 成 果
like
Frappuccino
pay
credit card
near to the company discount
using App ? No
how offen 3-4times like only Americano
near to the school week
coffeknowledge
pay credit card useing App?: uninstall
前 期 研 究 用 户 调 研 竞 品 分 析
Phoebe
Joey
Problem iI can’t find out which card hasa discount at the day in the store I need to check out in the website and it’S not convenient
Problem: I dont’t like the Starbucks App because it’s not functional, except the Starbucks card. I prefer to use it in the Wechat.
opinion I’d love to try the App if there add a function that I can learn abou coffee knowledge through video.
opion 对I’d like to learn about the coffee knowledge but I don’t know how.
Age 40
Age
career always on Business trip how often like
设 计 成 果
twice
week
no
payment credit card
cash
26
ambience
career we media
universal
how often
saving time
using App? no
like
5 times
Americano
payment
week
prefer secret menu
Starbucks Card
internet secret menu
using App? Yes
前 期 研 究 用 户 调 研 竞 品 分 析
Ross Problem I always on the business trip around the world Starbucks App is not viable through countries. opion 1. I would like to pick up the order in the store 2. I like the Idea about AR
Rachel the
Problem 1. It’s not convenience that I can’t use Wechat to pay, while other stores like Mcdonals is fesible. 2. The public media of Starbucks in Wechat offer more information opion I很I like the coffee classroom at every friday, I fill it is intiamte that the shop assistant can remember my name and prefer.
周边产品一览
星巴克出了夏季新品,这个在APP 上有收到推送,看着还不错。不过 不知道热量高不高?我试试APP的 新功能看看里面都添加了什么吧。
1.新品介绍
刚刚APP看到的冷萃咖啡制作流程挺有特别的, 看上面写的热量也不高,咖啡85%,奶10%还有 一点糖浆,还可以自定义添加toppings,就点这 个吧,等一下拍照应该很好看。 find a surface
3. 点餐
今天排队有点慢,我看看APP还有什么 其他好玩都功能。扫一下菜单,选个新 品试试。哇,能看到饮品制作都流程, 好酷!
2.排队等候
今天排队怎么这么慢 朋友 圈微博都刷一遍了 好无聊
2.排队等候
享用点餐 大屏幕好像可以显示手机的影响哦 扫一 下大屏幕的二维码 点APP的AR指令再扫 一下我的饮品 好酷 居然能看到自己买 的饮品的制作过程 而且连糖和奶的配比 一目了然
5c4426
等待取餐 光等着好无聊 在用APP看一下刚刚 点的星冰乐制作流程和配方学习一 下 这样下次朋友来家里可以露一 手
等着我的卡布奇诺 其实很想试一 下新品但又不确定里面好不好喝 后面还这么多人等 算了吧下次再 尝试好了
6.分享 给妈妈发一下今天的饮品制作链接 上次她自己去咖 啡店本来想点一杯甜一点的咖啡结果却点成了美式 不过也不能怪她 好多咖啡的种类我也云里雾里的 先给她发链接 回去再教她怎么使用APP 这样我不 在家她也可以自己尝试做了
Elevator Pitch 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Elevator manifesto: Our purpose is to satisfy the convenient ordering demand coffee culture experience demand of the young population, coffee hobbyists, customers having special demands and other customers pursuing high-quality urban life. Our Starbucks App is a platform that it can provide exclusive coffee culture experience, satisfy different sorts of customer populations, make users learn coffee culture present the production of personalized drinks, superior to that of Luckin and MacDonald. Our products are matched with customer-oriented ordering system, spread coffee culture using new technologies and satisfy special demands of various customers in a visual and convenient way.
Competitive Analysis Purp 设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Competitive analysis purposes: analyse the commercial modes, sale tactics and the methods for attracting users and increasing viscosity of users of relevant competitors from different perspectives
according to the research on elevator manifesto, based on the conclusion of competitive analysis, seek out the key points to surpass other competitors
analyse AR technologyʼs application and interaction by function-related persons and sum up the implementable functions
Competitive Selection 设 计 成 果 前 期 研 究
Direct competitor
based on the Internet market
Indirect competitor
Brand locolized
用 户 调 研 竞 品 分 析
Potential competitor
Function relevant
others, like in the Tea market
AR APP
mpetitive Analysis 设 计 成 果
AR APP commodity attribute page layout interactive mod
前 期 研 究 用 户 调 研 竞 品 分 析
poorly
interactive details CommodityType
Entrance
Pokemon Go
AR game
product details
IKEA Place
product exhibition
homepage
Wayfair
product exhibition
Tour 360 AR
When during the game
Social share
AR Model choice
Object state
Well
Interaction
dynamic/front
upward movement
before order
static/360°
movement/turn/zoom in and out
product details
before order
static/360°
zoom in and out
product exhibition
product details
before order
animation/360°
zoom in and out
Google LLC
product exhibition
product details
after scene
dynamic/360°
setting position
Mano Motion
interactive game
homepage
during the game
dynamic/front
action recognition
Framwork
设 计 成 果 前 期 研 究
interaction detail
product description
Luckin Coffee Start
categories
drink details
size/temperature
用 户 调 研
save product
coupon
setting
add to cart
settlement
back to cart
竞 品 分 析 better Mega Menu increase the browse efficiency The menu content is rich wish list
setting as userʼs prefer
Mcdonald’s 设 计 成 果 前 期 研 究
pick up order
order page
categories
meal details
change numberes
choose drinks
用 户 调 研
modify
add to cart
add/numbers
竞 品 分 析 better Mega Menu increase the browse efficiency everything visible at once with scrolling
back to homepage
Presentation layer
visualdesign
IKEA PLACE 设 计 成 果
categories
search
confirm
ARtest
directive
testing
前 期 研 究 view product 用 户 调 研 竞 品 分 析
adjusting
testing result
default effect
application effect
check wish list
add new product
We have chose one AR APP: Ikea Place which has the similer function, though it not belongs to the competitor. AR Technology will help the user to have a better experience
add to wishlist
better
设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
The color of Logo is green Funtion zone is distinguished with dark brown and white
The icon are designed to blend with the Staubucks spirit and attitude with fruity lines
The color of Logo is blue background ist white bright The fonts are blue and echoing the Logo; the style is monotonous and indistinctive
The icon lines in the home page are logo lines while other functional icon lines are simple with different styles such as circular style and right angle style.
The Logo color is blue and yellow As assist experience function, AR showed with simple style, the Logo was hided and background white visual highlight the goods color. less function but super-clean style
Competitive Analysis Summary
guidline
设 计 成 果 前 期 研 究 用 户 调 研 竞 品 分 析
Through the Analysis to the competitive products and similar function about AR product, we present this implementable program to upgrade service experience in the view of order process
AR
details
personalized customization
add AR function at the order process, in order to show the process making coffee with augumented reality personalized drink design willl be made depending on the clientʼs requiement
start
menu
share
add possibility to share and save to wishlist, improve the user experience and extend awareness wishlist
order
provide operational guideline, help the new customer know the new product visual design must decrease learning cost
interactive with the app strengthens the interest of using experience, such as the user can manually add sugar and milk
Problem 设 计 成 果 前 期 研 究
Solution
竞 品 分 析
Competitive Advantage
Customer Segementation
4 9 1 3 2 5 8 7 6
long waiting line
order behavior rely on the habit
improve the interestingness by ordering Menu visualization
communication with shop assistant is poor be lack of product exhibition
Key Mentrios
Seize stable market
用 户 调 研
Unique Value Proposition
market cognition degree
consolidate brand culture new customer
Cost Structure
development of technology and application products variety service upgrade advertising and operation
new experience with new technology participatory culture exporting variety of products
chain-orientation standardization branding
white-collar worker
proprietary technology
businessman
student
cost advantage
Channels
service
Brand culture promotion online popularization
Third party promotion
Revenue Streams
efficient coffee shop profit new customer and new market business cooperation fee
设计你的 打开
操 作 步 骤
星巴克App] 选择门店
点击 菜单 选择感兴趣饮品
点击 AR 扫描店内菜单或二 维码选择饮品
D I Y 饮 品 示 意
专属饮品
AR
AR
AR
观看饮品制作过程视频
DIY个性化饮品
一键下单 + 分享
STA R 品 新
绍 介
大屏幕显示制作过程
排
队 等
以AR 增强现实 为载体 完成星巴克传播 咖啡文化的使命 满足用户在线点单的需求 鼓励用户创造专属自己的个性化饮品 增 强用户黏度 提升话题度与讨论度 发展新用户
竞 争 优 势
BU CK S
x A pp
R A
候
点
单
扫描二维码投射手机屏幕 等 待
个性化饮品线上点单 手机App观看饮品制作
取
餐
享用餐点
分享个性化饮品至社交媒体 分享
U S
USER CENTRED
I
I T T
ONLINE DE GROCERY S
ABOUT THE PROCESS
Define Opportunity Space
随着生活方式的改变,越来越多的人 期待生活的方方面面都能安排的紧紧 有条。比起外卖生活更多人选择在家 自己做健康的生活方式,虽然已经存 在外送新鲜食材的服务但是整个服务 还是有改进的地方。人们希望在饮食 上能得到更合理的建议,并在此基础 上尽量避免食物浪费。
The Problem
The Solution
Consumers lack a tool to effectively manage food and suggestion to their daily meals. More cost constant budget overage and food wasiting
To make a constant service from managing the inventory from home to shoppingplans, whatmore based on customerʼs prefer prividing every meals reipes for everyday 我们提供一种全程服务,合理安排用 户的食物储藏,根据厨房食材的存储 情况和个人/家庭饮食需求提供购买 食材建议和合适的食谱。
people spend half an hour with food preparation on an average day, including the cleanup
people spend 44 min in grocery shopping
the amount of time spent on food preparation and cooking may have implications for diet quality and health
little is known about how food-related time use relates to food consumption and spending
source:http://www.reducefoodwaste.eu/pilot-actions-to-raise-awareness.html
Card Sorting
TIME
consuming food/ purchasing
earnings labor force participation
PEOPLE
preparing clean-up
personal transportation
the number of children in the House
storage equipment
sociodemographic characteristic: education, gender
Design
UI/UX Design
User-centered-Design
living along
taste preferences
food Price
knowledge and skills about nutrition
PREIS
living with partner or family
physical disabilities without a vehicle
personal, nonpublic transportation
eating habbits in different cultural
night work/ multiply works
take out food
storage
types of stores available: covenice stores/ Bio/ ware house
Discount
(environment) geographic of the country
urban versus rural setting
import/ raw ingredients/processed foods/ fully prepared food
a healthy diet
Mind Map
Research objectives :
To better understand the current consumerʼs shopping habit and other relevant information, who lives along and eat mostly alone(what do they care about), and to explore what features or services has already existed and how do they provide their services.
Research Questions: 1. 2. 3. 4.
Who are potential customer? (gender, age, living situations) What are usersʼ biggest problem at preparing for cooking and shopping frustrations and what makes a positive experience? Which Supermarket shopping App features are valued and should be prioritized? Is there any possibility to connect the new technology and shopping behaviour, to make the shopping activities more easier and efficient?
为了更好了解客户的需求和操作流程进行了用户访谈。访谈对象大多是独居或者是已经结婚还在二人世界的年轻人。在背景调查发现很 多年轻人选择外卖的原因主要是方便,但是访谈中他们表示如果能自己做还是选择自己烹饪。由于大多数处在工作期平日往往非常忙不 愿意花太多时间在选食材做饭上,其次由于无法掌控食材购买量和消耗量往往造成了不必要的浪费,反而浪费钱和食材。虽然他们也会 使用美食类app,但是很多时候去超市买东西或者在手机上买食材往往会忘记家里已有的食材,从而造成重复购买。菜谱类app虽然种类 繁多,但是越来越多主题让搜索合适的菜谱的过程变得繁琐,用户容易失去兴趣继续使用。
Main Points non-waste
sotrage management
efficient
orderliness display
RESEARCH QUESTION
This diagram showing the five competitors with their strengths and weaknesses in different aspects, each of them focusses on different services. 竞品分析:由于市场暂时针对海外,所以挑选的竞品多来自于海外 美食类/食材运送服务类App。在此选择了UI设计,产品丰富度和价 钱,运送速度,界面信息和个性化服务5个方面进行比较。
UI Design Delivery service which focuses on the freshness. It includes explanatory information for many of its products, so you know exactly how your food arrived on your doorstep.
Delivery Speed
Online deliver groceries uses a team of local shopper to procure grocery items from a variety of stores in your area. Possible to shop by recipe, you schedule your deliveries in advance or order on-demand
COMPETITVE ANALYSIS Quality of Information
Online deliver groceries, and deliver in an hour or shorter time with the help from personal shoper.
Pircing (Delivery ,Items , Discount
Individal service
Chinaʼs largest service-focused e-commerce platform ordered through smartphones. It is an all-in-one app for food delivery and others, it offers daily life services platform aiming to improve overall way of life.
Itʼs business model is to prepare the ingredients needed for a meal, and then deliver them to the customer, who must then actually cook the meal, which takes around 30-40 minutes.
Personas Age: 25 living in Germany non-single, live most time alone. Office workers driving to big Supermarket: 1.5-2h to small Market: 40min + 20in Goals: 1. scripts: different weekly 2. delivery to assigned place, timely delivery 3. cooking or shopping advice Motivation: 1. Discount 2. save the time for prepartion and cooking
meatarian
casual people
slothful
Age: 28 living in Germany non-single, live with girlfriend started intership driving/walking shopping time: 45min-1h
Goals: 1. scripts: 2-3months variety 2. better shoppinglist 3. no waste food Motivation: 1. Discount 2. snacks online shopping 3. better Dinner time with girlfriend
balance Diet culture shock resolver
emotion
Age: 36 living in China divorce, live along teacher driving/walking shopping time: 1h but most use the food delivery service Meituan Goals: 1. change the dietary habit 2. plan to lose weight Motivation: 1. diet, healthy 2. easy to cook 3. save money
User Journey
User Journey PRE-EXPLORATION
Awarness
EXPLORATION
Searching
Find Information
Scan the QR Code customer preference
Internet
Check out
Delivery
possible to delivery
Recipes
Pick up Store
check out online
Social Media
ingredients
Shopping Cart
share the experience other options
check out with mobile phone
need suggestions
After
Pay here
amount
DOING
POST-EXPLPRATION
delivery
Feedback
save in like list
deliver tracking
Future Customer build checklist inventory
with QR Code
single
TASK/IDEA
QUESTION
in line at the surpermarket
special price
with partner/ roommate
Pay here
Home delivery service review the experience make a comment
with Family
Customer: How many and what others? Customer: Is that possible to delivery? Can i add the amount of ingredients for more person at home? Customer: Can I decrease the amount of mushroom from these recipes? I really don’t like it. I just want to have a try. Customer: It’s the second time, what service can I get better than last one?
Customer: How to pay? Can I get any discount or coupon?
Customer: Why did I chosse this App to shopping online grocery?
Customer: How should I started? Customer: What should I choose to eat tonight? Tomorrow? Which vegetables or meat should i buy? Customer: I have some experience at cooking, but I’ d love to try some new recipe. I don’t know how long will the food keep fresh.
-Saving the time to go to Supermarket/food stores -Giving advice to help the customer choose the recipes. -storage management
-Provide more choices in different categories. -Aadvice based on the expiration date. -Take the personal habit and factors into consideration.
-It’s available to make several rectifications in the plan/checklist/recipe including personal habits or expectation. -Show the quality of the goods
-Chance to get discounts for the new customer, the more the customer ordered the possibility they will have, when they go shopping next time.
What could we do for the future customers? Which problem do the future customers have when they prepar dinner?
improve the individal service
reservation possible
with creditscard
Customer: How long will it take to delivery? Can I make a reservation for the time? What happen when I’m not sure i will arrive home at the deliverytime? Can I pick up from somewhere?
Can we keep this customer? What could we do better to give this customer a better service?
-pick up station -shopping helper; deliveryman; delivery with autonomos drive delivery trucks; fix the delivery time
- customer service - update regularly
Customer: What new recipes can I try next time? I think this time i did a wrong choice. Customer: I’d like to change some ingredients in these recipes, I want to lose weight.
Installation the APP launch Welcome Page
Userflow
go through or skip
Enter Zip Code Page
to prove for the avilable region
Home Page to show the mean service to the customor Recipes for you
Explore
Product Detail Page
Recipes Page
Search Page
inventory Page
want to buy the produckt Add Product to the Cart personal preference
Discount for new Customor
view the cart
search Button at the top right corner
Cart Page want to check out
Sign in/Registraton
already signed in? Delivery possible
use the appropriate way Email / with Google Account
Log in
Check Out Page benefits of membership
Different explore choices, user can find the unique suggestions from own page or the normal recipe for special holiday, even just want some ingredients from the online store apart.
Payment Info
already enter payment Info? want to edit the payment info? verify credentials
Enter payment Info
Shipping Orders
already enter shipping address? delivery address or pick up station/point
delivery option
Pick Delivery time & place
Review checkout Infos
Userflow tracking your orders
Enter shipping address
Receive a confirmation
edit the cart page and other info
Shipping address could be home delivery, or the user get the package from the pick-up store, or delivery to the dispatching room under the office, so the user could take the package away after work directly.
Wireframes
ALL PAGES This App is named SUITT, is combined with the words “suitable” and “yummy”. User can use e-mail and password, log in and also could with Facebook or Twitter account registrar. As a gust customer, the user can skip the Account setting if they just want to shop for store. The Account Setting will help you get a better individual service.
在所需食材列表里家里 已经有的食材会优先显 示数量和日期,这样用 户可以判断选择哪些其 他食材或者重新购买过 期的食材。
不定时更新创意菜谱,提高用户兴趣和新鲜感。 另外推荐有个性化定制和按季节等类别的菜谱推 荐,满足不同用户的不同需求。
This ingredients in the inventory will be priority shown in the list with the expiration date, following shown the rest of the ingredients.
USER CE
搜索方式有所更新,进入搜索主页面会显示最常用食材,按国 家和主题分类的快速搜索词汇。提示词会根据用户的输入而不 时跟新,优化个人定制服务。 在选择关键词后会按不同顺序排列显示受欢迎的菜谱或者用户 会感兴趣的菜谱,让搜索变得高效简单。
ENTERED
Mockup Mockup
FUTURE CONNECTED MOBILITY
Future connected
ackground
Mobility This project was led by Professor Stefan Wölwer and supported by Professor Dr. Stephanie Rabbe, Professor Dr. Christoph Kolbeck from HAWK Entrepreneurship and Mr. Kay Herget, Head of Marketing, Business Development and Strategy(BSOT/MBS), Bosch SoftTec GmbH within the course of “Integrative Projekt Interaction Design: Interface Design” in winter semester 2016/17.
„Das Auto der Zukunft”, automated driving, is already coming. The development startet at the beginning of the centuries, it will support the driver on controlling the car with driving assistance systems. Self-driving cars are widely believed to become a major element in the future mobility. Envisaged by Bosch as “3rd living space”, cars are supposed to be a comfortable private space between places, in which we could spend some time. While the classic image of the trip by car always contains a human being who is constantly involved in the driving process, the autonomous car would surely break the image by substituting the driver through advanced self-driving technologies. So, how does the technology change our driving? What kind of services would people like to have during the trip on the way to office or after the hard work? “未来出行”时代已经来临,自动驾驶这个概念已经不再陌生。在辅助驾驶系统的 帮助下,越来越多公司投入对自动驾驶的研发项目当中。博世公司设想未来出行会 以“第三生活空间”的方式呈现,他们认为除去家和工作场所出行占据了很大一部 分时间,未来出行也将会以人为中心,成为未来人类活动空间的舒适连接部分。传 统的出行方式呈现的是一个人在车内持续驾驶知道目的地的画面,那么无人驾驶会 将这个画面完全改写。那么这一画面将在科技的力量下怎样被改写呢?未来将会出 现怎样的驾驶服务?人们上班途中或者再疲劳的工作后又会出现什么新的行为方式 呢?
Workshop with Bosch GmbH
Erst Idee The first idea Have you ever dreamed of making a journey of discovery? Have you ever wished that you could go through the cabins in your dream ship before book a trip on the cruise? Or you will visit distant islands even if you are at the age that not allow traveling far? Our Project is focusing on this travel theme, how it would connect to the future mobility. The solution for this is travel models, that is suitable for all people and can be used for every car. For everyone, anytime and anywhere.
你是不是曾经有过环游世界的梦 想呢?是不是也想去照片中梦寐 以求的邮轮之旅?或者说在你已 不再年轻但是还想去探索位置的 岛屿?我们的项目已旅游为主题 ,结合未来出行为框架,一种未 来的出行方式会满足所有人的需 求,无论时间地点。
We think that the theme mobility could use to connected between real life and in the virtual world, from variety of perspectives. So we decided to looking into the topic ”travel” further.
Most of the people prefer visiting some countries very frequently for example, the USA, Italy, France and China, when on their vacation. However, there are also much undiscovered travel destinations that could offer people fantastic scenery and remarkable sights, which however are often unknown to people. One of these unpopular islands was visited by only 0.006 million tourists last year, compared to 84.5 million people traveling to France. The world outside is yet to been seen. Which means, although itʼs impossible to see the whole world, but we could do it another way. A good example of this dream is the increasing number of followers of travel bloggers in YouTube.
We expanded our research, we are looking to discover how do the people arrenge their time on daily life and for the trip.
Total Miles Traveled (42, 688.6)% 46.33
Travel Time (532:09) 22 days, 4 hours, 9 minutes%
46.57 65
18 11 5.81
7m ) 2d,
d, 10
car(5 g in a Ridin
6:2 ar(34 gac Drivin
8:07
1) 14
) 3d, 5:22 Air(9
10h,
h, 21
22m 23h,
8h, 1 2:19 nsit(3 c tra Publi
Publi
c tra
nsit m
) 1d,
iles:
r: 2,4 in ca riding Miles
9m
552.2
80.3
77 : 19,7 flown Miles
,879 n: 19 drive Miles
m
6
1.29
http://brewersmission162.mlblogs.com/category/conclusion/
The first diagram shows that how many kilometers on average are covered by car on the way to work and how time is been spend on the road every day. The second diagram shows how much time is spent in the year for travel. We found that it could be possible to combine these aspects together. So people or driver could be able to spend the time during in the car differently, they could have new experiences, at the same time having fun and relaxing themselves.
Concept 借助虚拟穿戴设备体验不一样的旅 行感受
在火车上虚拟旅行
在虚拟穿戴设备对帮助下,在旅游大巴 上完成对即将到来对旅行目的地的热身
在无人驾驶中使用“我的媒体”这个 应用
乘坐无人驾驶车的同时可以选择不同场景的 虚拟旅行,无论是陌生的街道,安宁的乡村 风光或者城市里的风光建筑
Pros: 3D-Impressionen virtually walk-in 360 degree images Primarily stimulates visual travel more emotions in the virtual tour Cons: other sensory impressions are missing: like smells just images, no contact with others not suitable for some people( e.g.. Epileptics)
Although this type of journey is very novel, there are also many negative points. We were thinking further about the “VR journey” and linked the virtual travel technique and the mobility trait. People will not travel virtually while standing but travel with the mobile scenery in the autonomous car. In principle, they travel on the journey.
尽管在思维发散中我们想到各种不同的新 奇点子,但是如果考虑concept的实现问题 还是困难重重。这个concept的优点是是一 个全新的角度使用虚拟可穿戴设备,与此 同时在体验虚拟旅行中还是缺少对比如说 味觉等这样一些感官的体验,而且对某些 患有特殊疾病的人来说也不适合去使用这 个服务。 我们想将已经投入使用的虚拟技术和无人 驾驶技术相结合,让虚拟旅行更加逼真, 使你每天在出行的途中身处各种不同的场 景。
Development of the idea
Interface Design Not only the vehicleĘźs real-time data will be displayed in the center console and dashboard, but also the virtual voyage information about the location or destination can be read on the windshield.
the travel mate modul
map
INTERFACE
the weather
As an idea for a possible medium, we used the center console. This gives us a great opportunity to put the driving module, the control panel and the travel information on the windshield.
interface
Function
An inspiration for a destination: viewing different Landscapes, Streetviews, and attractions during the “driving�. unlimited geographic coordinate unlimited time of day, weather and season creating an accurate itinerary, booking and enjoy the preview of the destination anticipation reservation possible, for example, hotels, restaurants, and exhibitions in a museum share your own experiences with friends in social networks share reviews and suggestions
Presentation
source: http://www.hawk-hhg.de/aktuell/default_216938.php
30$ 洗衣机 和玻利瓦尔主教大学实验合作项目
前言: 关于希尔德斯海姆应用科学艺术 大学和玻利瓦尔主教大学的合作项目 希尔德斯海姆应用科学艺术大学和玻利瓦尔主教大学自2016年期开始了高校间的长期合作。每年有学 生参加学期交流活动,此外两校间还多次举办例如关于以人为设计中心主题的社会设计交流活动。作为提 升社会价值 民众幸福感的一条高校途径,social design越来越收到各大高校瞩目,纷纷开设社会设计的课 程和项目。 这学期的合作项目是设计一款30美元的洗衣机,目标用户是生活环境比较艰苦的在哥伦比亚的Medellin山区。虽然Medellin是哥伦比亚蒂尔达城市有完善的生活设施和良好的经济发展状态,但是当地发展贫 富差距大,山区里人民生活条件非常艰辛,跟城市生活形成鲜明对比。这次项目的洗衣机希望为山区里没 有条件用电,和水资源频发的居民改善洗衣环境。当然项目不仅仅适用于Medellin居民,比如在德国的一 些城市还会有一些地区因为种种原因没有通电。 参与项目的学生首先进行了大量调查,实验,其次证实各小组确定的可行性方案。对于未来低成本洗 衣机的设计还进一步进行了造型上的探究。最后我们将项目的最终结果与玻利瓦尔主教大学进行交换和可 用性测试。 我对于这个项目感到由衷的开心和骄傲并期待学生们的成果。 Andreas Schulz 教授
项目背景
Medellin的Comunas生活地区作为主要的服务对象。不同于普通的洗衣机,新的设计要符合居民的居住环境,考虑 到硬件条件洗衣机不一定要安放在室内,服务与一个家庭。公共区域,室外,只要符合居住范围的条件都在考虑范 围之内。 其他硬件设备的调研问题:
- 水资源的供应情况如何? - 根据照片中的情况雨水收集过滤后用来生活是否可行? - 有没有特殊的洗衣剂适用于这种情况? - 洗衣球等能不能作为辅助设备用来洗衣? - 他们平时是怎么洗衣服的? - 当地居民是如何晾衣服的? - 当地居民在洗衣服有没有什么特别的需求? - 可不可以考虑用现有的材料去设计? - 家务料理在当地是如何进行分配的(也就是说生活习惯)?
专利调查
take it shake it slap it at the washboard Quelle: https://depatisnet.dpma.de/DepatisNet/depatisnet?action=pdf&docid=DE00000 0045362A
https://depatisnet.dpma.de/DepatisNet/depatisnet?action=pdf&doci d=DE000000062325A
stomp it and spinning for dying https://depatisnet.dpma.de/DepatisNet/depatisnet?action=pdf&docid=DE0 00000349790A
实验
小组实验1
总结: 虽然第一个方案可以达到 旋转的效果,但是考虑到 洗衣的重量和大小发现这 个方法并不使用,这种旋 转只使用小件衣物清洗。
具体方案
1. WASCHEN
项目: 30$洗衣机
1.1 Gefaltetes Gitter: Durchmengung & Schaumbildung “Gewürzdosen Prinzip” : von überschale auf Eimer übertragen wasseraustritt verstellbar
对于如何增加洗衣效果的 灵感来自于现代洗衣机棍 头的形状。我们考虑希望 增加洗衣的功效在桶中间 放置打孔铁片,并仿照现 代洗衣机的形状进行弯曲 。
1.2 Eimer Positon verstellbar: Liegend: waschen stehend: schleudern
WASCHPRINZIP: “Brummkreisel” Rotation durch langes Gewinde 应用远离:“brummkreisel”(是一种儿 童玩具,玩具垂直树立在地面上,把手往下 按,这个玩具就会自动旋转。
2.SCHLEUDEN
Auf das steile gewinde wird ein gewinde rohr geschoben, durch die entstehende rotation dreht sich der Eimer. Beim rotieren wird das wasser aus den löchern gedrueckt.
HAWK Produkt Design WW16/17 Mengnan Jin Laura Muth
洗衣功能和甩干功能的设计原则是相同的。 不同的是参考普通盐罐的外观设计,洗衣桶 有两层,通过最外层的旋转可以达到洗衣和 甩干不同状态的转换。
功能模型
设计草图
功能演示 WASSER REIN WASCHEN ABLAUFSCHALE DREHEN SCHLEUDERN WASCHEN ENDE
1. Der Stab 3. Der Decke 盖子
4. Das Gitter 滤网
5. Der Korpus 洗衣桶
7. Der Kugellager
2. Steiles Gewinde, Aufsatz für den Deckel 功能把手,原理参考 旋转拖布
零部件
6. Der Wasserablauf 漏水槽
8. Die Unterschale 底座
Steilgewinde Die Waschmaschine wird mit dem Prinzip des sich ein Steilgewinde. Beim Aufeinanderschieben bzw. runterdrückenen steht eine Rotationen. Doch anstelle des Innengewindes ist ein Kleiner Stift, der in der Mitte knickbar ist. Drückt man die Stab nach unten, bleibt der Stift gerade und verursacht die Rotation. Zieht man den Stab wieder nach oben, knickt der Stift ein. Somit dreht der Korpus beim hochziehen nicht in die andere Richtung, sondern kann weiter in eine Richtung die Geschwindigkeit aufnehmen.
Ablauf Der Ablauf funktioniert mit dem selben Prinzip einer Gewürzdose. Die Ablaufschale ist zu dem Korpus hin verdrehbar und kann entweder Wasserdicht verschliessen oder wenn sie weiter gedreht wird und die Lächer einander geschoben werden, das Wasser ablaufen lassen.
Komponenten
Kugellager
Decke Der Decke ist mit dem Stab verbindlich, damit der Stab die Rotation auf den gesamten Korpus üverträgen kann.
des Innenraumes der Unterschale. Sodass des Korpus in stehende Positon unverderblich werden kann.