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

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

我們看到無數(shù)的移動(dòng)互聯(lián)網(wǎng)前輩們說，移動(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（注意我是說主流，別說iphone4的640*960）；我們可以在Web上使用鼠標(biāo)+鍵盤來順暢的瀏覽而在手機(jī)上只有鍵盤（觸屏目前還是灰主流吧）;當(dāng)Web設(shè)計(jì)已經(jīng)花哨到泛濫的時(shí)候手機(jī)上還是個(gè)夢想…。.好吧，夠了，夠了，實(shí)在是夠了

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

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

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

一、擁抱約束，習(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)為是最重要的。

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

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

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

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

（圖片來源：騰訊科技）

二、智者知止

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

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

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

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

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

文章來源：幻風(fēng)閣 轉(zhuǎn)載請注明出處鏈接。

標(biāo)簽： 移動(dòng)互聯(lián)網(wǎng) 移動(dòng)產(chǎn)品設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。