用户界面设计
- 3. 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设计师*
- 13. IU设计 *手机界面设计* 了解到的手机设计所考虑的因素: 1手机的显示区域小,不能有太丰富的展示 效果,因此要求设计精简而不失表达能力。 2 手机的操作主要依赖拇指,所以交互过程 不能设计得太复杂,交互步骤不能太多,尽量 设计多点快捷方式。 3 不同型号的手机支持的图片格式、声音格 式、动画格式不一样,需要选择尽可能通用的 格式,或者针对不同的型号进行配置选择。 4 不同型号的手机屏幕大小不一致,设置形 状不一致,因此需要考虑图片的自适应问 题和界面元素的布局问题。
- 14. IU设计 *现在流行的几款触摸屏手机* iPhone OS: 苹果 iPhone 3G
- 20. IU设计 为什么有的手机会如此受用户喜爱呢? 这个问题需要深入调查, 我们这就去人们的日常生活和心理世界旅行一番: “哎,点这个怎么没反应,哦,好了……” !反馈:无论什么操作都要给用户一个视觉反馈,避免等待中 的恐慌,焦虑,烦躁心理出现。 2. “哎,这个怎么这么像XXXX的手机感觉啊” !个性:特有的功能,形式或者图标的运用形成独特风格,让 用户看到类似的概念或图形会产生联想 3. “点到这按钮比打地鼠还难!” !触摸区域:图标,按钮触摸区域符合手指大小和点击习惯, 不会使用户谨慎操作,产生顾虑。
- 21. IU设计 “怎么老有提示,真烦,当我弱智啊!” “怎么取消啊,我点错了……这也不行……真难用……” !成就感和挫败感:关注用户的成就感和挫败感,设置返回或多种 改错通道比一步一步提示如何操作更容易使用户接受。让用户自己 摸索并能轻松上手,成就感会产生好感。 “这个不错,就是XXXX了点儿,不然就完美了,下个版本是不是会 改进啊……” !用户期待心理:听过维纳斯么?断臂之美——艺术中的“残缺美”, 功能做到用户很满意却不完美是最好状态,这样可以使用户依赖使用, 又关注更新动态。 “这个记事本的感觉就跟真的记事本一样。” !隐喻的运用:人们都喜欢巧妙的方式表达,巧妙的事情会使用户眼 前一亮,使产品锦上添花。
- 23. 实用性工具 --------- 需要 方便,自主,规律
- 24. 沉浸型应用 --------- 需要 个性,互动,绚丽8.“怎么这个关闭按钮在这里,老点错……” !肌肉记忆:肌肉记忆就是所说的习惯性,太熟悉的事情 就会本能的执行,挑战人群的肌肉记忆会使产品销路堵塞, 除非有十足把握去改变这个习惯。
- 25. IU设计 *界面设计的趣味性* 手机的界面设计虽然有很强的设计规范性,这些设计规范约束着我们的设计,但是,它同样的需要有设计趣味性。设计具有趣味性了,才能调动用户的好奇心,从而更好的去吸引用户去关注你的设计以及与你设计有关联性的事物。 个性与共性合理化分配的研究,太个性适用人群太窄,缺乏个性又没有人去关注。 探索新的互动形式,新的设计理念,引导用户行为习惯形成依赖。