SlideShare a Scribd company logo
1 of 24
UI 用户界面设计User Interface
IU设计
IU设计            * 前言* 界面设计,听到这词一般人会怎么想? 我最常听到的就是交给设计师去设计或者给美工去美化…… 而作为技术工程师,你们也许会想,这关我什么事,我又不是这个专业, 我能实现功能就好,“美化”的活跟我没关系…… 所以我想如果从一开始我就一味的按我的工作区域去讲,大概听的人都 已经心不在焉了。 看看下面这段话,你或许会发现一些什么……
IU设计 确实我不能否认这个工作基本是要设计师来做的,然而界面设计又不仅仅是表面美化。这个“美化”也许也存在与程序开发中。先抛开表面美化不谈,同样都是界面粗糙手机,同样的一个功能,怎么会在用户喜爱上有如此大的差距? 问题在于设计,同一个功能你发现了问题并作了优化设计或许就会有个质的飞跃。这些单靠设计师去想是不现实的,这里是你们掌控的领域,功能上的简与繁你们更清楚,你们的建议是最具权威和实践性的,这些优势不用是不是太可惜了? 可是你会想就算我发现问题,那什么样的设计是好的呢?我又不知道该不该这么做。也许我不能从你们的角度谈太多,可是我的这些知识或许能给你带来一些信息。
IU设计            * 目录 * 什么是UI设计 常被误解的职业——UI设计师 UI设计流程 手机界面设计 设计的趣味性
IU设计 * 什么是UI设计?* UI即User Interface(用户界面)的简称。 UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。 好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
IU设计 补充讲解:软件设计中的UI设计。        软件设计可分为两个部分:编码设计与UI设计。 在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。 界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。        检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
    *常被误解的职业——UI设计师* IU设计 UI设计从研究的3个因素上来说分为3个方向其分别是研究工具,研究人与界面的关系,研究人。 图形设计师 Graphic UI designer    国内目前大部分UI工作者都是从事这个 行业。也有人称之为美工,但实际上不是单     纯意义上的美术工人,而是软件产品的产品 外形设计师。        这些设计师大多是美术院校毕业的,其 中大部分是有美术设计教育背景,例如工业 外形设计,装潢设计,信息多媒体设计等。
    *常被误解的职业——UI设计师* IU设计 交互设计师 interaction designer    在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。      交互设计师一般     都是软件工程师背景 居多。
用户测试/研究工程师 User experience engineer    任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。       用户研究工程师一般是心理学人文学背景比较合适。    综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。 IU设计 *常被误解的职业——UI设计师*
*UI设计的流程* IU设计   确认目标用户        采集目标用户的习惯交互方式                 提示和引导用户 ------- -------
IU设计              *UI设计原则*
IU设计 *手机界面设计* 了解到的手机设计所考虑的因素: 1手机的显示区域小,不能有太丰富的展示 效果,因此要求设计精简而不失表达能力。 2    手机的操作主要依赖拇指,所以交互过程 不能设计得太复杂,交互步骤不能太多,尽量 设计多点快捷方式。 3 不同型号的手机支持的图片格式、声音格 式、动画格式不一样,需要选择尽可能通用的 格式,或者针对不同的型号进行配置选择。 4     不同型号的手机屏幕大小不一致,设置形 状不一致,因此需要考虑图片的自适应问 题和界面元素的布局问题。
IU设计      *现在流行的几款触摸屏手机* iPhone OS:    苹果 iPhone 3G
IU设计 TouchFLO 3D:      HTC Touch HD
IU设计 TouchN'Roll:摩托罗拉A3100
IU设计 Symbian9.4系统S60 V5.0界面: 诺基亚 5800XM
IU设计 Android:T-Mobile G1
IU设计 S-Class:LGKM900e
IU设计 为什么有的手机会如此受用户喜爱呢? 这个问题需要深入调查, 我们这就去人们的日常生活和心理世界旅行一番: “哎,点这个怎么没反应,哦,好了……” !反馈:无论什么操作都要给用户一个视觉反馈,避免等待中 的恐慌,焦虑,烦躁心理出现。 2. “哎,这个怎么这么像XXXX的手机感觉啊” !个性:特有的功能,形式或者图标的运用形成独特风格,让 用户看到类似的概念或图形会产生联想 3. “点到这按钮比打地鼠还难!” !触摸区域:图标,按钮触摸区域符合手指大小和点击习惯, 不会使用户谨慎操作,产生顾虑。
IU设计 “怎么老有提示,真烦,当我弱智啊!” “怎么取消啊,我点错了……这也不行……真难用……” !成就感和挫败感:关注用户的成就感和挫败感,设置返回或多种 改错通道比一步一步提示如何操作更容易使用户接受。让用户自己 摸索并能轻松上手,成就感会产生好感。 “这个不错,就是XXXX了点儿,不然就完美了,下个版本是不是会 改进啊……” !用户期待心理:听过维纳斯么?断臂之美——艺术中的“残缺美”, 功能做到用户很满意却不完美是最好状态,这样可以使用户依赖使用, 又关注更新动态。 “这个记事本的感觉就跟真的记事本一样。” !隐喻的运用:人们都喜欢巧妙的方式表达,巧妙的事情会使用户眼 前一亮,使产品锦上添花。
IU设计 “这工具怎么这么花哨……” !应用类型特点: ,[object Object]
实用性工具       ---------     需要 方便,自主,规律
沉浸型应用       ---------     需要 个性,互动,绚丽8.“怎么这个关闭按钮在这里,老点错……” !肌肉记忆:肌肉记忆就是所说的习惯性,太熟悉的事情 就会本能的执行,挑战人群的肌肉记忆会使产品销路堵塞, 除非有十足把握去改变这个习惯。

More Related Content

Viewers also liked

【Nwr】0521勉強会「京都を新しいの観光都市へ」
【Nwr】0521勉強会「京都を新しいの観光都市へ」【Nwr】0521勉強会「京都を新しいの観光都市へ」
【Nwr】0521勉強会「京都を新しいの観光都市へ」nwrnet
 
Understanding buddha’s teachings v4
Understanding buddha’s teachings v4Understanding buddha’s teachings v4
Understanding buddha’s teachings v4dundal
 
【NWR】0417勉強会「ソーシャルネットワークと犯罪」
【NWR】0417勉強会「ソーシャルネットワークと犯罪」【NWR】0417勉強会「ソーシャルネットワークと犯罪」
【NWR】0417勉強会「ソーシャルネットワークと犯罪」nwrnet
 
【NWR】0417勉強会「子供観の変化と少子化」
【NWR】0417勉強会「子供観の変化と少子化」【NWR】0417勉強会「子供観の変化と少子化」
【NWR】0417勉強会「子供観の変化と少子化」nwrnet
 
【NWR】0521勉強会「ファーストフード業界への挑戦」
【NWR】0521勉強会「ファーストフード業界への挑戦」【NWR】0521勉強会「ファーストフード業界への挑戦」
【NWR】0521勉強会「ファーストフード業界への挑戦」nwrnet
 
Are Girl Scouts Right For You?
Are Girl Scouts Right For You?Are Girl Scouts Right For You?
Are Girl Scouts Right For You?JensWare
 

Viewers also liked (7)

Pavasaris
PavasarisPavasaris
Pavasaris
 
【Nwr】0521勉強会「京都を新しいの観光都市へ」
【Nwr】0521勉強会「京都を新しいの観光都市へ」【Nwr】0521勉強会「京都を新しいの観光都市へ」
【Nwr】0521勉強会「京都を新しいの観光都市へ」
 
Understanding buddha’s teachings v4
Understanding buddha’s teachings v4Understanding buddha’s teachings v4
Understanding buddha’s teachings v4
 
【NWR】0417勉強会「ソーシャルネットワークと犯罪」
【NWR】0417勉強会「ソーシャルネットワークと犯罪」【NWR】0417勉強会「ソーシャルネットワークと犯罪」
【NWR】0417勉強会「ソーシャルネットワークと犯罪」
 
【NWR】0417勉強会「子供観の変化と少子化」
【NWR】0417勉強会「子供観の変化と少子化」【NWR】0417勉強会「子供観の変化と少子化」
【NWR】0417勉強会「子供観の変化と少子化」
 
【NWR】0521勉強会「ファーストフード業界への挑戦」
【NWR】0521勉強会「ファーストフード業界への挑戦」【NWR】0521勉強会「ファーストフード業界への挑戦」
【NWR】0521勉強会「ファーストフード業界への挑戦」
 
Are Girl Scouts Right For You?
Are Girl Scouts Right For You?Are Girl Scouts Right For You?
Are Girl Scouts Right For You?
 

Similar to 用户界面设计

105-2 iOS程式設計(七)
105-2 iOS程式設計(七)105-2 iOS程式設計(七)
105-2 iOS程式設計(七)Hao Lee
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度SealTseng
 
介面設計相關職缺完整解析
介面設計相關職缺完整解析介面設計相關職缺完整解析
介面設計相關職缺完整解析Jun-I Wu
 
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》LIU hongmin
 
人人网互联网产品易用性、Ue设计培训
人人网互联网产品易用性、Ue设计培训人人网互联网产品易用性、Ue设计培训
人人网互联网产品易用性、Ue设计培训锐 张
 
Besides programming
Besides programmingBesides programming
Besides programmingHui-Hong You
 
F2E&RGBA Design - 如何導入設計師文化 - 171026
F2E&RGBA Design - 如何導入設計師文化 - 171026F2E&RGBA Design - 如何導入設計師文化 - 171026
F2E&RGBA Design - 如何導入設計師文化 - 171026Evan Wu
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web DesignAbby Chiu
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC
 
指引更工业化的设计
指引更工业化的设计指引更工业化的设计
指引更工业化的设计envong
 
Ui(用户界面)设计规则和规范
Ui(用户界面)设计规则和规范Ui(用户界面)设计规则和规范
Ui(用户界面)设计规则和规范yidao2030
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展Yu-Hsiu Li
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 

Similar to 用户界面设计 (18)

105-2 iOS程式設計(七)
105-2 iOS程式設計(七)105-2 iOS程式設計(七)
105-2 iOS程式設計(七)
 
用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度用完形心理學提升介面設計有感度
用完形心理學提升介面設計有感度
 
介面設計相關職缺完整解析
介面設計相關職缺完整解析介面設計相關職缺完整解析
介面設計相關職缺完整解析
 
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
群聚北京交流会(嘉宾演讲)大K《别做正常的傻瓜》
 
UI Design
UI DesignUI Design
UI Design
 
人人网互联网产品易用性、Ue设计培训
人人网互联网产品易用性、Ue设计培训人人网互联网产品易用性、Ue设计培训
人人网互联网产品易用性、Ue设计培训
 
ui design-1
ui design-1ui design-1
ui design-1
 
Besides programming
Besides programmingBesides programming
Besides programming
 
F2E&RGBA Design - 如何導入設計師文化 - 171026
F2E&RGBA Design - 如何導入設計師文化 - 171026F2E&RGBA Design - 如何導入設計師文化 - 171026
F2E&RGBA Design - 如何導入設計師文化 - 171026
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
 
指引更工业化的设计
指引更工业化的设计指引更工业化的设计
指引更工业化的设计
 
Ui(用户界面)设计规则和规范
Ui(用户界面)设计规则和规范Ui(用户界面)设计规则和规范
Ui(用户界面)设计规则和规范
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 

Recently uploaded

布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书kathrynalvarez364
 
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书kathrynalvarez364
 
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptxeduc6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptxmekosin001123
 
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...黑客 接单【TG/微信qoqoqdqd】
 
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单jakepaige317
 
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制jakepaige317
 
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptxEDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptxmekosin001123
 
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptxEDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptxmekosin001123
 
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单kathrynalvarez364
 
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,Xin Yun Teo
 

Recently uploaded (10)

布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
 
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
 
educ6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptxeduc6506presentationtc3302771-240427173057-06a46de5.pptx
educ6506presentationtc3302771-240427173057-06a46de5.pptx
 
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
1.🎉“入侵大学入学考试中心修改成绩”来袭!ALEVEL替考大揭秘,轻松搞定考试成绩! 💥你还在为无法进入大学招生系统而烦恼吗?想知道如何通过技术手段更改...
 
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
 
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
哪里可以购买日本筑波学院大学学位记/做个假的文凭可认证吗/仿制日本大学毕业证/意大利语CELI证书定制
 
EDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptxEDUC6506_ClassPresentation_TC330277 (1).pptx
EDUC6506_ClassPresentation_TC330277 (1).pptx
 
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptxEDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
EDUC6506(001)_ClassPresentation_2_TC330277 (1).pptx
 
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
日本姫路独协大学毕业证制作/修士学位记多少钱/哪里可以购买假美国圣何塞州立大学成绩单
 
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
中国文学, 了解王安石变法,熙宁变法,熙盛变法- 中国古代改革的类型- 富国强兵,
 

用户界面设计

  • 3. IU设计 * 前言* 界面设计,听到这词一般人会怎么想? 我最常听到的就是交给设计师去设计或者给美工去美化…… 而作为技术工程师,你们也许会想,这关我什么事,我又不是这个专业, 我能实现功能就好,“美化”的活跟我没关系…… 所以我想如果从一开始我就一味的按我的工作区域去讲,大概听的人都 已经心不在焉了。 看看下面这段话,你或许会发现一些什么……
  • 4. IU设计 确实我不能否认这个工作基本是要设计师来做的,然而界面设计又不仅仅是表面美化。这个“美化”也许也存在与程序开发中。先抛开表面美化不谈,同样都是界面粗糙手机,同样的一个功能,怎么会在用户喜爱上有如此大的差距? 问题在于设计,同一个功能你发现了问题并作了优化设计或许就会有个质的飞跃。这些单靠设计师去想是不现实的,这里是你们掌控的领域,功能上的简与繁你们更清楚,你们的建议是最具权威和实践性的,这些优势不用是不是太可惜了? 可是你会想就算我发现问题,那什么样的设计是好的呢?我又不知道该不该这么做。也许我不能从你们的角度谈太多,可是我的这些知识或许能给你带来一些信息。
  • 5. IU设计 * 目录 * 什么是UI设计 常被误解的职业——UI设计师 UI设计流程 手机界面设计 设计的趣味性
  • 6. IU设计 * 什么是UI设计?* UI即User Interface(用户界面)的简称。 UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。 好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
  • 7. IU设计 补充讲解:软件设计中的UI设计。 软件设计可分为两个部分:编码设计与UI设计。 在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。 界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。 检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
  • 8. *常被误解的职业——UI设计师* IU设计 UI设计从研究的3个因素上来说分为3个方向其分别是研究工具,研究人与界面的关系,研究人。 图形设计师 Graphic UI designer   国内目前大部分UI工作者都是从事这个 行业。也有人称之为美工,但实际上不是单 纯意义上的美术工人,而是软件产品的产品 外形设计师。    这些设计师大多是美术院校毕业的,其 中大部分是有美术设计教育背景,例如工业 外形设计,装潢设计,信息多媒体设计等。
  • 9. *常被误解的职业——UI设计师* IU设计 交互设计师 interaction designer   在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。    交互设计师一般 都是软件工程师背景 居多。
  • 10. 用户测试/研究工程师 User experience engineer   任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。    用户研究工程师一般是心理学人文学背景比较合适。   综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。 IU设计 *常被误解的职业——UI设计师*
  • 11. *UI设计的流程* IU设计 确认目标用户 采集目标用户的习惯交互方式 提示和引导用户 ------- -------
  • 12. IU设计 *UI设计原则*
  • 13. IU设计 *手机界面设计* 了解到的手机设计所考虑的因素: 1手机的显示区域小,不能有太丰富的展示 效果,因此要求设计精简而不失表达能力。 2 手机的操作主要依赖拇指,所以交互过程 不能设计得太复杂,交互步骤不能太多,尽量 设计多点快捷方式。 3 不同型号的手机支持的图片格式、声音格 式、动画格式不一样,需要选择尽可能通用的 格式,或者针对不同的型号进行配置选择。 4 不同型号的手机屏幕大小不一致,设置形 状不一致,因此需要考虑图片的自适应问 题和界面元素的布局问题。
  • 14. IU设计 *现在流行的几款触摸屏手机* iPhone OS: 苹果 iPhone 3G
  • 15. IU设计 TouchFLO 3D: HTC Touch HD
  • 20. IU设计 为什么有的手机会如此受用户喜爱呢? 这个问题需要深入调查, 我们这就去人们的日常生活和心理世界旅行一番: “哎,点这个怎么没反应,哦,好了……” !反馈:无论什么操作都要给用户一个视觉反馈,避免等待中 的恐慌,焦虑,烦躁心理出现。 2. “哎,这个怎么这么像XXXX的手机感觉啊” !个性:特有的功能,形式或者图标的运用形成独特风格,让 用户看到类似的概念或图形会产生联想 3. “点到这按钮比打地鼠还难!” !触摸区域:图标,按钮触摸区域符合手指大小和点击习惯, 不会使用户谨慎操作,产生顾虑。
  • 21. IU设计 “怎么老有提示,真烦,当我弱智啊!” “怎么取消啊,我点错了……这也不行……真难用……” !成就感和挫败感:关注用户的成就感和挫败感,设置返回或多种 改错通道比一步一步提示如何操作更容易使用户接受。让用户自己 摸索并能轻松上手,成就感会产生好感。 “这个不错,就是XXXX了点儿,不然就完美了,下个版本是不是会 改进啊……” !用户期待心理:听过维纳斯么?断臂之美——艺术中的“残缺美”, 功能做到用户很满意却不完美是最好状态,这样可以使用户依赖使用, 又关注更新动态。 “这个记事本的感觉就跟真的记事本一样。” !隐喻的运用:人们都喜欢巧妙的方式表达,巧妙的事情会使用户眼 前一亮,使产品锦上添花。
  • 22.
  • 23. 实用性工具 --------- 需要 方便,自主,规律
  • 24. 沉浸型应用 --------- 需要 个性,互动,绚丽8.“怎么这个关闭按钮在这里,老点错……” !肌肉记忆:肌肉记忆就是所说的习惯性,太熟悉的事情 就会本能的执行,挑战人群的肌肉记忆会使产品销路堵塞, 除非有十足把握去改变这个习惯。
  • 25. IU设计 *界面设计的趣味性* 手机的界面设计虽然有很强的设计规范性,这些设计规范约束着我们的设计,但是,它同样的需要有设计趣味性。设计具有趣味性了,才能调动用户的好奇心,从而更好的去吸引用户去关注你的设计以及与你设计有关联性的事物。 个性与共性合理化分配的研究,太个性适用人群太窄,缺乏个性又没有人去关注。 探索新的互动形式,新的设计理念,引导用户行为习惯形成依赖。