PORTFOLIO
2014-2015 WORKS SHOW ABOUT ME AND DESIGN
北京理工大学 设计学 2017届硕士研究生在读
张林静
zhanglinjing1020@126.com 15201620587
ABOUT ME
EDUCATION
北京理工大学 工业设计
教育经历 2010
EXPERIENCE 项目经历
北京理工大学 设计学（服务设计） 2014
now
SKILL 技能
Axure
Ps
Ai
Ae
2017
2013.11-2014.04
迅鸥在线科技有限公司
交互设计/产品助理
2014.10-2015.02
IDEA大赛：B.O. House（服务设计）
2015.06-2015.07
帕森斯设计学院 Flip it Forward 教育创新研究
AWARD 获奖
2015.02
IDEA大赛FINALIST
2014.10
研究生二等学业奖学金
2013.10
第一届国际铜与家居创意设计大赛 亚洲区 三等奖
Office
内容 CONTENTS
App Design 素社 Service Design B.O House Web Design UI Design
Hui.net
01 APP DESIGN For Vegetarians
实践项目：素社
战略层
范围层
二手调研
结构层
框架层
产品功能
市场分析 行业趋势 竞品分析
表现层
设计文档
场景建模 功能列表及优先级
高保真原型 界面设计
用户研究
任务流程及产品结构
产品定位 目标用户 需求分析
用户流程 信息架构 框架图
二手资料 背
景：
素食原因：
现代社会中，素食者越来越多，素食人群也趋年轻化，素食已经逐渐成为符合时代潮流的生活方式。
1.健康营养 2.环保节能 3.拯救动物 4.宗教信仰 5.其他
人群比例：
中国已有5000万素食主义人群，占总人口4%-5%，超过了美国所有素食主义人群的数量。
香港已有25%的人建立了规律的素食习惯。
目标用户：
首要人群：初级素食者（素食时间<6个月） 次要人群：有经验的素食者（素食时间>6个月）
需求分析 大量需求
素食餐厅查找
需求删
减
出门聚餐或独食
地图位置直观显示 附近素食餐厅一览无余
查找和推荐素食餐厅 按位置，距离，好评排序
个人中心
拖动位置改变定位点
做饭菜谱
个人账户管理
设置和帮助中心内容
和家人分开做饭，规律素食 素食菜谱推荐，创作及分享 素食品购买
用户登录和注册 第三方登录，QQ，微信，微博
经验分享
手机，邮箱登录，注册
不同诉求人群扎堆交流
前期用户量较小，后期可作为拓展业务
提供菜谱，基本需求
素食者信息获取和交流平台
菜谱上传 支持分享到社交平台，QQ，微信，微博 评论 查看详细步骤 晒成果 前期用户量不大
添加关注，粉丝等功能
菜谱离线查看 无网使用情景，增加开发难度，2.0可上线
知识学习和他人鼓励
分享生活状态 根据进度可调整上线版本
选择感兴趣圈子加入
每日菜谱推荐 结合时间和时令，贴心用户
收藏和下载菜谱
话题帖子，提供交流平台
形成自己的朋友圈
评论和点赞功能
消息提醒
提供社交，交流平台
用户画像 persona 1
金小小
25岁 白领
为了健康刚开始接触素食， 对于一些素食理念和饮食框架都 不太熟悉，经常上网查询相关资 料，看科普。不太会做饭，且内 心不坚定因为周围人的三言两语 放弃素食，过后又会继续尝试素 食。渴望认识更多相同素食理念 的人，一起交流分享。
情景 Scene
行为变量 Behavior variable
1.自己在家里做饭，想改善伙食，于是 上网查找关于素食的菜谱。 2.跟朋友出去游玩，在她的提议下大家 想尝试附近的特色素食餐厅。
素食经验
需求和目标 Needs& Goals 1.自己制作素餐，尝试新鲜素食菜谱 2.快速找到附近的好评素食餐厅
缺少
丰富
理念坚持 弱
强
社交意愿 弱
强
persona 2
笑笑
35岁 自由职业
几年前因为环保改吃素食，素 食过程中感受到身体变得更加健 康。对于素食主义有自己的一些 理念和想法，并且经常创作一些 素食菜谱，分享给朋友，带动周 围人一起健康素食。 每周给家人做一天全素食餐。
情景 Scene
行为变量 Behavior variable
在制作全素食餐的时候发现以前没 尝试过的食物搭配，想分享给更多素食 爱好者。
素食经验
需求和目标 Needs& Goals 将素食菜谱和自己的素食经验分享 给别人，影响和带动他人。
缺少
丰富
理念坚持 弱
强
社交意愿 弱
强
用户地图
用户行为
早上起床
吃早餐
用户想法
新的一天， 要更加健康
早晨吃点什么呢
外界反馈
?
工作
准备午餐
朋友出游
朋友聚餐
晚间休闲
早饭吃了素餐感觉 更有效率
尝试了一次新的 菜谱，分享出去吧
素食后更加健康， 你们也可以尝试哟
尝试一家美味的 素食餐厅吧
充满活力的一天， 记录下这美好
没有推荐
坚持多久了？
不感兴趣
怎么开始
哪里有素食餐厅
记录到哪里
痛点
不知道早餐 吃什么
不知道坚持素食 多久了
精心准备的午餐， 找不到感兴趣的人
自己的知识和经历 不足以带动他人
聚餐不知道哪里 有素食餐厅
一天的素食生活 无处记录
机会点
根据时间段推荐 不同菜谱
将素食时间量化， 予以鼓励
提供素食者的 菜谱分享平台
提供能共享经验与 知识的途径和平台
提供素食餐厅位置 快速查询
情绪体验
产品功能及优先级
素食菜谱推荐及搜索共享
快速，清晰
素食餐厅快速查找
快速，明确
根据每天的时节和时间段推荐适宜菜谱
结合定位推荐附近素食餐厅，解决聚餐烦恼
提供搜索和分享菜谱解决用户单调的素食生活
更改位置寻找心仪素食餐厅，提前制定素食计划
上传自制菜谱，特色共享
社区圈子
专注，愉悦
个人主页
明确，高效
与关注用户成为好友，随时发现好友素食新动态
管理个人信息，菜谱，好友等
加入兴趣圈子，和共同兴趣人交流素食经验，获得新知识
系统设置
快速进入热门话题，加入最新讨论
信息架构
每餐推荐
搜索
热门菜谱
附近素食餐厅
菜谱
餐厅搜索
地图位置显示
餐厅
素社
圈子
好友近况
已加入圈子
我的
热门帖子快速进入
登录/注册
我的菜谱
账户管理
我的餐厅
设置
我的帖子
工作流 今日推荐
菜谱
早餐
下载
午餐
收藏
晚餐
分享
菜谱列表
菜谱详情
全部评价
否 搜索
搜索页面
输入内容
查看评价
评价
菜谱列表
热门
分享到微信，微博，朋友圈
餐厅列表
是
编辑菜谱
是否发布
历史 上传菜谱
是否已登录
否
餐厅地图
餐厅
是
收藏
详情卡片
餐厅详情 否 搜索页面 热门 历史
保存草稿箱
登录/注册
餐厅列表
搜索餐厅
否
输入内容
结果列表
分享
分享到微信，微博，朋友圈
报错
此地点已关闭，信息错误
地址
选择自带，百度，高德导航
电话
拨打电话
全部评价
评价详情
评价
工作流程
个人主页 点赞 好友动态 好友圈
圈子
查看用户
回复
我的圈子
圈子内容
发现圈子
圈子内容
私信
发布帖子
发动态
浏览帖子
否 是否加入
是
加关注
收藏 帖子内容
分享
分享到微信，微博，朋友圈
评价
归入我的圈子
热门帖子 修改背景，头像 个人信息 好友列表
关注 粉丝
打卡 已发布 草稿箱 我的菜谱
登录/注册
编辑
发布
菜谱详情
下载的
否
我的
收藏的
菜谱详情
登录/注册成功
我发布的
是 我的帖子
我参与的
帖子详情 评价
我收藏的
我的餐厅
我收藏的 我点评的
消息中心 清理缓存 设置
退出登录 意见反馈
餐厅详情
是否已登录
是
否
输入内容 登录/注册
页面目标及元素
根据不同时段，每餐推荐 （给用户推荐的） 全局搜索（用户自主选择） 提示用户可搜索的范围 上传菜谱
用户最喜欢的
全站导航，快速切换
页面流 菜谱
推荐菜谱详情
3
1
2
1 根据用户进入的不同时段推荐
不同食谱
2 结合用户关注点和关注程度，
展示菜谱图片，信息，作者以 及收藏数量等
搜索页面
3 用户可以下载，收藏或分享到
朋友圈，微博，QQ空间等
搜索结果
菜谱
1
上传菜谱
3 3
2
1
用户向上滑动屏幕后，搜索框 保持悬浮在顶端，上传菜谱按 钮向右上变为图标指示
2
黑色为必填项，灰色为选填项， 以视觉色彩进行区分 提示用量填写可以为多种形式， 不局限于克数
3
长按步骤图即可上下调换步骤 顺序
餐厅列表
餐厅地图
餐厅详情
全部评价
4 1 2
3
1
点击后可筛选位置
2
可选择默认排序，离我最近， 评价最好等
3
结合后期测试及反馈可考虑删 除返回键
4
可分享至朋友圈，微博，QQ 空间等 可选择餐厅已关，位置错误等 报错信息
圈子
圈子详情
帖子详情
消息列表
2 4
3
1
1
向左滑动可选择退出该圈子， 常按可调整上下位置
2
如果已登录且是圈子成员可在 该圈子发布帖子
3
点击之后，退出圈子，图标显 示成“加入”，再次点击加入 该圈子，图标显示“已加入” ，方便用户操作
4
其他用户头像，点击可添加关 注或私信对话
未登录
登录页
已登录
我的菜谱
2 1
3
1
1
解释说明素食与减少碳排放的关 系，每素食一天可减少4.1公斤 CO2排放 以可视化的数据信息鼓励用户， 增加互动性和用户粘性
2 3
点击管理个人资料，头像昵称等 点击后可管理好友列表
02 SERVICE DESIGN B.O. House
Brief After 30 years, what kind of service could be delivered to continue Beijing's cultural scape? How would the user experience of the service be like then?
资料研究 Desk research
用户访谈 Random interviews
实地调研 Field research
未来场景 Future scenarios
整理分析 Analyze
设计思路 Design line
人群分析 Future User Analysis
User Analysis
Professional
Profession
Amateur
Contents
Forms Publics
The general public as a whole, but the demand gradually changes with age from preferred form to the content development, cognitive extent develops wavy.
Elder Public
Young Students Kids Middle-aged Public Foreigner
Non Professional
Requirement Analysis Group Public
Kids, Students Young and Middle-aged General lovers
Fans Amateur Performers
Practitioner Professionals
Demand Basic knowledgeďź&#x152;Interesting plot and actingďź&#x152;Various experience
Target Good social atmosphere, Be interested in Beijing opera
Platform (resource acquisition, information exchange, skills improvement) Access to information
Obtaining the required platform resources, Exchange opportunities
More interaction with audiences, More present materials & talents, Financial support,
Good interactive performance, Modern new works, Train more talents
Service Introduction
B Immersion theater
A Experience pavilion
Visitors could be taken back to some historical contexts to enjoy Beijing Opera in virtual environments, to feel the lifestyle of that time.
Through a series of interactive experiences visitors could obtain common sense of Beijing Opera with pleasure and get to be interested in it.
B.O. House C Boutique theater
Z Network Platform Get knowledge The storage and sharing of information data .
Interact with others Book tickets Edit, upload and view the works
Professional actors and amateurs, specialized performance.
Actions & Results B Immersion theater
A Experience pavilion
Visitors
Amateurs
Book tickets for C
Choose tutor
Review history
Create facial masks
Match costumes
Guess metaphors
Learn about basic knowledge of Beijing Opera.
Sign up
Upload & Share scripts
Upload & Share videos
Imitate actions
Find the seat
Select historical context
C Boutique theater Watch performance
Real-time comment
Become interested in Beijing Opera Gradually be fond of and enjoy through immersive spot experience Beijing Opera and its artistic charm. in diďŹ&#x20AC;erent historical periods.
Exchange experience
Perform Opera
View comments
Perform Opera
View comments
Participate in the creation of Beijing Opera.
Evaluate scripts
Professionals
Adapt scripts
Evaluate amateurs
Obtain sources and inspiration for their works and discover special talents.
Set the rules
Provide & Update the materials
Provide the original images
Get feedbacks from audience.
Z Network Platform
Contribution & Acquisition
The feedback of Beijing opera development
Professional skills Innovational materials & talents
Fund &policy support
Present materials & performance & talents Performance opportunities &venues
03 WEB DESIGN hui.net
工作流程
会点：为用户提供一站式数字化会务解决方案。 负责一期会务系统原型，交互及UI设计。 举办方
hui.net 目前月PV 60多万， UV 10多万
hui.net
提供商
Function Demand 一期上线： 会务创建管理
票务管理
二维码签到
现场互动
现场支持
微信互动
会务推广
二期上线： H5邀约
会务专题页
数据分析
参会者
办会模式
邀约参会
报名参会 举办方 创建会议及票种
审核/直接发送二 维码电子凭证
识别终端
数据统计
短信/彩信/邮件
扫码
个人
举办方
报名参会
创建会议及票种
获取二维码凭 证
发送二维码电子 凭证
现场签到
识别终端
入场
数据统计
个人 添加/批量导入
短信/彩信/邮件
扫码
参会嘉宾
获取二维码凭 证
现场签到
入场
主功能流程
暂存
会议管理
创建会议
是否初次登录
填写会议详情 是
是 管理其他会议
姓名、电话、 公司是否完整
完善账户信息
否
会议详情
会议详情架构 会议概况 会议详情
会前准备
专题站设置 票务设置 推广服务
会议现场
检票设置 互动设置
会务统计
参会人员
否
否
否
登录
否
填写完整
是
是否继续
会议详情 是
票务设置
是否继续
是
检票设置
是否立即发布
是
发布成功 设置专题站
创建会议页面流
2
1
3
4
1 将核心功能“创建会议”摆放在视觉层级最高的位置， 方便引导新用户 2 提示用户只需3步即可完成创建会议，并提示当前进度 3 未发布会议可以删除，已经成功发布的会议不可删除 4 点击“暂存”后跳转至会务管理即会务通首页
目标元素图
目标
任务
子任务
操作
进度指示
确定会议属性 填写会议标题 确定起始时间 确定时间
确定结束时间
确定地点 确定类型 填写举办机构 确定会议封图
创建并发布 一场会议
完善会议 基本信息
填写会议详情
填写联系方式
选择推广关键词
选择下一步操作
确定起始时间 确定结束时间
页面、控件、页面元素
04 GUI DESIGN
SCREEN LOCK PLUG-IN
ICON DISPLAY
MOBILE THEME
线性icon
搜索
下载
频道
首页
电影
收藏
电视剧
音乐
播放历史
财经
视频
游戏
体育
新闻
卡通
综艺
设置
我的
发现
分享
谢谢