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设计“这工具怎么这么花哨……”!应用类型特点:效率应用型       ---------     需要快捷,简单,明确
实用性工具       ---------     需要 方便,自主,规律
沉浸型应用       ---------     需要 个性,互动,绚丽8.“怎么这个关闭按钮在这里,老点错……”!肌肉记忆:肌肉记忆就是所说的习惯性,太熟悉的事情就会本能的执行,挑战人群的肌肉记忆会使产品销路堵塞,除非有十足把握去改变这个习惯。

用户界面设计