最近在为客户测试一个企业网站,发现原来的工程师设计的架构没有考虑用户操作的简便性,最突出的一点就是菜单左置,在视觉好像是很规范,实际在我们的测试中却发现带来许多不必要的额外动作,必须把鼠标重复的从屏幕的右边移到右边进行选择,别小看这一点动作的重复,着实没为用户的操作体验着想,而违背我们设计的目的。

      自然菜单右置,视觉可能有些突兀,但是想想带来的操作便利性,我想是划的来的。

      一般情况下,人的视觉中心在屏幕上都会集中左中这个位置,所以中心和左边是最好的数据呈现的区域,而右边放置菜单,符合右利手的操作习惯,所以这样的设计,可以在一定程度上减少不必要的重复无谓动作,提高工作效率。自然若是为左撇子着想,这个菜单应该设计为可以左右灵活切换。
  
      或许再未来的软件设计上,也应该注重用户操作2.0方向的提升。
Posted on 2007-10-21 17:05 Enzo 阅读(2674) 评论(25)  编辑 收藏 网摘

Feedback

#1楼    回复  引用  查看    

2007-10-21 17:58 by 老Q      
有时你认为方便的别人并一定觉得方便。
尤其是对于那些不太懂计算机的客户。
所以我个人认为UT的设计没有必要考虑那么细致的操作方便
大统的设计才是王道,如果你业务设计的好,客户会愿意按照你设计的改变
以上针对业务系统,如果是门户类的当我没说,我没有做过这方面对设计

#2楼    回复  引用  查看    

2007-10-21 17:59 by 佳文      
不是傲游2浏览器就是如此设计的吗?

这样左置的习惯可能和window有关,与生俱来嘛

#3楼    回复  引用  查看    

2007-10-21 18:08 by seamusic      
因为看那些数据的时候,鼠标一般习惯右移,此时菜单在右边,明显会给用户很大的方便。特别是那些不太懂计算机的用户,都是用鼠标点着数据来看的。。。。。

#4楼    回复  引用  查看    

2007-10-21 20:01 by 亚历山大同志      
不错,确实对于有撇子来说大部分时间鼠标都是在右边停留的时间比较长,不过左撇子咋办呢?可能还需要用户自己能自己设定的比较好:}

#5楼 [楼主]   回复  引用  查看    

2007-10-21 20:10 by Enzo      
TO 老Q :
 当然这是一种习惯到另一种习惯的转变,确实也有针对性.我当前测试就是企业业务处理系统,所以我认为这种工具是为了提高工作效率和简化工作而设计,不该局限于过往的习惯,因为新的习惯必然需要一段时间适应,而带来的是更多的益处.

TO 亚历山大同志 :
自然若是为左撇子着想,这个菜单应该设计为可以左右灵活切换。也就是说默认为右置菜单,但如是左撇子则可以更改为左置,在下次登陆时则自动根据用户 变为左置菜单

#6楼    回复  引用    

2007-10-21 20:27 by 这才是设计的要义 [未注册用户]
设计界面的运用原则

   1)合理性原则,即保证在系统设计基础上的合理与明确。
任何的设计都既要有定性也要有定量的分析,是理性与感性思维相结合。努力减少非理性因素,而以定量优化、提高为基础。设计不应人云亦云,一定要在正确、系统的事实和数据的基础上,进行严密地理论分析,能以理服人、以情感人。

   2)动态性原则,即要有四维空间或五维空间的运作观念。一件作品不仅是二维的平面或三绝的立体,也要有时间与空间的变换,情感与思维认识的演变等多维因素。

   3)多样化原则,即设计因素多样化考虑。当前越来越多的专业调查人员与公司出现,为设计带来丰富的资料和依据。但是,如何获取有效信息,如何分析设计信息实际上是一个要有创造性思维与方法的过程体系。

   4)交互性原则,即界面设计强调交互过程。一方面是物的信息传达,另一方面是人的接受与反馈,对任何物的信息都能动地认识与把握。

   5)共通性原则,即把握三类界面的协调统一,功能、情感、环境不能孤立而存在。



设计界面的应用方法

   设计界面所包含的因素是极为广泛的,但在运用中却只能有侧重、有强调的把握。设计因素虽多,但它仍是一个不可分割的整体。它的结果是物化的形,但这个形却是代表了时代、民族等方面的意识,并最终反映出人的"美"的心理活动。

   设计界面的运用,核心是设计分析。在一些国际性的大公司,如索尼、松下、柯尼卡等,都有许多的成功案例可为借鉴。如柯尼卡公司设计其相机时,首先不是去绘制"美"的形和考虑技术的进步,而是进行对象人的日常行为分析,作出故事版(STORY)。它先假定对象人的年龄为35岁,名:Xxxx,从而分析他的家庭、喜好与憎恶,分析他的日常行为,进而考察其人在什么场合需要僚机,从而为设计提供概念(CONCEPT)与目标(TARGET),进行设计。经过分析,设计师有了明确的概念与目标,并随信息的交互产生了创造力。

   另一方面,设计师自身对社会环境也要进行深入的认识与考察,对设计的作品取向有明晰的认识:是否符合人们的消费预期?是否能感受到人们的审美知觉?日本设计师佐野邦雄先生曾作一图--生活的变迁与设计师的课题,将日本及世界上某些非常有影响性的事件,如技术的进步、企业的发展等等都进行了归纳,进而对设计有了深入的认识与感悟。

   所以,要运用好设计的界面,理性的认识是首要的,其次就是创造性的,而且是有实效性的分析、处理信息。设计不是一成不变的,分析方法也不是一成不变的,设计的界面同样是在人一物

UI界面设计流程
人类社会逐步向非物质社会迈进,互联网信息产业已经走入我们的生活。在这样一个非物质社会中,网站与软件这些非物质产品再也不象过去那样紧紧靠技术就能处于不败之地。工业设计开始关注非物质产品。但是在国内依然普遍存在这样一个称呼"美工"。"工"的意思就是没有思想紧紧靠体力工作的人。这是一个很愚昧的做法,愚昧在于称呼职员美工的企业没有意识到界面与交互设计能给他们带来的巨大经济效益,另一方面愚昧在于被称为美工的人不知道自己应该做什么,以为自己的工作就是每天给界面与网站勾边描图。

  本文主要讲述一套比较科学的设计流程来讲述UI界面设计属于工业设计的范畴,是一个科学的设计过程,理性的商业运作模式。而不是单纯的美术描边。

  UI的本意是user interface也就是用户与界面的关系。他包括交互设计,用户研究,与界面设计 三个部分。本文主要讲述用户研究与界面设计的过程。

一个通用消费类软件界面的设计大体可分为五个步骤:


需求阶段
分析设计阶段
调研验证阶段
方案改进阶段
用户验证反馈阶段
需求阶段

  软件产品依然属于工业产品的范畴。依然离不开3W的考虑(Who,where,why.)也就是使用者,使用环境,使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄,性别,爱好,收入,教育程度等)。什么地方用(在办公室/家庭/厂房车间/公共场所)。如何用(鼠标键盘/遥控器/触摸屏)。上面的任何一个元素改变结果都会有相应的改变。

  除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世,我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适,更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢,后面我会介绍用户调研。



分析设计阶段

  通过分析上面的需求,我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有:品质,精美,高档,高雅,男性,时尚,cool,,个性,亲和,放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的,例如:品质,精美,高档,时尚。但有些词是相互矛盾的,必须放弃一些,例如:亲和,放松与 cool,个性与等。所以我们画出一个坐标,上面是我们必须用的品质,精美,高档,时尚。左边是贴近用户心理的词汇:亲和,放松,人性化。右边是体现用户外在形象的词汇:cool,个性,工业化。然后我们开始搜集相呼应的图片,放在坐标的不同点上。这样根据不同作标点的风格,我们设计出数套不同风格的界面。


调研验证阶段

  几套风格必须保证在同等的设计制作水平上,不能明显看出差异,这样才能得到用户客观的反馈。

  测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。


  例如:

   数据收集方式:厅堂测试/模拟家居/办公室。

   测试时间:X年X月X日X日。

   测试区域:北京、广州、天津。

  测试对象。某消费软件界定市场用户。主要特征为:

  对电脑的硬件配置以及相关的性能指标比较了解,电脑应用水平较高;
电脑使用经历一年以上;
家庭购买电脑时品牌和机型的主要决策者
年龄:X-X岁;
年龄在X岁以上的被访者文化程度为大专及以上;
个人月收入X以上或家庭月收入X元及以上;
样品

  五套软件界面

  样本量:X个,实际完成X个。



调研阶段需要从以下几个问题出发:


用户对各套方案的第一印象
用户对各套方案的综合印象
用户对各套方案的单独评价
选出最喜欢的
选出其次喜欢的
对各方案的色彩,文字,图形等分别打分。
结论出来以后请所有用户说出最受欢迎方案的优缺点。

  所有这些都需要用图形表达出来,直观科学。


方案改进阶段

  经过用户调研,我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢,还有什么遗憾等,这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上(这里指不能换皮肤的应用软件或游戏的界面)将方案做到细致精美。


用户验证阶段

  改正以后的方案,我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈,好的设计师应该在产品上市以后去站柜台。零距离接触最终用户,看看用户真正使用时的感想。为以后的升级版本积累经验资料。

  经过上面设计过程的描述,大家可以清楚的发现,界面UI设计是一个非常科学的推导公式,他有设计师对艺术的理解感悟,但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI界面设计不存在美工。

五、UI设计的一般工作流程

(取自某UI设计服务公司)

1)熟悉行业(熟悉您的软件所涉及的行业,以便制作出适合行业特征的界面风格)

2)了解软件(了解您软件的工程进度,做出针对您进度的工作计划)。

3)与软件开发工程师和市场人员讨论界面风格(广泛听取研发和市场人员的意见,做出 最适合市场的软件)。

4)人机分析(对您的软件进行人机分析,增强您软件的易用性)。

5)做方案(做出设计方案,并明确细节思想)。

6)审定方案(与技术和市场人员一起审定方案,并听取修改意见)。

7)修改——审定(将有几次重复)

8)细化、制作界面(开始制作软件界面)。

9)与软件开发工程师合作把界面加入到程序中。

10)细部修改,完成。

11)进行软件包装盒、光盘盘面、盘套等的设计工作。

12)后期跟踪服务(在完成项目后,对您的软件进行跟踪服务,即对您软件从发布到推出新版本之间的小规模修改进行调整,包括对帮

#7楼    回复  引用    

2007-10-21 21:09 by it55 [未注册用户]
菜单右置的弊端:
1、和滚动条太近,用户容易误操作。
2、用户的视觉读取顺序是由左及右,感觉菜单放在左边会很直观的告诉用户,他可以有哪些选择。

#8楼    回复  引用    

2007-10-21 21:10 by 思考鱼6 [未注册用户]
@路过的
喧宾夺主?

#9楼    回复  引用    

2007-10-21 23:25 by ff [未注册用户]
同意作者的观点

#10楼    回复  引用  查看    

2007-10-21 23:54 by 随风逝去      
呵呵,用户就是王道!

#11楼    回复  引用  查看    

2007-10-22 00:41 by 木野狐(Neil Chen)      
如果正文区域内容很多,右侧菜单可能跑到屏幕外,操作反而不方便。
按照实际情况选择吧,我觉得一般还是放左边。以用户需求为主,可以跟他讲讲放右侧的弊端再共同决定。

#12楼    回复  引用  查看    

2007-10-22 06:48 by deerchao      
如果客户没有明确提出要改,那就微软咋做咱咋做。
用户体验的研究费用由他们报销。

#13楼    回复  引用  查看    

2007-10-22 08:25 by aspnetx      
Think first,then code.

#14楼    回复  引用  查看    

2007-10-22 08:28 by 补丁      
我也是用户
我认为左边更容易操作
我的阅读习惯是自左到右,由上至下
我可不想最后才看到功能菜单

#15楼    回复  引用    

2007-10-22 10:10 by 易虎 [未注册用户]
广州网站建设,最好的网络公司
易虎互联 (www.easyhoo.cn)是在现有网络文化内涵的基础上,以全新的网络理念、先进的网络技术和企业管理模式建构的。本公司以多种网络经营为载体,致力于为广大用户提供:各行业各领域、“先进的 、易懂的 、实用的、 普及的”网络商务平台,是一家拥有多元化营销网络及专业服务网络的高科技公司。 2007年易虎互联深入分析互联网行业,对大量企业网站调研,针对当前企业网站的弊端,提出“营销型”网站概念,掀起广州新一轮的企业建网风暴,开创广州企业网站建设蓝海。我们的口号:“绝不做没有销售力的网站!” QQ:261888234 239898630

#16楼 [楼主]   回复  引用  查看    

2007-10-22 11:08 by Enzo      
To 木野狐(Neil Chen)
谢谢你的观点 级联式的菜单自然不适合,由于我们测试的网站是企业业务型的,菜单是业务功能呈现,没有子菜单,所以我觉得右置比较合适,而那些很该业务模块下的子功能菜单一都置于页面的最上方,所以菜单不会跑到屏幕外

#17楼 [楼主]   回复  引用  查看    

2007-10-22 11:15 by Enzo      
TO 补丁
对于不愿改变习惯的,我的设计对策是“这个菜单应该设计为可以左右灵活切换。” 也就是说在设计时就考虑到用户的个性,让菜单因人而变而不是可定制。

#18楼 [楼主]   回复  引用  查看    

2007-10-22 11:22 by Enzo      
First think,then speak.

#19楼    回复  引用    

2007-10-22 11:50 by yiwl [未注册用户]
键盘至今还是ASDFGH

#20楼    回复  引用  查看    

2007-10-23 09:42 by 林骄      
我觉得楼主的菜单左右切换这个想法很好。

#21楼    回复  引用    

2007-10-23 10:05 by A.Z* [未注册用户]
2.0方向的提升...
感觉以前的用户好可怜。

#22楼    回复  引用    

2007-11-03 13:38 by HUze [未注册用户]
@A.Z*
以前是我们适应网站,现在是网站来迎合我们.
2.0就是不一样啊

#23楼    回复  引用  查看    

2007-11-20 17:43 by ColdDog      
其实,我也有一个想法,就是,要让页面做得可以适应分辨率大小,页面上的各个模块自动排列,举个例子吧,我的显示器是19寸液晶,分辨率是1440*900,每次我打开天涯的时候,中间总是有几块区域的内容跑动右边去了,但是在1024*768分辨率下就是正常的,其实这也没什么技术含量,最简单的就是让每个table挨个罗列即可……

#24楼    回复  引用  查看    

2007-12-20 15:03 by 笼民      
我感觉这个问题很难一概而论。左置还是右置,应该是和具体的业务逻辑、用户和使用场景有关。

经常看到很多设计师花很多时间讨论“用户喜欢哪个方案”。什么场合用什么菜单,最好通过具体项目的可用性测试,从用户那里获得答案。

#25楼    回复  引用  查看    

2007-12-20 15:09 by 笼民      
@补丁

2007-10-22 08:28 by 补丁
我也是用户
我认为左边更容易操作
我的阅读习惯是自左到右,由上至下
我可不想最后才看到功能菜单

我觉得最好是将统计的结果作为决策依据,比如具体产品的用户测试数据。尤其是新产品,你无法从对产品的已知状态退回到未知状态,所以你和用户必然存在差异,这种差异可能造成风险。

标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2007-11-22 15:06 编辑过
Google站内搜索



相关文章:

相关链接: