设计驱动移动应用创新

PRESENTATION CAFA

设计驱动的

移动应用创新Design Driven Innovation in Mobile Application

CAFA Media LAB数码媒体工作室

费俊/FEI JUN

新媒体艺术与设计的传道者Evangelist of New Media Art and Design

教育者|Educator

设计师|Designer交互设计、平面设计Interaction Design, Graphic Design

艺术家|Artist互动装置、影像艺术、数码版画Interactive Installation, Video Art, Digital Print etc.

费俊副教授Prof. Fei Jun

PRESENTATION CAFA CAFA Media LAB数码媒体工作室


数码媒体工作室CAFA Media LAB

Design Driven Innovation 设计驱动创新 VS

Technology Driven Innovation技术驱动创新


设计师的创新哲学DESIGNER’S PHILOSOPHY IN INNOVATION

Design for People

为人民而设计

Design for Change

为改变而设计

Design for Experience

为体验而设计


家庭暴力

Domestic Violence 社会保障

Social Care疾病

Disease

老龄化

Aging Population可持续发展

Sustainability

文化传承

Culture Reservation

环境保护

Environmental Protection教育

Education

贫困Sustainability

设计师Designer

社会平等

Social Equity



We organize our understanding of the history of technology in terms of how big a stone, how

cleverly shaped and formed they were. Whereas no stone was all that useful unless you had the capacity to join things together...

From that we were able to make cloth, textiles, from that we were able to make nets, from that we

were able to make baskets. And the fundamental characteristic of such technologies is that

enables you to move, it enables you to feed yourself, enables you to trap small birds. And

the whole history of the origins of technology now needs to be rewritten in the light of what you

might call “soft technology” as opposed to what we’re stuck with at the moment which is

basically “hard technology” ...

David Turnbull (author of ‘Masons, Tricksters and Cartographers among others’)

”

“


“苹果层出不穷的新产品和服务，从ipod,

iphone, ipad, 到新近发布的iCloud云服

务，都非前所未有的技术，但是他们总是能

把这些技术应用得恰到好处，让消费者执着

地认为苹果才是这些技术得创新者。”

摘录自美国Apple WWDC2011期间的电视访谈节目


移动媒体时代设计师应该

扮演什么样的角色？

What should be the role of a designer in the age of mobile media?

设计师Designer

体验者

1联接者

2传达者

3


设计师Designer

开发/测试 Build/Test

程序员Programmers

发布 | Ship

➀

Evolution of the software development process|软件开发流程的进化过程

CAFA Media LAB数码媒体工作室PRESENTATION CAFA



发布 | Ship

➀



立项 | Initiate

项目经理Managers

发布 | Ship

➁





发布 | Ship

➀



立项 | Initiate


发布 | Ship

➁

立项 | Initiate


开发 | Build


测试 | Test

测试员QA

外观 | Look

设计师Designers

发布 | Ship

➂

开发 | Build


发布 | Ship 设计 | Design

设计师Designers

立项 | Initiate


测试 | Test

测试员QA

用户Users

委托mandate

规范specs

可行性feasibility

反馈feedback

代码code

bug

测试报告report

产品product

用户Users

用户反馈input➃



设计师的创新方法DESIGNER’S PROCESS IN INNOVATION

R&D PROCEDURE

开发实现Realize and Finalize

视觉设计Visual Design测试模型Prototype and Test

产品功能Feature list

PRESENTATION CAFA

概念定位Conceptualize用户研究User Research

开发实现Realize and Finalize

视觉设计Visual Design

测试模型Prototype and Test

产品功能Feature list

PRESENTATION CAFA

概念定位Conceptualize

用户研究User Research

R&D PROCEDURE

PRESENTATION CAFA

用户研究/User Research

PRESENTATION CAFA

头脑风暴Brainstorming

1A raining day, Mr. Chen

(AUDI user) has several

plans to do for the day.

The first thing is to take

his kid to the

kindergarden. Before he

left, he firstly open AUDI

App in iphone, checked

vehicle condition,

gasoline level etc., then

he remotely started AC to

dehumidify air in the car.

PRESENTATION CAFA

故事版/Storyboard

2

It is rush hour, on the road, he chose the

Fastest Route Mode of GPS, to avoid the

most congested sections.

Meanwhile, the Rain Navigation

Mode enabled him to receive

precautions and instructions on

how to make turn on watered

road via voice guide.

PRESENTATION CAFA

流程与线框图Flow chart & Wireframe

PRESENTATION CAFA

易用性测试Usability Test

PRESENTATION CAFA

视觉设计Visual Design

案例分享SHOW CASE

公共艺术PUBLIC ART / Interactive Installation / All in the Village...

交互装置<屯里的那点事儿> 2009Interactive Installation / 798 Talk Show交互装置<798脱口秀> 2010

Interactive Installation All in the Village...｜交互装置<屯里的那点事儿> 2009

All about the “Village”⋯ game series attempted to establish a regional social media for people to speak, connect, perform and share in public space via an entertaining, casual and humorous approach, the form of the media helped the user release the fear of public speak and stimulate wise and indirect expression of social or political concern.

《屯里的那点事儿》是艺术家创作的一件为特定社区定制的通过手机和大屏幕交互的社群游戏作品。参与者可以使用任何具有短信功能的手机参与到游戏和论坛中来。作品借用了游戏和论坛的形式，意在为特定的公共空间创建出诙谐的、极具娱乐性的社区交流空间，为参与者提供向公众发表言论和表达情绪的平台。

Interactive Installation All in the Village...｜交互装置<屯里的那点事儿> 2009

Instruction and character Panel


CULTURE 文化遗产HERITAGE /

LBS Mobile Application /

Beijing Wall基于地理位置的移动应用程序<北京城门> 2011

LBS Mobile App | Beijing Wall |基于地理位置的移动应用程序<北京城门> 2011


LOW CARBON LIFESTYLE / LBS Mobile Application /

rideShare基于地理位置的移动应用程序<拼途> 2011

低碳生活


LBS Mobile App | rideShare |基于地理位置的移动应用程序<拼途> 2011

LBS & 观光 SIGHTSEEING/ LBS Mobile Application / Hi, 798

基于地理位置的移动应用程序<hi, 798> 2011

LBS Mobile App | Hi, 798 |基于地理位置的移动应用程序< Hi, 798 > 2011

PRESENTATION CAFA

FOOD & 美食 RESTAURANT/ LBS Mobile Application / timeout

基于地理位置的移动应用程序<timeout 北京美食榜> 2010

iPad Application - Timeout Beijing |iPad应用程序<Timeout 北京美食榜> 2010


DIGITAL电子杂志 MAGAZING/ Interactive Digital Magazine /

Cosmo, FHM, BAZAAR交互数字杂志<时尚> <男人装> <芭莎> 2011

时尚COSMO

亚洲出版大赛优秀奖

交互数字杂志/ Interactive Digital Magazine - COSMO, FHM, BAZAAR |2011

男人装FHM 芭莎BAZAAR


DIGITAL电子书 BOOK/ Interactive E-Book / Shan Hai Jing

交互数字杂志<山海经> 2011

交互电子书/ Interactive E-Book Design & Development - [山海经 Shan Hai Jing] | 2011


MUSIC音乐视频 VIDEO/ AR Music Video / Quan MO

增强现实音乐视频<泉MO> 2011

AR Music Video / Quan MO/增强现实音乐视频 <泉MO> 2011


CASUAL游戏 GAME/ Mobile Game

/ Ooooze, Pin & Ball, DirtyHand休闲游戏<疯狂小怪> <钉与球> <细菌大战> 2010

[Ooooze/疯狂小怪] iphone 游戏

Ooooze


[Pin&Bal/钉与球l]iphone game design|iphone游戏

Pin & Ball


[DirtyHand/细菌大战] iphone 游戏

DirtyHand


谢谢！THANKS

[email protected]


http://www.feijun.net

http://www.feijun.net

mailto:[email protected]

mailto:[email protected]