portfolio_Mengnan Jin

Page 1

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

e-mail

Media

Coffee Partner

meeting

Markting Interview

customer workshop

UI Designer

e-mail

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

Wechat

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.



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.