赵
楠
|
作
品
集
Hi! 我是赵楠。 一个热爱设计一个热爱设计体验，不断探 索交互，媒体，与视觉设计的 Designer。 nanzhao@nyu.edu +1 (917) 445-9655
nanzhaoportfolio.wordpress.com
我是在上海纽约大学就读交互媒体艺术专 业的大三学生。目前正在纽约大学纽约本 部进行一年的交换学习中，五月就会回到 上海。
教育背景 上海纽约大学｜上海，中国｜ 2014.9 － 至今 交互媒体艺术专业 纽约大学｜纽约，美国｜ 2016.9 － 至今 学习交流项目 纽约大学｜柏林，德国｜ 2016.7 － 2016.8 暑期课程项目
工作经历
同时我享受设计与学习的乐趣。也热爱在 团队中合作交流。 我的作品在专业学期期 末展、上海创客嘉年华以及上海音乐学院 进行公开展示。
上海纽约大学 2016 优秀本科学生研究基金会｜ 2016.5 - 2016.8 用户体验和用户界面设计师 数一数二实验动画音乐剧场，上海音乐学院｜ 2016.5 - 2016.7 视觉及动画设计师 上海必果科技有限公司｜ 2015.12 - 2016.1 数字媒体与科技实习生 Specifiko 集注企业管理（上海）有限公司｜ 2015.4 - 2015.6 平面设计实习生 上海纽约大学交互媒体艺术专业｜ 2015.1 - 2016.5 实验室学生助理
技能
领导能力
设计类 Illustrator, Indesign, Photoshop, Sketch, Invision， Aftereffects, Premiere, Final Cut Pro, Unity 编程类 HTML/CSS, JavaScript, Python, Processing(java) 实体人机交互类 Arduino 设计思考方法 Lean UX / Agile Development 设计思考 用户调研、用户肖像 线框图设计、低到高保真设计 语言 中文 | 母语 英语 | 精通，流利
高顿财经杯高校沙盘商业比赛组委会 合作创办者，执行创意总监
从平面设计到交互设计，是一个发现他人， 发现自己的旅途。我希望设计不仅仅是视 觉上的享受，更是从整体体验上得到满足 的需求。带给人们快乐，做有意义的事， 是我目前的追求与热情所在。
上海 , 中国 | 2015.11 - 2016.3
围炉微信公众平台 设计总监 上海 , 中国 | 2016.1 - 2016.8
获奖经历 上海纽约大学优秀本科学生研究基金｜ 2015 年、2016 年 上海纽约大学年度表彰奖｜ 2015 - 2016 纽约大学高阶校友导师项目｜ 2015 - 2016 Autodesk 2015 年春季智能家居设计挑战｜ 2015.5
目录 01
OXO - 你的私人康复助手 用户体验设计、用户界面设计
02
围炉
03
记录 APP
04
Cloud in Hand
05
我的淘宝
06
其它作品
07
平面设计
用户体验设计、用户界面设计
用户调研
触摸式实体互动设计
数据可视化
01
oxo
你的私人康复助手 用户体验设计 / 用户界面设计 2016 年 5 月－ 2016 年 8 月
项目介绍
oxo 是一个旨在帮助处于后恢复期的跌打骨折损伤患者查看受伤部位的实时复建动作数 据并观察记录康复情况的手机 app。 项目获得上海纽约大学 2016 优秀本科学生研究基金会支持。
背景
同学父亲得了中风，腿脚不能动弹。出院后处于后恢复期的他在家休息康复。但苦于没 有专业的康复测试设备及体系。同时也不清楚自己康复趋势如何。靠自己琢磨复健的他 担心自己盲目锻炼造成相反效果。同时，腿脚不方便的他无法时常去医院复诊。国内医 院不仅挂号排队太过麻烦不方便，还没有针对后康复期的病人的专业门诊。
问题发现
处于后恢复的患者希望更好地观察自己的恢复状况，但身边没有专业测量设备及平台。 中老年人对高科技不甚了解，很难自己测量分析数据。 在国内去医院复诊十分麻烦，且排队时间很长，尤其对腿脚不方便的患者来说。
如果…那么…
如果有一个手机 app 可以连接一个易于使用的测试设备，患者戴上设备后可以链接手机 app，观察康复动作的实时数据。患者还能获得直观的报告分析，同时得到具体趋势分析。 那么患者不仅可以更好观察康复情况还能得到专业分析，不用特地跑到医院进行测试。
概念
我们希望通过使用 MYO 可穿戴设备，配合简洁实用的手机 app，可以给中老年，后康 复阶段的患者提供方便清晰的康复测量方法及分析。
连接设备
测试动作
实时数据
报告分析
康复趋势
逻辑草图 及线框设计
通过 sitemap，brainstorm 得到 APP 逻辑和不同功能区，再在纸上进行初步的界面草 图构想。
界面设计
与开发者沟通，将原始数据界面转变成可触摸式数据可视化界面，并配合开发者修改相 关功能逻辑等。
原始开发界面
界面设计
雏形 及用户测试
根据已有界面设计，在 invision 上建立交互模式，完成 APP 原型设计用 于用户测试，并根据反馈修改交互方式。
Invision 上制作模拟交互方式，在手机上导出 APP 模型。
测试 APP 用户体验，根据反馈修改回到主页的链接及过渡界面，得到未来改进方向。
视觉形象设计 及效果图
02
围炉 用户体验设计 / 用户界面设计 2016 年 5 月
项目介绍
在围炉 APP 上，用户可以阅读围炉的推送文章，并收藏、分享、评论。用户还拥有自 己的个人页面管理自己的收藏文章及评论。
背景
围炉本身是一个拥有超过 7，700 稳定关注量，由来自香港大学，复旦大学，上海纽约大学， 及香港城市大学的学生创办并自治的思想交流微信公众平台。围炉的面向对象主要为各 高校大学生。我作为设计总监及核心成员，负责围炉的整体形象及视觉设计。 这是我的用户体验课程的期末项目。因为围炉目前只在微信公众平台上，所以我想利用 课程所学，为围炉设计属于自己的客户端和阅读体验。
用户调研
对围炉的现有关注者进行采访，获得他们的痛点以在 APP 中进行改进。
问题发现
围炉整体功能受微信平台设计影响，阅读体验有所局限。 用户缺少整理，编辑评论的统一平台。 收藏的文章和其它收藏的微信推送混杂在一起，很难统一查看。 搜索功能靠关键字回复或菜单栏点击，整体受微信局限。
如果…那么…
如果在手机客户端平台上，用户拥有自己的个人页面，统一管理收藏的文章，同时也可 以管理查看自己的评论以及他人给自己的留言。同时还可以通过更好的搜索功能进行检 索。那么围炉的阅读整体体验将会更好，对已有用户更有吸引力，还可以一定程度上扩 大围炉的影响力。
概念
微信平台上已有的用户体验及习惯 ＋ 用户主页 ＋ 搜索功能
观察研究
调查研究其它阅读、订阅式 APP。观察文章安排逻辑，用户界面体验，交互设计等，保 证围炉 APP 符合大众使用习惯。
逻辑草图
为了不过多改变已有用户的阅读习惯和流程，我在围炉公众号现有逻辑及布局的基础上， 增加模块，完善流程。
逻辑草图
界面设计
PROTOTYPE 交互设计
用户测试及完善
进行 3 次面对面用户测试，观察他们使用情况，询问用户反应并修改设计。
用户测试笔记 所做修改 ・ 修改载入开始页面的速度 ・ 去除令人费解难懂的第一种主页设计 ・ 使用第二种更简洁明了的卡片式界面 ・ 修改主页上的交互动作 ・ 设置界面上增加交互触发点 ・ 完善细节
效果图
03
记录 APP 用户调研 2017 年 2 月
项目介绍
此项目着重于用户调研，通过定量及定性研究，为目标用户更好的记录项目进展提供设 计建议及功能优先级需求。 完 整 调 研 报 告 可 以 在 https://issuu.com/nanzhaoportfolio/docs/final_research_ report 看到。
方法与步骤
我首先通过头脑风暴画出概念地图，生成假设目标用户和猜测。再通过采访，调查问卷， 观察获得用户的看法和态度，以及平常记录项目进展的习惯。通过获得的信息，我做出 人物志以及相关的用户旅程。同时，竞争对手分析也有助于形成功能建议。最后，我给 出所有的功能需求，并按重要性进行等级划分。
头脑风暴
采访
通过采访，我可以得知目标用户目前的记录习惯和态度，并从中找到痛点。同时，我也 验证了假设的目标群体以及竞争对手。 我在一周内进行了超过 10 次面对面采访，深入采访有 5 个。受访者覆盖设计类学生， 商业学生，艺术教授等。
采访记录
问卷调查
问卷调查共收到有效回复 44 封，主要覆盖纽约大学设计类编程类本科学生及研究生。 通过问卷，我得到了量化的数据，知道了大多数目标用户的习惯及特点，验证在采访中 获得的信息。
问卷链接
结果链接
发现
人物志
结合采访及问卷，我发现用户们习惯用手机拍照记录项目进展，但趋向于在最后统一上 传到云客户端或个人博客。所以他们经常遗忘当时拍照所发生的事情或原因。同时，记 录的照片和手机相册中其它照片混在一起，上传时可能会遗漏。
竞争对手分析
除了用户，竞争对手也很重要。Wordpress, Google Drive, Github, Trello, Evernote 是我结合采访及问卷结果决定着重分析的对象。完整分析可以在 https://app.xtensio. com/folio/9qouoeso 看到。
用户旅程
画出用户整个制作原型的过程，找到他们记录的点，以及产生痛点的步骤。从中发现了 潜在的机会：帮助用户实时上传照片并整理，配合相应导出功能，既能满足用户使用手 机记录，最后写记录报告的习惯，也避开了和主流竞争者的直接竞争。
功能推荐
结合左右信息，我将所建议的功能氛围必须有的功能、应该有的功能、可以有的功能、 不会有的功能四个板块，为 APP 的长远发展提出自己的优先级。
04
Cloud in Hand 实体互动作品 2017 年 3 月
项目介绍
Cloud in Hand 是一个触摸交互式创意夜灯装置。通过这个设计，我想探索人与家居的 更自然的交互方式。去除传统开关按钮，使用触摸，旋转，挤压等方式实现人对灯的控制。 设计主要着重在用户可以将等放在手心旋转，灯的颜色也会随之在 360 度中改变。通过 抚摸或轻压进行开关和颜色控制。同时夜灯会有震动反馈。
点击观看视频（youtube）
方法与工具
触控技术、压力传感、三维陀螺仪、机械振动控制、Arduino、激光切割
设计过程
调查与测试： 采访身边的人对于云朵的看法，以及灯的看法。寻找最自然有趣的互动方式。得到的交 互方式反馈有抚摸、轻碰、挤压、戳等交互方式。 根据已有反馈调查相关技术，测试触控技术、可导电布料、陀螺仪等传感器。
电路、拼接设计： 我首先构思最后成品在用户眼中应是什么样子，并在纸上构画草图设计。夜灯应该足够 小到可以让用户轻易握在手中把玩，也要有云朵的基本大小和形状。手掌大是比较合适 的大小。根据设计，进行电路铺设及组装焊接。内部是两层结构，顶部为压力传感器与 LED 灯，底部为小型控制器及其它传感器。
设计草图
设计过程
电路设计
装置设计
设计过程
编程、测试与完善： 为控制器编程，并测试效果。 尝试使用云朵骨架贴可导电布料，测试后决定直接使用羊毛毡以获得更好的体验和效果。
测试程序
用户测试
为装置覆盖上羊毛毡后进行用户测试。发现人们趋向于将云朵放在手心再按压来关闭灯， 根据这个行为我修改了代码。同时发现人们不喜欢云朵带来的震动，倾向于以视觉直接 感受装置反馈。
最终成果
05
我的淘宝 数据可视化 2015 年 12 月
项目介绍
我的淘宝是一个数据可视化项目，追踪了我从 2012 年到 2015 年的淘宝消费记录并直 观的可视化出来。项目有两张图，一张为大致的消费趋势和数量，一张加了个人喜欢程 度以及种类划分。通过这个项目，我对自己的消费行为和对自己购买的物品习惯有了更 深入的了解和一些有趣的发现。 项目在上海纽约大学交互媒体艺术专业学期期末展中公开展出。
背景
新时代中，大多数年轻人都会选择在网上购物，但有多少人会特别注意自己的消费习惯 呢？带着疑问，我想看看自己在淘宝这个国内最大网络购物平台上的购物习惯。
方法与工具
Kimono: 从网络中取得数据并生成文档 Sublime: 编辑整理数据 Processing: 分析数据并可视化 Adobe Illustrator: 最终排版
设计过程
我先用 Kimono 抓取数据，获得消费记录，并生成文档。
再通过 Processing 编程，分析数据并尝试不同的绘图。
设计过程
以此为基础，我为数据增加了喜欢的程度和种类，尝试更多可能性。
最后我在 Illustrator 中进行排版整理。
最终成果
见下页。
06
其它项目 演出舞台 Watch 虚拟现实沉浸式动画 The Room
Watch 舞台 2016.5 - 2016.7
Watch 旨在营造另一种沉浸式的感知‘时间’的舞台体验予观众。根据‘看’‘表’‘时 间’的元素， 我们希望通过简单图形的复杂变化，点－线－面的结合交错，以及舞蹈演 员与视觉动画的交互来体现人与时间的联系和对时间流逝的情感表达。音乐上我们通过 尝试拆分，变形，重组节奏，用带有节奏感的金属音效进行音乐创作。表演在“数一数二” 互动式舞台上于上海音乐学院排演中心公开演出。 与来自上海音乐学院的学生合作，主要负责动画设计与制作。
点击大图观看（vimeo）
The Room
The Room 通过倒叙的方式，轮回式的地图结构，同时运用虚拟现实技术，向人们讲述 了一个女人是怎样一步一步变为僵尸。动画建立在 Unity 基础上，给人身临其境之感。
沉浸式动画 2016.5
动画在上海纽约大学交互媒体艺术专业学期期末展公开展出。
点击大图观看（youtube）
07
平面设计 围炉 沙盘上海 Specifiko 其它
围炉
围炉是一个拥有超过 7700 稳定关注量，由来自香港大学、复旦大学、上海纽约大学及 香港城市大学的学生创办并自治的思想交流微信公众平台。作为围炉的核心成员，负责 围炉整体品牌形象及宣传。 设计和管理围炉的品牌形象。为围炉的各种线上线下活动设计 logo，及相关纸质或媒体 宣传材料。
围炉
沙盘上海
沙盘上海全称为“高顿财经杯”高校沙盘商业比赛组委会，是国内首届校际 ERP 商业 模拟大赛。为比赛设计品牌视觉形象，相关宣传材料，以及网站设计建立，包括 logo， 颜色，字体风格，海报，传单等。
Specifiko
为 specifiko 设计公司传单，易拉宝，名片等宣传材料。
其它
辅具科技 互动式研讨会 供
失
能
人
士
使
上 纽
海 约
周六
纽 大
约 学
大 联
学 办
周日
多功能厅
用
© macrovector / Fotolia
主题
演讲嘉宾
辅具技术的临床应用
Karen Gourgey
主任
中国辅具及相关技术的需求与使用
Joo Kim
副教授
低成本辅具设计与开发
Anita Perr
临床副教授
3D打印在义肢上的应用
Marianne Petit
系主任
外骨骼辅具技术的发展
Shannon Jia 贾杰
主任医师
虚拟现实技术
Leigh-Anne Russell
主任及创始人
弱视与失明辅助技术
Alex Truesdell
执行总监 Adaptive Design Association 麦克阿瑟奖获得者
Hiroshi Yamaura
开发工程师
互动式研讨会：实例操作
弱视计算机研究中心, 巴鲁克学院 机械与航天航空工程, 纽约大学 作业治疗，纽约大学
交互媒体艺术系，上海纽约大学 康复医学科，复旦大学附属华山医院 凤巢联合创新空间
Exiii
nanzhao@nyu.edu +1 (917) 445-9655 nanzhaoportfolio.wordpress.com