论述UI 和 UX之间的相互关系

　　日常生活中大家常把「UI」与「UX」混淆使用。UX、UI两者有何不同呢?从字面上解释，UX是User Experience使用者经验的简称，UI则是User Interface用户接口的简称。UX以使用者为中心，涵盖范围极广，其包含：接口设计、视觉风格、色彩搭配、可使用性、程序效能、功能运作、心理分析等元素，而这众多元素之间也是相互关联与影响，无法被分割的。而UI就是用户与计算机之间进行沟通的接口，利用计算机的功能去「输入」来达成「输出」的成果，而输入与输出的规划就是接口，透过接口来操作计算机完成所需。

　　1　UX使用者的经验设计

　　UX使用者经验设计关注的重点是放在使用者本身在使用的「过程」与「经验」，而不是「功能需求的实现」、「外在形式的包装设计」或「最终的结果」，这些都不是使用者经验设计所在乎的，因此使用者经验设计的核心重点在于「强调使用者的体验过程」。

　　使用者经验设计透过分析使用的状况来发现需求并提供解决的方案。

　　使用者经验设计横跨众多领域，单凭一人之力是无法完成的，因此常会涵盖众多领域的人才，如互动设计师、美术设计师、程序设计师、动画设计师、心理咨询师、行为分析师、文学家、社会学家等专业学家组成使用者经验设计团队。

　　使用者经验设计是一种创新思维的设计方法，并非单纯只是将外型改变作设计而已，而是透过这种创新思维的设计方式，把产品本身的易用性大大提升;有时候为了更贴近使用者，甚至改变使用者以往的习惯方式而令使用者本身产生趣味与惊喜，成功地达到使用者经验设计的目的，例如，智能触屏手机改变传统手机的操作与使用方式、从触屏手机延伸发展出平板计算机、体感电玩的创新模式玩法等，皆是透过使用者经验设计的成功案例。

　　2　UI用户的接口设计(以网页UI规划为例)

　　单栏内容优于多栏(集中焦点)：单栏内容由上而下引导读者阅读，多栏可能会让读者分心。

　　不要分散焦点(集中焦点)：若网页目的是想诱导使用者，在阅读网页后按下按钮，以引导到目的页面;建议内容中少用其他的按钮或链接，这些多余的连结可能中途会引导使用者跑到其他页面，甚至离开网页，而没有达到目的的最终效果。

　　强调突显重点(集中焦点)：如果有多种服务产品可供用户选择，请将最有特色、最为推荐的服务产品区块单独放大，突显强调，较能够吸引使用者点选观看。

　　善用色彩区分元素(按钮变化)：善用色彩变化突显按钮功能键，如此按钮功能便能与网页其他元素作区隔。

　　善用色彩区分元素(文字变化)：可点选的元素(链接、按钮、其他功能)、已点击的元素、纯文本三者可用色彩变化或对比色等方式设计区隔元素，但颜色也不宜过多，避免零乱造成使用者浏览的不便。

　　集中整合相似功能：网站相似或重复的信息过多，会造成使用者无所适从或反感厌烦。可试着将类似功能合并整合，例如联络方式、地点、电话、地图、信箱等相关信息，整合后保留一个选项即可，避免形成版面杂乱无章的感觉。

　　善意提醒&突兀确认(少用跳出警告窗口)：用户填写网页数据或更改选项后，部分页面会设计「再次确认」的跳出窗口;或是在进入网站后跳出的善意的提醒窗口，用户必须点确定才能略过;也或是使用者浏览网页点超链接，跳出新网页窗口。若过度使用这类跳出窗口的功能，可能会让用户感到厌烦或被冒犯的感觉，建议可在页面上显现简短提醒文字，随即自动消失，以此取代突兀的跳出提醒窗口功能。

　　信息皆可见(选项不隐藏)：下拉式选单虽不占空间，但却让部分选项信息隐藏，用户得在手动展开，才能看到其他相关资料。时间、日期、地点等一般信息可采用下拉式选单，若跟产品服务相关的重要问题选项最好采用并列叙述方式，让使用者浏览网页就可看到所有重要信息。

　　页面连贯性(空白间隔适中)：页面编排建议作适当的留白设计，较不会产生阅读上有压迫的感觉，但空白的间隔空间不宜过大，避免造成使用者误以为整个页面信息已浏览完毕，而底部其实却还有尚未卷动阅读的内容;若内容多到卷动轴尺寸甚大，建议可设计回到页面顶部的按钮功能，减少用户在卷动浏览的不便;或是可以将内容采用分页方式取代滚动条设计，如此使用者在阅读与操作上会比较方便。

　　字段窗体精简化：若窗体数据字段繁多，常会让使用者填写到一半就放弃填写，加上近年以来个人隐私日益注重，建议可将问题精简化，避免涉及相关隐私的问题。

　　UI设计范例只是提供设计者一个规划的参考方向，借此提升网站的易用性与好用性来提升使用者使用网站的使用率;然而UI设计可能会随着时间、内容、性质、型态、趋势、潮流等因素的不同而改变设计方式，并非完全依照准则一成不变;若想观看更多更新的UI规划范例，可前往外国知名设计师网站参考。

　　如图2所示，打造有效的用户体验需要的远远不止漂亮的视觉。视觉和声音设计仅仅是UX所含的UI要素中的一小部分。尽管你无法控制网站的UX，但UI是你可一手掌握的——所以，一定要有一个整体的UX目标，并依此设计UI。

　　3　结　语

　　UI和UX是两个不同但又彼此相连的概念。在设计时比如一个界面，不考虑UX，也许UI做出来功能重点就不那么中肯。所以UI设计的过程，几乎渗透到UX的每一个节点，但更多的是去配合UX。UI塑造了UX，但你还是要先决定自己要达到何种UX，然后再通过恰当的UI来实现。同样，如果你的UX有问题，最后先找出并深入分析问题再思考如何通过修改UI来解决问题。尽管很多web端的设计方面各自区别而独立，但UX和UI却是紧密相联。