我(原作者)的手機(jī)又震了。當(dāng)時(shí)我正在冰島的一個(gè)什么地方，離我的車有十多里地遠(yuǎn)，四下無人。我正拿著馬上就要沒電的手機(jī)查看著Google Maps。

“Spotify剛剛向Afternoon Acoustic歌單添加了兩首歌曲哦”，真是時(shí)候。一條來自Periscope的消息：“@kayvon和你分享了一段視頻…”，還有Mailbox的 兩封新郵件通知，Twitter上多了個(gè)follower，Slack里的一條消息，總共9條通知。當(dāng)你拿著一部電量只剩下2%的手機(jī)，被困在一個(gè)荒無人 煙、網(wǎng)絡(luò)連接十分不穩(wěn)定的地方時(shí)，當(dāng)你只想那見鬼的地圖能快些加載時(shí)，這些通知真的很是讓人欲哭無淚。

過去20年里，科技進(jìn)步的太多太多，但通知服務(wù)似乎還停留在上個(gè)世紀(jì)。

對(duì)任何信息進(jìn)行排布的時(shí)候，首先必須要掌握的是對(duì)齊/重復(fù)/親密/對(duì)比，貫穿設(shè)計(jì)的四大原則。

對(duì)齊除了能建立一種清晰精巧的外觀，還能方便開發(fā)的實(shí)現(xiàn)?；趶淖笊现劣蚁碌拈喿x習(xí)慣，移動(dòng)端界面中內(nèi)容的排布通常使用左對(duì)齊和居中對(duì)齊，表單填寫的輸入項(xiàng)使用右對(duì)齊。

@Akane_Lee ：我遇到非常多這樣子的設(shè)計(jì)師，他們從不考慮「這樣設(shè)計(jì)稿交出去，工程師做不做得出來」的問題，也不愿意去了解什么叫「限制」和「規(guī)則」。如果你也想從畫圖標(biāo)的變成UI設(shè)計(jì)師，這篇干貨千萬要收藏。

在列表中使用縮略圖，這樣一個(gè)簡(jiǎn)單的需求，看似平淡無奇的設(shè)計(jì)，也有如此多的細(xì)節(jié)和原理可以挖掘。原文中推敲的過程非常值得學(xué)習(xí)和借鑒，來看今天@TerryFan 這篇譯文。

移動(dòng)產(chǎn)品經(jīng)理是每個(gè)APP產(chǎn)品牽頭人，在市場(chǎng)營(yíng)銷部，對(duì)某個(gè)產(chǎn)品在集團(tuán)內(nèi)的盈虧負(fù)責(zé)，并為這個(gè)產(chǎn)品的運(yùn)作去協(xié)調(diào)所有的人，并充分地協(xié)調(diào)這個(gè)產(chǎn)品的所有運(yùn)作環(huán)節(jié)和經(jīng)營(yíng)活動(dòng)。

同時(shí)，移動(dòng)產(chǎn)品經(jīng)理還要認(rèn)真搜集用戶的新需求、競(jìng)爭(zhēng)產(chǎn)品的資料，并進(jìn)行需求分析、 競(jìng)品分析以及研究產(chǎn)品的發(fā)展趨勢(shì)等。

如qq音樂的APP界面設(shè)計(jì)如下：

@騰訊ISUX Viconia：之前研究過一段數(shù)據(jù)圖表的最佳表達(dá)方式，隨著手機(jī)端應(yīng)用層出不窮地發(fā)展，這次將數(shù)據(jù)圖表的表現(xiàn)延用到手機(jī)端。相比 Web 端展示數(shù)據(jù)的空間優(yōu)勢(shì)，要兼顧手持設(shè)備的便捷、簡(jiǎn)明而重點(diǎn)的特質(zhì)，手機(jī)端該如何取舍？是否有更加合適的表現(xiàn)方式？下面是翻閱或試用了各種有數(shù)據(jù)的 App 后，將手機(jī)端應(yīng)用中值得借鑒的部分做了小小的總結(jié)，也讓我自己對(duì)不同數(shù)據(jù)圖表的特性有更深的理解。

無線場(chǎng)景下，無論是瀏覽wap頁面，還是使用原生的app，所有人都一定都碰到過“彈窗廣告”（如下圖），從用戶體驗(yàn)設(shè)計(jì)的經(jīng)驗(yàn)看，這種缺少用戶預(yù)期的廣告形式，可能會(huì)打斷原有的操作和認(rèn)知，對(duì)體驗(yàn)的流暢有一定的負(fù)面影響，但從內(nèi)容的推廣角度看，彈窗廣告可以在短時(shí)間內(nèi)將廣告內(nèi)容強(qiáng)制展現(xiàn)給用戶，一定程度上迫使用戶閱讀和點(diǎn)擊，以達(dá)到更強(qiáng)的傳播效果。

編者按：建議剛學(xué)UI的同學(xué)多看這類改版經(jīng)驗(yàn)總結(jié)，提前學(xué)習(xí)交互設(shè)計(jì)的知識(shí)，在求職時(shí)能加不少分。習(xí)慣靠經(jīng)驗(yàn)/感覺做設(shè)計(jì)的新人也別放過，這種實(shí)戰(zhàn)的案例結(jié)合書本看，能幫你更透徹地理解那些設(shè)計(jì)原則。不多說了，直接看文！

【譯者注】本文是移動(dòng)原型工具Proto.io的設(shè)計(jì)團(tuán)隊(duì)8月份在自家博客上發(fā)表的一篇“軟文”，通過與移動(dòng)設(shè)計(jì)界大牛們的對(duì)話，幫助大家了解在進(jìn)行移動(dòng)設(shè)計(jì)時(shí)應(yīng)該特別注意的禁忌，順便推了一下Proto這個(gè)工具。大家可以回顧一下自己團(tuán)隊(duì)的應(yīng)用正在觸犯哪些禁忌，想必會(huì)有點(diǎn)意思。讀完本文，相信你能找到優(yōu)化自家移動(dòng)應(yīng)用設(shè)計(jì)的方向。

我們已經(jīng)在之前的文章中提到過，我們?cè)谠O(shè)計(jì)Tubik工作室博客中開放了問答平臺(tái)。的一期主要集中在一個(gè)問題上，而這個(gè)問題必須經(jīng)過深思熟慮。所以我們請(qǐng)來了我們的同事——來自印度的UX/UI設(shè)計(jì)師Kenil Bhavsar，同時(shí)也非常高興和Tubik工作室的設(shè)計(jì)師們聚在一起，針對(duì)于這個(gè)實(shí)際而深刻的話題捕捉到了一堆想法。那么，讓我們開始吧。

問題是：什么樣的理想化的ux流程，能夠使產(chǎn)品具有病毒式傳播力？我們通常避免談?wù)撌裁蠢硐牖?，因?yàn)檫@是相當(dāng)矛盾的范疇。不過，我們非常熱切地想分享關(guān)于在UI/UX階段讓產(chǎn)品具備病毒傳播力的想法。今天我們就跟Medium讀者分享這些觀點(diǎn)。