一个好的UI设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉和骨骼，那么UI设计就是人的外貌和品格！都是一个成功软件产品必不可少的重要组成部分！对我而言程序懂得不多所以只是从UI设计与软件产品整体的关系和如何才能使软件产品得到最佳的UI设计角度来谈。

　　现在我们的软件产品存在的一些问题有技术方面的问题，但是更多的问题来源于各个部门、各个项目小组的之间的配合。我们现有的开发流程一般都是由市场部门提出客户需求，产品设计人员提出产品设计报告，开发部门设计开发计划，由各个小组分别开发一个模块，最后整合成为一个完整的软件产品。在这些流程之间UI设计应该参与那一个部分，每一个部分应该做到什么地步才可以使产品得到最好的UI设计效果呢？下面我们会在每一个部分具体分析。

顺动的UI界面设计网站一直给大家提供网站界面设计制作及网站建设的一些教程及注意点等。而具体到商务Web的UI界面设计文章比较少，这次我们就三个基本点来谈谈商务Web的用户界面设计的要点。

一. 网站与Web应用程序
我们很容易将Web应用程序和网站搞混，就像搞混用户界面设计与网页设计一样。其实它们在本质上和其他方面上都有很大不同，本文将就此与大家探讨。

一个网站更像是一组网页集合，大部分都是静态文本、图像和视频等等，只有有限的交互功能（联系表单和搜索功能除外）。网站的主要作用是提供信息。虽然一些网站使用“内容管理系统”来提供动态文本，但从性质上来说依旧是信息。

另一方面讲，Web应用程序是动态交互系统，它帮助企业完成重要商业事务，评估并提高企业自身生产力。因此Web应用程序的主要作用是：根据明确的业务规则，满足不同用户的需求。

Web应用程序在参与度以及知识储备方面，对用户有更高的要求。这些用户不只是偶然地使用了它，并评价一番，而是把它当作完成日常重要商务的平台。总之，当他们不了解一款程序的运行机制时，是不会随便喜新厌旧的。而对网站来说，这种情况却常常发生。

如何使网页看起来灵动起来，可以从UI设计中入手。这些小的注意点会使UI设计既美观又具有功能化。上海顺动的UI设计部门一直会注意在为客户制作UI界面时将这些催化剂运用其中。

首先是填充链接块。
链接（或锚点）都是默认的内联元素，这就意味着，只有在它本身的跨度上才有可点击性。

显示，Smashing Magazine的链接可点击性要比TechCrunch强。这可以增大点击的正确率和点击率。而如果你想这么做，只要用以下的代码即可:

a {
display: block;
padding: 6px;
}

当然，要提醒一下的是，请确保运用Padding是恰当的，IE有可能让Padding没能正常实现其真正的样式。 有效避免Padding出现问题的方法是尽量让它们与没有padding或Margin的容器接触，而常用的方法是，给padding的元素加上一个 border。

其次是按钮文章的排版
别小看这个问题，这可能是区分一个产品好与坏的一个细节。好的设计者会做到视觉平衡。
需要注意的是，你要突出的是标题，而不是一些比较将要的东西，所以，把焦点用对。使用颜色来突出焦点
颜色通常可以引起用户的注意，而你可以用突出的颜色来展示你想要展示的结果。

    顺动的界面设计网站已经介绍过很多制作优秀UI界面设计的关键。这次我们要谈的是UI设计的“一致”与“友好”。

    UI设计在程序内部，比如导航和配色等，都应该保持一致。这就是内部一致。 除此以外，套装程序和系统在用户界面上也应互相保持一致。典型的案例就是微软的Office套装。这就是外部一致。

　　一种保证“一致”的有效方法，就是为每个或每组项目的用户界面都制定“用户界面设计准则”。每个细节的设计都应该遵行它。设计准则不仅能使界面保持 一致，作为说明文档，它还能帮助团队成员更好地理解你的决策。

　　一致的用户界面容易上手，因为用户可以根据以前版本的使用经验，识别程序各部分。“友好”某种意义上容易与“一 致”相混淆。“友好”的用户界面从用户过去的经历中提取信息，形成合理的隐喻。比如说文件夹，就是一个有关文件组熟知的隐喻，它已取代了以前命令行界面中 使用的“目录”。总之，就是使用用户自己的语言。

　　很多企业领导都有一个共同的认识：出色的用户界面要看起来像微软Office系列，特别是outlook。我不想说这多么没意义。这里，我只提出不 同于他们的建议：要沿用“以用户为中心”的方法，并解释为什么为员工、客户和合作伙伴（也就是他们的用户）所设计的应 用程序才是重要的。

    而顺动的UI设计师们一直遵循着这样的UI设计理念，并且在我们为客户最新完成的三嘀航海软件界面UI设计时也运用于其中。

很多软件开发经理错误的认为要开发易于使用的软件。所要做的就是雇佣熟练使用用户界面开发工具和组件工具包的GUI程序员。根据这种误解，只要有了好的GUI程序员，只要告诉他们编写什么软件，并且给他们足够的时间和资源写出软件就可以了。这些经理常常觉得再雇佣人来做GUI设计和易用性测试，但他们只是写一点或者干脆不写代码，这简直是一种浪费。

这是一个很严重的错误，它反应了人们对用户界面程序员和用户界面设计人员在开发中的作用的严重误解，同时也反映出对于好的用户界面价值的轻视。绝大多数开发经理都知道，缺乏GUI工具包使用经验的程序员常常制造拙劣的GUI，他们不能得心应手的使用工具包。很少有开发经理意识到即使是非常了解开发工具包的资深程序员也会开发出拙劣的界面，即使是在时间和资源都很充足的情况下也是如此。

团队中拥有好的GUI程序员并不能取代对GUI设计人员的需求。管理层必须确保产品由理解人机交互和用户需求的人员来设计。

当用户在命中页面之间进行搜索，有一个问题，用户是否能在命中结果中找到真正相关的结果。很多GUI设计存在以下问题。

第一，将区别隐藏在复杂的结果中。在每一项中都包含过多的“冗长而费解的内容。”强迫人们仔细坚检查每一项，以查看它与什么有关，以及与其他项有什么区别。可以为每个命中结果设置完全相同的“广告宣传”，“导航链接”或“数据库输出”。这样会减缓用户的速度。

第二，强迫用户单击命中结果。甚至可以使命中结果看起来完全相同，。检查结果是否相关的唯一方法就是实际单击它，通过浏览器家在页面来消耗用户的宝贵时间。

要解决这两个问题，GUI设计师就要做到将“恶意设计者”的规则反过来：

第一：显示和强调重要的数据。最大限度地减少命中结果之间的重复。搜索结果的主要内容应该是信息，而且应该让人们很容易将这一项的信息与其他项区分开。

第二：最大限度地减少所需的单击次数。只有当用户实际需要获取某一项时才需要单击它。用户不应该为了查看哪些项而去点击链接。