注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

..FELIX WING...

Stay Real Forever

 
 
 

日志

 
 

UI设计师必知  

2011-03-23 17:58:41|  分类: 亂七八糟[不知道 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
UI设计师必知 - Felix WING - ..FELIX WING...
什么是UI设计?
  UI的本意是User Interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计三个部分。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

一个通用软件界面的设计大体可分为五个步骤:
1.需求阶段 
2.分析设计阶段 
3.调研验证阶段 
4.方案改进阶段 
5.用户验证反馈阶段 
需求阶段    
软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/ 遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。 
除此之外在需求阶段同类性质的软件也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。 
分析设计阶段    
       通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的面。 
调研验证阶段 
   几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。 
测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 
   例如: 
   数据收集方式:厅堂测试/模拟家居/办公室。 
   测试时间:X年X月X日X日。 
   测试区域:北京、广州、天津。 
   测试对象。某软件界定使用用户。
   主要特征为: 
    ?对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高; 
    ?电脑使用经历一年以上; 
    ?家庭购买电脑时品牌和机型的主要决策者 
    ?年龄:X-X岁; 
    ?年龄在X岁以上的被访者文化程度为大专及以上; 
    ?个人月收入X以上或家庭月收入X元及以上; 
    ?样品
    ?五套软件界面 
    ?样本量:X个,实际完成X个。 
调研阶段需要从以下几个问题出发: 
  ? 用户对各套方案的第一印象 
  ? 用户对各套方案的综合印象 
  ? 用户对各套方案的单独评价 
  ? 选出最喜欢的 
  ? 选出其次喜欢的 
  ? 对各方案的色彩,文字,图形等分别打分。 
  ? 结论出来以后请所有用户说出最受欢迎方案的优缺点。 
  所有这些都需要用图形表达出来,直观科学。 
方案改进阶段    
  经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。 
用户验证阶段    
  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。 

UI设计师是做什么的
    UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的, 其分别是研究工具,研究人与界面的关系,研究人。 
 研究界面----图形设计师Graphic UI designer 
   国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。
这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。 
 研究人与界面的关系---交互设计师,interaction designer 
   在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。 
交互设计师一般都是软件工程师背景居多。 
 研究人----用户测试/研究工程师User experience engineer
   任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。 
   用户研究工程师一般是心理学人文学背景比较合适。 

   综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。

UI设计师要做到的:

1.简易性。
界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

2.用户的语言。
界面中要使用能反应用户本身的语言,而不是开发设计者的语言。

3.记忆负担最小化。
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。

4.一致性。
是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与实际内容相一致。

5.清楚。
在视觉效果上便于理解和使用。

6.用户的熟悉程度。
用户可通过已掌握的知识来使用界面,但不应超出一般常识。

7.从用户的观点考虑。
想他们所想,做他们所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。
如:书籍对比竹简。

8.排列。
一个有序的界面能让用户轻松的使用。

9.安全性。
用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10.灵活性。
简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。

11.人性化。
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。


UI设计中应回避的一些细节

A、易用性原则: 
按钮名称应该易懂,用词要准确,屏弃那些模楞两可的字眼,要与同一界面上的其它按钮易于区分,能望文知意最好。理想的情况是用户不用查阅说明书就能知道该界面的功能并进行相关的正确操作。 易用性原则的一些细些要求:(1)、相同或相近功能的按钮用Frame框起来,以便于操作。(2)、常用按钮要支持快捷方式和硬件操作,如按Tab键或者是其它键能够实现的切换功能。 (3)、按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。(5)、重要信息的控件和指引性地内容最好有意识放在较醒目的位置。(6)、同一界面上的控件数不要过多,考虑使用分页界面显示多内容,以便也使用者使用观察。(7)、分页界面要支持在页面间的快捷切换。(8)、默认按钮最好能支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。(9)、可写控件要具备自动检测功能,在监测到非法输入后应给出说明并能自动获得焦点。 

B、规范性:
(1)、常用命令要有快捷方式。(2)、菜单前的图标能直观的代表要完成的操作。 (3)、菜单深度一般要求最多控制在三层以内。(4)、工具栏要求可以根据用户的要求自己定制一些内容。(5)、工具栏中的每一个按钮最好有及时提示信息,特别是在手持产品中更加需要,而且这些提示信息可以根据使用要求决定是否显示。(6)、系统最佳状态应被设置为默认状态。(7)、工具栏太多时使用工具厢,而且工具厢要具有可增减性,由用户自己根据需求定制。

C、合理性原则: 
(1)、父窗体或主窗体的中心位置应该在对角线焦点附近。 (2)、多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。(3)、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。(4)、与正在进行的操作无关的按钮应该加以屏蔽。(5)、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 (6)、对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。 

D、 美观与协调性原则: 
界面应该在元素大小比例、颜色质感、形状语义、功能设置等方面适合美学规律,一般不要太突兀,亦不可太平淡(特殊需求的例外),塑造自己的独特性(界面设计的特色要与公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语大体一致)的同时,也争取塑造一种和谐舒适的美感。

E、安全性原则: 
界面开发者应当尽量周全地考虑到各种可能发生的问题,并在设计中做到使出错的可能性降至最小。(1)、排除应用中那些非正常使用出现中止的可能,以增强稳定性。(2)、应当注意尽可能避免用户无意录入无效的数据。(3)、采用相关控件限制用户输入值的种类。(4)、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。(5)对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。(5)、对错误操作最好支持可逆性处理,如取消操作。(6)、 在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口。(7)、在主界面载入完毕后自动卸出内存,让出所占用的WINDOWS系统资源。


本文由 站酷网 - pwdesign 原创 http://www.zcool.com.cn/article/ZMTc3NjQ=.html
  评论这张
 
阅读(209)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017