@C7210 ：之前發(fā)現(xiàn)這部 Julie Zhuo 在斯坦福大學(xué)的演講視頻，主題為“How Facebook Designer Thinks”，全長(zhǎng)37分鐘，共分為四個(gè)主題，包括“怎樣識(shí)別問(wèn)題、定義需求”、“解決真正重要的問(wèn)題”、“為什么要設(shè)計(jì)新表情”以及“預(yù)先定義成功”。

雖然絕大多數(shù)的設(shè)計(jì)都遵循設(shè)計(jì)規(guī)則和用戶的使用習(xí)慣，但是標(biāo)新立異的設(shè)計(jì)仍然非常有市場(chǎng)。獨(dú)特的設(shè)計(jì)更容易讓人難忘，這一點(diǎn)是毋庸置疑的。在網(wǎng)頁(yè)的導(dǎo)航欄設(shè)計(jì)上，也是如此。隨著越來(lái)越多的網(wǎng)頁(yè)開(kāi)始采用加粗的非襯線字體置于網(wǎng)頁(yè)頂部作為導(dǎo)航，許多有想法的設(shè)計(jì)師開(kāi)始有意識(shí)的打破這一規(guī)律，別出機(jī)杼，采用不一樣的導(dǎo)航模式。

當(dāng)然，如果你的網(wǎng)站用戶量大，并且需要盡量降低用戶的使用門(mén)檻，遵循常規(guī)的設(shè)計(jì)更合適。如果你的網(wǎng)站是更加偏向?qū)嶒?yàn)性的小網(wǎng)站，有趣而好玩的導(dǎo)航模式，反而更適宜于用戶探索。不同的導(dǎo)航模式對(duì)于網(wǎng)站的影響不盡相同，針對(duì)不同的內(nèi)容、不同的用戶，你需要仔細(xì)挑選導(dǎo)航模式。

實(shí)驗(yàn)性的導(dǎo)航并不具備泛用性，但是如果你在追求別具一格的設(shè)計(jì)，那么下面這些獨(dú)特的導(dǎo)航設(shè)計(jì)應(yīng)該能激發(fā)你的靈感。

側(cè)邊欄導(dǎo)航

通過(guò)引導(dǎo)讀者的視線，讓讀者能夠更有興趣的接收信息，也使得文字變得更容易閱讀。用戶并不一定會(huì)完全按照我們?yōu)榘婷骖A(yù)設(shè)的視覺(jué)軌跡閱讀，因?yàn)槊總€(gè)人的閱讀習(xí)慣會(huì)有所差異。依照閱讀邏輯編排的版面會(huì)使人自然順暢的閱讀，而了解視覺(jué)心理，也有助于將讀者視線引導(dǎo)我們最想讓讀者看到的重要信息上。

網(wǎng)易UEDC – 何巖：本文是剛?cè)胄械?/span>交互設(shè)計(jì)師結(jié)合整個(gè)實(shí)際項(xiàng)目實(shí)踐，嘗試探討交互設(shè)計(jì)師和產(chǎn)品經(jīng)理、其他上下游同事之間的“共生”關(guān)系，希望幫助設(shè)計(jì)新人找到與上下游配合的一點(diǎn)靈感。

（工作原因，文中配圖較模糊，請(qǐng)見(jiàn)諒）

協(xié)助產(chǎn)品經(jīng)理確定產(chǎn)品架構(gòu)

產(chǎn)品經(jīng)理才是最懂產(chǎn)品的人嗎？在項(xiàng)目初期，大家對(duì)產(chǎn)品的概念都很模糊，即使是產(chǎn)品經(jīng)理也是通過(guò)來(lái)自各方的需求、數(shù)據(jù)和競(jìng)品分析等來(lái)大致搭起框架。這個(gè)框架是否合理，框架衍生的功能流程限定在什么范圍，這些問(wèn)題即使是最有經(jīng)驗(yàn)的產(chǎn)品經(jīng)理也不敢保證。

交互設(shè)計(jì)師雖然是產(chǎn)品經(jīng)理的下游，也應(yīng)盡早參與策略層（Strategy）的討論，如果你的領(lǐng)導(dǎo)了解交互設(shè)計(jì)的重要性并且邀請(qǐng)你參加項(xiàng)目前期的務(wù)虛會(huì)議，你就應(yīng)該珍惜機(jī)會(huì)，會(huì)前做好競(jìng)品分析等準(zhǔn)備工作，會(huì)上以交互崗位的專業(yè)視角提出建議； 如果你不夠幸運(yùn)，不能參與到產(chǎn)品戰(zhàn)略決策，只是承接上游下達(dá)的交互任務(wù)的話，那么也不要只是淪為畫(huà)線框圖的工具，要發(fā)揮主觀能動(dòng)性積極溝通，最終讓方案變得更好。

@喪心病狂十六夜貓 ：在過(guò)去的幾年中我們時(shí)常會(huì)聽(tīng)見(jiàn)別人說(shuō)“極簡(jiǎn)風(fēng)格（英: Minimalism）”這個(gè)詞，但這究竟是什么，我們又該怎么使用呢？這一次，就讓我們一起來(lái)看看極簡(jiǎn)風(fēng)格具體的使用方法與參考案例吧。

極簡(jiǎn)風(fēng)格，就是將設(shè)計(jì)省略到最小限度，只留下真正引人注意的內(nèi)容，這樣一種表現(xiàn)風(fēng)格。通過(guò)極簡(jiǎn)風(fēng)格，可以將設(shè)計(jì)的意圖與目的更準(zhǔn)確的傳達(dá)出來(lái)。

極簡(jiǎn)風(fēng)格看起來(lái)很簡(jiǎn)單，但完成作品也是需要大量的練習(xí)和長(zhǎng)時(shí)間的制作的。

“優(yōu)化已有產(chǎn)品的體驗(yàn)”這是用戶體驗(yàn)相關(guān)崗位職責(zé)中常見(jiàn)的描述。我們的產(chǎn)品常常是在快速的迭代過(guò)程中不斷完善的，就像孩子生下來(lái)需要養(yǎng)育才能長(zhǎng)大一樣，優(yōu)化已有功能/產(chǎn)品，和設(shè)計(jì)新功能/產(chǎn)品同樣重要，不可偏廢。

記得之前寫(xiě)過(guò)關(guān)于標(biāo)簽導(dǎo)航如何設(shè)計(jì)的一篇文章，大體上的介紹了幾種類型，這周正好遇到一個(gè)關(guān)于標(biāo)簽導(dǎo)航的問(wèn)題：產(chǎn)品經(jīng)理要求在底部的導(dǎo)航中由原來(lái)的五個(gè)主功能增加至六個(gè)，交互設(shè)計(jì)師如何說(shuō)服產(chǎn)品打消這個(gè)念頭？本周就這個(gè)問(wèn)題我詳細(xì)說(shuō)下當(dāng)中的幾個(gè)要點(diǎn)以及延伸出來(lái)的幾個(gè)問(wèn)題。

不要打破標(biāo)簽導(dǎo)航的架構(gòu)

之前說(shuō)過(guò)：在項(xiàng)目研發(fā)階段，我們應(yīng)該關(guān)注產(chǎn)品的主要功能，不應(yīng)該偏離方向，為了其他輔助功能去改變產(chǎn)品的主要格局。為什么呢？

在用戶使用這款產(chǎn)品的過(guò)程中，他們一定是為了達(dá)到某種目的或完成某項(xiàng)任務(wù)而去使用它，這說(shuō)明產(chǎn)品一定擁有解決目標(biāo)用戶問(wèn)題的功能。

什么是覆蓋層？從本文的角度來(lái)講，覆蓋層指在當(dāng)前頁(yè)面上打開(kāi)的臨時(shí)界面。這些臨時(shí)界面能夠完成提示性的或上下文相關(guān)的任務(wù)，它們的打斷性較弱，為用戶保持較為連貫的使用體驗(yàn)。我們?nèi)粘?huì)見(jiàn)到的 “浮層”、“彈層”、“彈框”等都在本文的討論范圍內(nèi)。

編者按：從iOS 9改版到iOS 10之后，鎖屏頁(yè)面的音樂(lè)控件變大了，用戶體驗(yàn)明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少？經(jīng)過(guò)1.2億次的實(shí)驗(yàn)后，這個(gè)結(jié)果被微軟/蘋(píng)果等公司采用，強(qiáng)烈推薦學(xué)習(xí)。

@平行煎餅 ：你可能說(shuō)不出來(lái)，但你肯定知道這種感覺(jué)——當(dāng)你觸摸手機(jī)應(yīng)用界面而它不能正常工作時(shí)候，當(dāng)你感覺(jué)你只有精細(xì)的點(diǎn)擊，才能出發(fā)正確的命令時(shí)，那種混合起來(lái)的沮喪和失敗感。

但是，如果你可以自己創(chuàng)建用戶界面，你知道如何合理避免這種情況嗎？如果你知道可以通過(guò)創(chuàng)建可靠的觸摸元素，來(lái)幫助您的客戶減少錯(cuò)誤，使用效率更快，使用感覺(jué)更開(kāi)心嗎？

這是可能的。我們來(lái)探討一下為什么。