項(xiàng)目背景：

　　國(guó)際QQ官網(wǎng)是宣傳國(guó)際QQ品牌的主力站點(diǎn)、下載國(guó)際QQ的重要入口。舊版國(guó)際QQ官網(wǎng)更加偏向于一個(gè)門(mén)戶類網(wǎng)站，重點(diǎn)提供相關(guān)新聞資訊，互動(dòng)社區(qū)，群組推薦等基礎(chǔ)服務(wù)，而對(duì)于產(chǎn)品本身的功能介紹，品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度，不過(guò)由于國(guó)際QQ的用戶群體與QQ的用戶群體存在著很大的差異，很大一部分使用國(guó)際QQ的用戶并沒(méi)有用過(guò)QQ，對(duì)于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國(guó)際QQ官網(wǎng)的主要目標(biāo)是以宣傳和推廣國(guó)際QQ品牌為主，相應(yīng)的加入適量的社交服務(wù)。減少網(wǎng)站后期的運(yùn)營(yíng)壓力，強(qiáng)化品牌風(fēng)格，并且舊版官網(wǎng)整體視覺(jué)風(fēng)格已經(jīng)相對(duì)過(guò)時(shí)。在這個(gè)背景下，有必要對(duì)國(guó)際QQ官網(wǎng)進(jìn)行一次大改版。

在做APP的iPad版本設(shè)計(jì)時(shí)，我們常常需要考慮：如何在延續(xù)iPhone版本設(shè)計(jì)特色和優(yōu)點(diǎn)同時(shí)，充分利用iPad的特性更好地進(jìn)行設(shè)計(jì)。本文從iPad和iPhone的差異性入手，試圖總結(jié)這一設(shè)計(jì)過(guò)程中需要注意的問(wèn)題。

搜索能夠幫助用戶在海量的數(shù)據(jù)庫(kù)中實(shí)現(xiàn)大海撈針，是產(chǎn)品最核心的模塊之一。本篇是從設(shè)計(jì)的角度介紹搜索模塊，包含Web和ios兩個(gè)平臺(tái)，下面直接開(kāi)始正文：

1.快速搜索

搜索是幫助用戶簡(jiǎn)單快速的匹配相關(guān)內(nèi)容，最簡(jiǎn)單的search box主要包含兩個(gè)元素：①文本框   ②按鈕（可以隱藏用回車代替）

　　編者按：本文作者 Nir Eyal 在NirAndFar.com上撰寫(xiě)心理學(xué)、科技和商業(yè)的交叉內(nèi)容的文章。

　　想象這樣一個(gè)場(chǎng)景。當(dāng)你走進(jìn)一個(gè)繁忙的百貨公司，有人走進(jìn)你伸手向你要錢(qián)：“請(qǐng)問(wèn)可以給我一些零錢(qián)搭公共汽車嗎?”如果這個(gè)人不是乞丐，而是一個(gè)博士呢?

　　作為法國(guó)研究的一部分，研究者想要知道，只是通過(guò)一些特別推敲的話，他們是否可以改變?nèi)藗兘o予一個(gè)陌生人多少錢(qián)。他們發(fā)現(xiàn)了一個(gè)簡(jiǎn)單而有效的方法可以讓人們給出雙倍的錢(qián)。

　　這個(gè)詞句的改變不僅增加了人們給陌生人搭公共汽車的錢(qián)，也有效地提升了慈善捐款和志愿調(diào)查的參與度。事實(shí)上，最近一個(gè)包含 42 項(xiàng)研究、涉及超過(guò) 22000 名參與者的總結(jié)分析指出，在請(qǐng)求最后附上的只字片語(yǔ)可以獲得人們的認(rèn)同，使接受請(qǐng)求的可能性提高一倍。

　　那么，研究者發(fā)現(xiàn)的神奇詞句究竟是什么呢?那就是“但是你可以自由選擇接受或是拒絕”。

　　這個(gè)發(fā)出請(qǐng)求的技巧表明了，如果我們確信選擇是自由的，則更有可能被說(shuō)服。這種效果不僅在面對(duì)面的互動(dòng)中被觀察到，也存在于電子郵件交流中。盡管研究沒(méi)有直接關(guān)注產(chǎn)品和服務(wù)如何運(yùn)用這種方法，但是研究提供了幾個(gè)具有操作性的觀點(diǎn)來(lái)指導(dǎo)公司影響用戶行為。

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

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

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

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

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

　　經(jīng)典導(dǎo)航：tabbar

　　Tabbar 的導(dǎo)航方式是由誰(shuí)發(fā)明的筆者不得而知，不過(guò)相信大家都同意是由蘋(píng)果將其傳播開(kāi)來(lái)。不僅很多蘋(píng)果的官方應(yīng)用采用了這種設(shè)計(jì)，蘋(píng)果同樣大力推薦應(yīng)用開(kāi)發(fā)者優(yōu)先采用這種方式。從某種角度來(lái)說(shuō)，tabbar 基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計(jì)。

　　表格的應(yīng)用

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

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

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

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

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

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

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

一. 再談術(shù)語(yǔ)

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

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