《簡(jiǎn)單法則》中曾經(jīng)提到過(guò)一個(gè)如何簡(jiǎn)單的方法，SHE：縮小——>隱藏——>附加，然后把剩下的元素有組織的排列在一起。而簡(jiǎn)約就意味著用最簡(jiǎn)潔的方式獲得最大的效果。

首先，寫這篇文章的一個(gè)重要性的沖動(dòng)誘因在于我這個(gè)剛?cè)胄械囊苿?dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)新手在查找資料的時(shí)候被太多的前輩恐嚇了很久，我最終決定站出來(lái)反擊一下。

我們看到無(wú)數(shù)的移動(dòng)互聯(lián)網(wǎng)前輩們說(shuō)，移動(dòng)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)相對(duì)于Web設(shè)計(jì)而言實(shí)在太多限制了，太難搞了。你看，屏幕就那么點(diǎn)大小，當(dāng)Web端主流分辨率停留在1024*768的時(shí)候手機(jī)上主流的分辨率確還是240*320（注意我是說(shuō)主流，別說(shuō)iphone4的640*960）；我們可以在Web上使用鼠標(biāo)+鍵盤來(lái)順暢的瀏覽而在手機(jī)上只有鍵盤（觸屏目前還是灰主流吧）;當(dāng)Web設(shè)計(jì)已經(jīng)花哨到泛濫的時(shí)候手機(jī)上還是個(gè)夢(mèng)想…..好吧，夠了，夠了，實(shí)在是夠了

可是事實(shí)是這樣嗎？我不認(rèn)為！我認(rèn)為在手機(jī)上的設(shè)計(jì)要比在Web上的設(shè)計(jì)相對(duì)更簡(jiǎn)單。

更小的屏幕意味著你只需要考慮更少的內(nèi)容設(shè)計(jì)；更單一的交互意味著你只需要思考更簡(jiǎn)單的信息設(shè)計(jì)和更單線程的流程設(shè)計(jì)；更限制性的硬件意味著你不再需要考慮哪些花里胡哨的“假動(dòng)作”，你只需要關(guān)注是否能更快速的幫助用戶解決需求就足夠了…..

一般而言，在手機(jī)上的產(chǎn)品設(shè)計(jì)分為2類，從Web端移植功能到手機(jī)端、全部由手機(jī)端開(kāi)始設(shè)計(jì)。這2類設(shè)計(jì)實(shí)際上都適用以下要說(shuō)的原則。

一、擁抱約束，習(xí)慣在局限下設(shè)計(jì)

這是一句正確的廢話，每個(gè)人都知道真正的自由并不在于完全自由，真正的自由在于完全自由與限制性之間的平衡。而這點(diǎn)在手機(jī)產(chǎn)品設(shè)計(jì)上表現(xiàn)的尤為突出。在手機(jī)端做設(shè)計(jì)首先必須要具備的思想就是閹割，當(dāng)然，這點(diǎn)在Web端的設(shè)計(jì)上我曾經(jīng)也認(rèn)為是最重要的。

《簡(jiǎn)單法則》里提到一個(gè)方法，SHE：縮小（Sherink）——>隱藏（Hide）——>附加（Embody），然后把這些被簡(jiǎn)單過(guò)的元素有組織的放在一起。

以從Web移植產(chǎn)品到手機(jī)端為例，①把Web已有的功能模塊全部列出來(lái)，排序；②盡可能的砍，把可以減少的功能盡可能的減少；③隱藏，把不可減少，但是并非十分必要的功能隱藏起來(lái)；④考慮手機(jī)端用戶需求與Web端用戶需求的差異，然后附加一些手機(jī)端特有的需求與功能進(jìn)去；⑤有序的組織上述元素。

這樣的做法既做到了簡(jiǎn)單，同時(shí)也避免失去了固有的價(jià)值感。這樣一頓閹割之后你會(huì)發(fā)現(xiàn)，其實(shí)在手機(jī)端這樣的環(huán)境下去實(shí)現(xiàn)這些功能是很簡(jiǎn)單的了，因?yàn)橛刑嗖槐匾臇|西都不需要了。其實(shí)，就是用最核心的功能去滿足相對(duì)局限的條件，在做手機(jī)產(chǎn)品設(shè)計(jì)之前，最需要做的工作就是最小化和剔除不必要的工作。想好不做什么，然后再去做！

妥善的組織能使復(fù)雜的系統(tǒng)顯得比較簡(jiǎn)單。比如iPod的按鈕設(shè)計(jì)就經(jīng)歷了一個(gè)這樣的過(guò)程，在最開(kāi)始的時(shí)候iPod的按鈕設(shè)計(jì)成了滾輪式的，在第三代的時(shí)候iPod將轉(zhuǎn)盤外圍的4個(gè)按鈕抽出來(lái)放在了轉(zhuǎn)盤的上面，變成了一排小按鈕，這顯然讓iPod的交互變得復(fù)雜而混亂了，于是在第四代的時(shí)候我們發(fā)現(xiàn)所有的按鈕重回轉(zhuǎn)輪之上，并且完全一體了。這是一個(gè)典型的從一開(kāi)始簡(jiǎn)單到變得復(fù)雜又簡(jiǎn)單到不能再簡(jiǎn)單的案例。

（圖片來(lái)源：騰訊科技）

二、智者知止

過(guò)度設(shè)計(jì)這事這幾年在Web產(chǎn)品上時(shí)有發(fā)生，仿佛產(chǎn)品設(shè)計(jì)師們覺(jué)得如果某個(gè)頁(yè)面他們不“加工”一下就顯得不專業(yè)，但是往往是越加工越不專業(yè)。 每一個(gè)設(shè)計(jì)都有它的核心訴求點(diǎn)（中心思想）和所有傳達(dá)的信息，凡是引起用戶感到迷惑和無(wú)關(guān)主題的信息都是需要避免的。哦對(duì)，這個(gè)東西有個(gè)專業(yè)術(shù)語(yǔ)，叫做“噪點(diǎn)”。

在手機(jī)端的設(shè)計(jì)上需要時(shí)刻跟“萬(wàn)一……，索性還是加上去吧”的思想做斗爭(zhēng)。不為20%的用戶需求買單，不因?yàn)?0%的用戶而丟失80%甚至更多的用戶。最好的產(chǎn)品體驗(yàn)，我個(gè)人認(rèn)為是用最簡(jiǎn)潔的方式，最優(yōu)雅的滿足用戶的需求。

三、單線程淺層次的信息設(shè)計(jì)

因?yàn)楦嗟南拗?，所以手機(jī)上的信息設(shè)計(jì)無(wú)法像Web設(shè)計(jì)那樣的無(wú)限制的以網(wǎng)狀延伸，而必須是相對(duì)很淺的。不要在同一個(gè)頁(yè)面里展開(kāi)多個(gè)流程，使用清晰的布局，準(zhǔn)確的提示等等。關(guān)于這點(diǎn)推薦圍觀@默契的這篇PPT 。

好吧，你可能意識(shí)到了，我并沒(méi)有提到超過(guò)12000種終端的適配問(wèn)題。是的，這是真正的問(wèn)題，我跟你一樣，都很無(wú)奈….但是，每個(gè)產(chǎn)品的用戶群是一定的，也許，縮小范圍后問(wèn)題會(huì)相對(duì)簡(jiǎn)單一點(diǎn)。當(dāng)然，也許你會(huì)認(rèn)為未來(lái)類iphone的機(jī)器會(huì)成為主流，但是，別忘了，那是未來(lái)。而，事實(shí)就是這樣！

來(lái)源：http://www.ikent.me/blog/3205