SlideShare a Scribd company logo
1 of 38
2008.12.13
Jiazi Chen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Education Background Work  Experience 1
陈佳子 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],教育背景 实习经历 2
在所有人当中,或许我从来不是最聪明的那个,但没有人可以否认 我的勤奋以及我对 IT 行业的热爱。 愿我的创意不竭,愿我的设计不止。 so, I’m here, and I’m ready.
主要内容( CONTENT ) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],4
联想实习 UI 设计作品介绍 The introduction of UI design work in lenovo 1 5
Project intrduction : 这个项目来自于联想集团对于电脑行业可持续发展的关注。通过这款节能软件, 企业用户、消费者和研发人员能够分别获得如下的数据,以达到节约电能的效 果。 6 客户群 关心问题 主要功能 企业客户 电脑总耗电情况 一组电脑的耗电数据统计分析 如何节约用电 管理员配置所有电脑的电源管理 消费客户 电脑耗电情况 实时功耗显示 如何节约用电 提供节电设置并显示节电效果 研发人员 某项技术的耗电情况 提供能耗对比测试工具
My challenge : 当我接过这款软件时,它的状态如下。围绕节约和测量电能这个目标,开发人员 为它设计了许多功能,可以看到,页面比较拥挤,且操作复杂。通过首页的四个 按钮,可分别打开四个页面。 我的任务是对已经设计完成的部分进行”瘦身“,对未设计完成的部分进行功能创意。 在提高软件可用性的同时,还需要设计软件界面的整体风格 7
交互设计之流程改进   1 、原流程 8
交互设计之流程改进   2 、改进之后的流程——通过对流程的简化,减少用户操作的步骤,提高可用性 9
Prototype 1 原型设计  1 10
交互设计之概念模型 针对 meter 、 power 、 power cost 和 offset 四个部分,分别制作了不 同的概念模型方案。 1 、把 meter 和 power 结合,并用 表盘来读取。 2 、采取进度条和数字方式,分别 读取。 事实上在最后的设计中,我们采取了更加直观的进度条和数字结合的方案, 因为用户可以更直观的读取信息。这也是我最开始所建议的方式。 11
交互设计之概念模型 —— offset 针对 meter 、 power 、 power cost 和 offset 四个部分,分别制作了不 同的概念模型方案。 1 、通过这个设计,用户会得到更有趣 的体验,鼠标滑过圆盘,数字在中间显示。 2 、中规中矩的设计,好处是用 户更容易理解 offset 的概念 12
当鼠标位于工具栏上方的显示状态
Final results   1 14
设计说明 最终这个设计按照 ideapad 系列进行设计,规范了图标。 同时更加符合用户的习惯和需求。 与之前的原型相比 可以发现最终的设计 去除了一些干扰信息。 在 yesterday 和 today 两项 谁应该放在左边,大家产生了分歧,我的意见得到了保留。 很多人认为 today 是比较重要的信息,应该放在左边。 可我不这样认为。人们的习惯是从左往右阅读,直觉上左边 是先发生的,因此 yesterday 应该放在左边。 15
Final results   2 hover press 16
icon 本设计总共有七个 icon ,分别 链接到七个二级界面 In this design, there are  seven icons, which can guide us to second-level interface  17
Pets is a very interesting part, which include five emotion parts. The more energy you save, the  happier your pet will be.
HIPIHI 实习设计作品介绍 The introduction of  design work in HIPIHI 2 19
1 2 3 应被保留的部分 应进一步简化 应删除的部分,或以另一种方式体现 4 改良设计 Improved design   下面这个界面就是现 有的背包系统。 我列出了主要存在的问题。 20
改良方案一 Design 1 背包是一个管理性的工具,高效、快捷 是设计的重点。 我增加了一些更合理的功能,在更小的空 间上,为用户提供更有秩序的界面。
Interac  tion   Design 交互设计
另一种更明快的界面风格 Another Style 23
网页设计作品介绍 The introduction of  webpage design work 3 24
婴儿用品网站主页设计 和同学一起上街购物为我刚生 了孩子的高中老师买礼物的时 候,我却买不到合适的礼物—— 于是产生了这个网站的 创意。目前购物网站虽多, 但没有一家真正把婴儿用品 做好的。
北京公交网 上过就知道,确实 需要改良了。。。 26
工业设计作品介绍 The introduction of  ID work 4 27
28
29
30
31
32
33
34
Painter 插画作品介绍 The introduction of  painter work 5 35
Illustration is one of my hobby. 36
37

More Related Content

Similar to Jiazi chen design work

2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享Justin Lee
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?Ryan Chung
 
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档2011 ibm connections 社交软件应用开发大赛闭幕式会议文档
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档Flanker Dai
 
雲端行動商務發展趨勢 V1.2
雲端行動商務發展趨勢 V1.2雲端行動商務發展趨勢 V1.2
雲端行動商務發展趨勢 V1.2yaohung
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探yaai
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web DesignAbby Chiu
 
Picoway Company Profile 1.5
Picoway Company Profile 1.5Picoway Company Profile 1.5
Picoway Company Profile 1.5picoway
 
Picoway Company Profile V1.5
Picoway Company Profile V1.5Picoway Company Profile V1.5
Picoway Company Profile V1.5picoway
 
App design process part III
App design process part IIIApp design process part III
App design process part IIINTUST
 
CSDN移动电子刊第三期
CSDN移动电子刊第三期CSDN移动电子刊第三期
CSDN移动电子刊第三期yangdj
 
Luyi\'s Portfolio
Luyi\'s PortfolioLuyi\'s Portfolio
Luyi\'s Portfoliolupig
 
先睹为快 -- Office 2010全新生产力平台大揭秘
先睹为快 -- Office 2010全新生产力平台大揭秘 先睹为快 -- Office 2010全新生产力平台大揭秘
先睹为快 -- Office 2010全新生产力平台大揭秘 Yi Zhang
 
Web logic platform 8.1
Web logic platform 8.1Web logic platform 8.1
Web logic platform 8.1williams2014
 
督視人研考會交流 20150616
督視人研考會交流 20150616督視人研考會交流 20150616
督視人研考會交流 20150616Bao-Wen Chen
 
人臉辨識考勤系統Face Recognition Based Attendance System
人臉辨識考勤系統Face Recognition Based Attendance System人臉辨識考勤系統Face Recognition Based Attendance System
人臉辨識考勤系統Face Recognition Based Attendance SystemIttrainingIttraining
 
UI DESIGN入门讲座
UI DESIGN入门讲座UI DESIGN入门讲座
UI DESIGN入门讲座Tisa Fu
 
什么是云计算
什么是云计算什么是云计算
什么是云计算Liyang Tang
 
Building Chatbot With Huggging Face
 				Building Chatbot With Huggging Face 				Building Chatbot With Huggging Face
Building Chatbot With Huggging FaceKo Ko
 

Similar to Jiazi chen design work (20)

2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?
 
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档2011 ibm connections 社交软件应用开发大赛闭幕式会议文档
2011 ibm connections 社交软件应用开发大赛闭幕式会议文档
 
雲端行動商務發展趨勢 V1.2
雲端行動商務發展趨勢 V1.2雲端行動商務發展趨勢 V1.2
雲端行動商務發展趨勢 V1.2
 
535 dust cloud
535 dust cloud535 dust cloud
535 dust cloud
 
互动设计的方法初探
互动设计的方法初探互动设计的方法初探
互动设计的方法初探
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
 
个推
个推个推
个推
 
Picoway Company Profile 1.5
Picoway Company Profile 1.5Picoway Company Profile 1.5
Picoway Company Profile 1.5
 
Picoway Company Profile V1.5
Picoway Company Profile V1.5Picoway Company Profile V1.5
Picoway Company Profile V1.5
 
App design process part III
App design process part IIIApp design process part III
App design process part III
 
CSDN移动电子刊第三期
CSDN移动电子刊第三期CSDN移动电子刊第三期
CSDN移动电子刊第三期
 
Luyi\'s Portfolio
Luyi\'s PortfolioLuyi\'s Portfolio
Luyi\'s Portfolio
 
先睹为快 -- Office 2010全新生产力平台大揭秘
先睹为快 -- Office 2010全新生产力平台大揭秘 先睹为快 -- Office 2010全新生产力平台大揭秘
先睹为快 -- Office 2010全新生产力平台大揭秘
 
Web logic platform 8.1
Web logic platform 8.1Web logic platform 8.1
Web logic platform 8.1
 
督視人研考會交流 20150616
督視人研考會交流 20150616督視人研考會交流 20150616
督視人研考會交流 20150616
 
人臉辨識考勤系統Face Recognition Based Attendance System
人臉辨識考勤系統Face Recognition Based Attendance System人臉辨識考勤系統Face Recognition Based Attendance System
人臉辨識考勤系統Face Recognition Based Attendance System
 
UI DESIGN入门讲座
UI DESIGN入门讲座UI DESIGN入门讲座
UI DESIGN入门讲座
 
什么是云计算
什么是云计算什么是云计算
什么是云计算
 
Building Chatbot With Huggging Face
 				Building Chatbot With Huggging Face 				Building Chatbot With Huggging Face
Building Chatbot With Huggging Face
 

Jiazi chen design work