優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優(yōu)化用戶界面的方法，希望對大家有所幫助。

　　單欄型式優(yōu)于多欄

　　單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣嗬成，用故事引導讀者，最終是要誘引他們「采取行動」(call to action，下稱 CTA，意指下載或消費等目的);而多欄反而可能導致讀者分心。

【導讀】為了在手機屏幕給定的范圍內(nèi)展示出更多內(nèi)容，優(yōu)秀的導航欄設(shè)計將起到關(guān)鍵性作用，對于不同的操作也當因地制宜地選則不同的設(shè)計方案。

　　導航的設(shè)計是 App 設(shè)計發(fā)展過程中很值得玩味的地方，由于移動設(shè)備特別是智能手機的屏幕尺寸有限，設(shè)計者們通常會將屏幕空間盡量留給主體內(nèi)容，優(yōu)秀的導航設(shè)計會讓用戶輕松到達目的地而又不會干擾和困惑用戶。

　　經(jīng)典導航：tabbar

　　Tabbar 的導航方式是由誰發(fā)明的筆者不得而知，不過相信大家都同意是由蘋果將其傳播開來。不僅很多蘋果的官方應用采用了這種設(shè)計，蘋果同樣大力推薦應用開發(fā)者優(yōu)先采用這種方式。從某種角度來說，tabbar 基本就是導航的標準設(shè)計。

　　表格的應用

　　由于工作原因，經(jīng)常接觸到表格。我們發(fā)現(xiàn)，表格不但廣泛的運用在各類數(shù)據(jù)收集和分析，同時通過表格這樣一種二維矩陣來整理和陳列信息時(即便最后的展示方式并非一個典型的表格樣式)，能夠很好的表達信息之間的邏輯關(guān)系，易于幫助理解橫縱信息之間的關(guān)系。

商品離不開視覺設(shè)計，通過視覺設(shè)計建構(gòu)視覺識別，達到品牌識別的高度，現(xiàn)實也是如此，任何一家成功的軟件開發(fā)公司都必須構(gòu)建一套自己產(chǎn)品視覺品牌規(guī)范，引導市場銷售，這是產(chǎn)品在市場銷售和使用環(huán)節(jié)中產(chǎn)品品質(zhì)和信譽度的直觀體現(xiàn)。視覺的一致性和細節(jié)考慮本身就是軟件易用性的一個方面，也是企業(yè)對用戶負責的態(tài)度來對待設(shè)計，從細節(jié)中關(guān)注用戶的體驗。下面的文字來自iconfans，我配上vista圖并排版，希望能直觀的理解視覺識別在軟件產(chǎn)品中的應用。

軟件界面設(shè)計要素

界面設(shè)計是為了滿足軟件專業(yè)化標準化的需求而產(chǎn)生的對軟件的使用界面進行美化優(yōu)化規(guī)范化的設(shè)計分支。具體包括軟件啟動封面設(shè)計，軟件框架設(shè)計，按鈕設(shè)計，面板設(shè)計，菜單設(shè)計，標簽設(shè)計，圖標設(shè)計，滾動條及狀態(tài)欄設(shè)計，安裝過程設(shè)計，包裝及商品化。

在設(shè)計的過程中有較多注意的關(guān)鍵問題，以下列出幾點：

2011年10月，相繼寫了兩篇《交互設(shè)計那些事兒》（一）（二），至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來，加上幾周前，在新的團隊又進行了一次分享，頗有點心得，又懶得去重新修改原有文章，就在此進行一些補錄吧。

還是個人經(jīng)驗，眼界有限，歡迎拍磚。

一. 再談術(shù)語

面向?qū)换ケ容^陌生的團隊進行分享，少不得再介紹下那些讓人云里霧里的術(shù)語。這次，咱們?yōu)檫@些術(shù)語做一個關(guān)系圖：

從下至上是各種術(shù)語的演變史。中間代表“做的事情”，左邊代表做這件事情的“人”，右邊代表做這件事情需要的“指導思想”。

設(shè)計離不開設(shè)計師的功勞與美工的作圖，更離不開開發(fā)者的付出。真正要實現(xiàn)一整套引導界面對于有經(jīng)驗的開發(fā)者而言也不是非常困難，只是大多數(shù)人沒有重視這一部分的工作，

有不少產(chǎn)品的細節(jié)耐人尋味。雖然細節(jié)未必決定成敗，但把細節(jié)做好，體現(xiàn)了產(chǎn)品人的品味和態(tài)度?；蛟S不少產(chǎn)品的細節(jié)很多用戶未必真正注意到，但這些細節(jié)可能讓他們不知不覺方便不少。本文就希望發(fā)掘一些優(yōu)秀的細節(jié)，讓他們被更多的人知道了解，也向所有注重細節(jié)的產(chǎn)品經(jīng)理致以敬意。

全球移動互聯(lián)網(wǎng)大會上，馬化騰的一番講話，一下把QQ手機版重新推到了聚光燈下。而在全球移動互聯(lián)網(wǎng)大會的第二天，QQ全新手機版正式上線。騰訊對于QQ手機版的期望，源自于騰訊架構(gòu)調(diào)整后對QQ手機版發(fā)展的自信，以及數(shù)量是微信兩倍的5.5億的活躍用戶。

從架構(gòu)調(diào)整就可以看出，手機QQ的變化是必然的，而且來得猛烈。體驗這一次的新版本，可以發(fā)現(xiàn)其中明顯的改變，核心是突出QQ的移動化特性。新版本沒有了頭像的彩色灰色，弱化在線狀態(tài)，將“在線狀態(tài)”這一標志性設(shè)計，放入深層的“動態(tài)”入口，轉(zhuǎn)而主推純聯(lián)系人列表，強調(diào)手機QQ發(fā)揮移動硬件設(shè)備消息即時可達的能力。

了解自己的學習特性

一個好的交互設(shè)計師往往了解自己學東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長。

學習與成長并不是件陌生的事，每個人都有自己的故事。試著回想你學習其他東西的行為與習慣，透過一些整理，你可以逐步認識自己是怎樣的學習者，并試著讓你的團隊知道與支持你。這可以是了解如何成長的第一步。身為一個設(shè)計團隊的領(lǐng)導，也能在更了解組員的學習特性之后，一起創(chuàng)造出更合適的學習環(huán)境。

舉個例子：

• 某設(shè)計師的學習特性是…
• 我沒有辦法只看書或理論而產(chǎn)生我的設(shè)計觀點，我是一個從做中學的交互設(shè)計師。
• 不好玩、不友善的學習環(huán)境，我學不起來。