交互设计中的项视觉指导原则

《交互设计中的项视觉指导原则》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、交互设计中的5项视觉指导原则关于交互设计，除了交互性Z外，美感也是必耍的存在。今天火星时代就为你总结交互设计中的5项视觉指导原则，帮助各位同学协调视觉美感和交互设计。下血我们就來逐一介绍：我不想贬低文字的重要性，但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互，但那些视觉元索（比如图标、菜单、图像等）才是用户实际上操作的东西。虽然有些可用性专家会提及Craigslist甚至Amazon,作为陋但可用（ifuTL受欢迎）的网站案例。但毫无疑问，美感总会有所帮助。情感是用户体验的关键：视觉设计优秀的网站能使用户放松，提升可信度和易

2、用性。考虑到多数用八注意力短暂，认知往往成为事实：如果视觉做得很糟糕，用户不会费神去深入研究你的交互设计。让我们来细说视觉的匝要性，因为它关系到交互，保证了清晰的方向指引和一致性。一、尊重视觉的主导地位我们从案例展不开始。看看下而的文字：yellow很显然，我们都知道“黄色”一词所指的颜色。但当多数人看到它吋，他们理解到的可能只冇红色。文字的外观取代了它的真止含义。信息图专家DavidMcCandless表明，我们大部分的脑力资源都花在了视觉上。作为人类，视觉是我们的主要感观。但是其他动物更多依赖听觉与嗅觉，我们是视觉主导的生物。正如数据

3、记者兼信息图专家DavidMcCandless在一场引人入胜的TED演讲中提到的，我们会调动全部感观，但多数的脑力都花在了视觉上——虽然我们很难察觉。他用计算机进行了类比……“视觉是感观中最迅速的。它和计算机网络的速度相同。之后是触觉，相当于一个U盘的速度。然后才是听觉与嗅觉，约等于硬盘的速度。“后面才是可怜的味觉，运算速度儿乎近似便携式计算器。介落里那个小方块，百分Z0.7,那就是我们实际了解的量。所以你的很多感观——绝大多数感观都是视觉上的，它蜂拥而來——你却浑然不觉。”"视觉影响行为，也影响体验”，StephenP.Anderson

4、说。但是对于交互设计这意味着什么？它意味着你对产品做出的每一项视觉上的决策，都对交互有极人的影响，即使是在不知不觉间。产品设计顾问StephenP.Anderson指出，视觉影响的不只是体验，也会影响用户的行为。这就是说好的视觉设计可以捉升销量，提高注册量和转化率，激发某些特定的用户行为。看看下面这两个表单：表单AP»oas«enrofyourema/fix牝fwupdaresonyo(xCKtfGfShippingAddrMBOtherNamoSelectState:CardorAccountNumbor:CartNumberExpir

5、ationmenthExp^ttonyeor

6、■•一:ZvCodo：Phor>of1^PhortoNumlUnitedStatesCardVonSc«iorNumberPkwwoNowOurcrod

7、IRYOPTIONSPAYMENTOPTIONSSMIPPIMCAOORfSSCovtUf•USORDCPSUMMARYYtfZhQWSMQu.Zl,!3Z^CLOO>a尺jcq■KUUKJM&UM・如3Oe・“IwyXbRKOfgWWfOIU■M^atre€C,5Accvt7■■•uplorwtvnM^rSAVBANDCORriNUB记住，交互设计的Fl标Z—就是让用户尽可能少地思考。你认为哪个更有利于销售？哪个视觉上看更舒服？第一例中，那密集恐惧症般的间距和过量的文字，让用户望而却步。笫二例则色彩丰富、优美，看起來更简洁（尽管用户都得

8、输入这些信息）。由于交互设计就是要创造人们想用的东西，冇吸引力的事物更激发人的渴求，因此更能发挥作用。SPICESSIGNUPMWturtitKiCUSPICESHOPB“NDS.uHumn11MMUIKUK&tWKlKPEPPERSaojciz-xr图片和导航在这个在线香料商店中相互协调。不过除了吸引人的交互，优美的设计也提供了i层额外的理解。看看上血这个OldTownSpiceShop案例，你会发现这个网站的橱柜式布局立刻暗示了这家公司的意图和香料产品。尽管你可能会质疑，用户先看到橱柜还是“Spices”和“Exmcts”这些文字。毫

9、无疑问的是，两者相互协调。二、提供清晰的方向与指引用户不会漫无冃的浏览网站。人们通常都有个大体概念他们耍去哪，但述需要一些指引和线索。他们会在脑海屮创建地图，既然我们刚刚提到人是视觉生物，那么