ake：照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事，只會使世界發(fā)生從1到N的改變，增添許多類似的東西。但是每次我們創(chuàng)造新事物的時候，會使世界發(fā)生從0到1的改變。—— Peter Thiel,Blake Masters《從0到1：開啟商業(yè)與未來的秘密》

微眾銀行作為國內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營銀行，正在創(chuàng)造新的金融模式，讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物，它并不是簡單的“互聯(lián)網(wǎng)”與“銀行”相加，而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進(jìn)行創(chuàng)新。

過去的兩年，我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風(fēng)順的事情，所以過程中的設(shè)計方法更值得記錄和分享。在項(xiàng)目初期，我們做了很多分析和準(zhǔn)備，但由于時間關(guān)系，我們一直沒能好好的梳理成文。現(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定，促使我們重新回看剛開始那段珍貴的時光，把項(xiàng)目初期的的精華重新記錄下來，希望對大型項(xiàng)目的初期搭建能有一些啟發(fā)和指引。

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

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

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

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

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

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

（工作原因，文中配圖較模糊，請見諒）

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

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

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

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

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

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

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

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

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

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

這是可能的。我們來探討一下為什么。

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設(shè)計》。用戶測試對設(shè)計師的能力提升來說最好的一點(diǎn)是，它能一點(diǎn)一點(diǎn)讓設(shè)計師學(xué)會從用戶的視角看設(shè)計。是的，用戶視角對于設(shè)計師來說，是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶，所以能夠想象得出，但其實(shí)并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發(fā)現(xiàn)。例如，設(shè)計師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久，而對用戶真正有價值的東西，卻往往在設(shè)計中被滯后，直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒有太豐富，但每次都認(rèn)真記錄的經(jīng)驗(yàn)，我在這里總結(jié)一下自己至今為止從用戶測試?yán)镂〉降慕逃?xùn)：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設(shè)計出更好的方案，如果用戶不能一眼領(lǐng)悟使用方法，產(chǎn)品就會面臨流失用戶的風(fēng)險。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨(dú)創(chuàng)的操作形式，其實(shí)是大量的忠誠用戶所帶來的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計是成為潮流的引領(lǐng)者，還是追隨者。

成功的產(chǎn)品通常是構(gòu)建在一系列優(yōu)秀的設(shè)計之上的，它除了擁有優(yōu)秀的框架、系統(tǒng)的邏輯和恰如其分的運(yùn)營之外，它還需要符合用戶體驗(yàn)規(guī)則的細(xì)節(jié)，和幾經(jīng)驗(yàn)證的最佳實(shí)踐來作為支撐。

今天的文章，我們來聊聊細(xì)節(jié)，從視覺反饋、文案和留白三個角度，聊聊這些同樣能夠影響整體體驗(yàn)還很容易被忽略的元素。

視覺反饋

在許多設(shè)計方案中，視覺反饋是很容易被忽略的組成部分，然而它是整個UX設(shè)計中，對體驗(yàn)影響非常大的元素。沒有正確的反饋，就沒有正確的互動。想象一下，當(dāng)你和人溝通的時候，對方根本不會給你任何語言、表情和動作的反饋，這是何等的尷尬。UI界面同樣是如此。

用戶會對缺少視覺反饋的UI界面感到迷惑。

你需要給用戶一個反饋信號，讓他們知道他們的操作是成功了還失敗，接下來要向上翻頁還是向下滾動，等等等等。

視覺反饋的主要目的在于：

·確認(rèn)APP或者網(wǎng)頁已經(jīng)接收到了用戶的操作或者提交的信息
·傳達(dá)交互的結(jié)果，結(jié)果可見也可理解。給用戶一個信息反饋，告訴他們?nèi)蝿?wù)執(zhí)行成功或者失敗

讓按鈕和控件易于被感知

在現(xiàn)實(shí)生活中，按鈕和各種開關(guān)都被設(shè)計成易于互動、易于感知的樣子，這樣的設(shè)計讓人們更容易控制，也能讓事情向著預(yù)期的方向發(fā)展。而當(dāng)用戶面對UI界面的時候，他們也有同樣的需求，他們希望按鈕和控件能夠像這些日常的設(shè)計一樣，易于被感知，操控。

@Sophia的玲瓏閣 ：這個系列的文章把整個設(shè)計過程的經(jīng)驗(yàn)總結(jié)成文，逐點(diǎn)分享，上期是概述+立項(xiàng)，這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi，即低保真原型圖，整個APP設(shè)計階段，設(shè)計師真正開始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后，交互設(shè)計師開始依據(jù)已有的結(jié)論，畫出Low-fi。

Low-fi的作用

1. 方便團(tuán)隊進(jìn)行方案的討論和統(tǒng)一。

就像使用場景Scenario和用戶畫像Personas，團(tuán)隊每個成員腦海中所理解的都會有所不同，但通過PRD，咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上，APP的具體畫面和流程，每個人都有自己想象的視覺效果。Low-fi就在此時起了相同的作用。

當(dāng)然統(tǒng)一的進(jìn)一步促進(jìn)效果是，進(jìn)行后面核心功能的深入探討，將概念落實(shí)到實(shí)施方案，并驗(yàn)證邏輯上是否能跑通，以及主頁面元素的確定。

2. 方便開發(fā)人員進(jìn)行整體架構(gòu)的布置，開始著手一些基礎(chǔ)元素的部署。

3. 做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查，一般會有一些更改，不會影響項(xiàng)目主方向，大多是功能上的調(diào)整

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設(shè)計》。用戶測試對設(shè)計師的能力提升來說最好的一點(diǎn)是，它能一點(diǎn)一點(diǎn)讓設(shè)計師學(xué)會從用戶的視角看設(shè)計。是的，用戶視角對于設(shè)計師來說，是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶，所以能夠想象得出，但其實(shí)并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發(fā)現(xiàn)。例如，設(shè)計師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久，而對用戶真正有價值的東西，卻往往在設(shè)計中被滯后，直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒有太豐富，但每次都認(rèn)真記錄的經(jīng)驗(yàn)，我在這里總結(jié)一下自己至今為止從用戶測試?yán)镂〉降慕逃?xùn)：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設(shè)計出更好的方案，如果用戶不能一眼領(lǐng)悟使用方法，產(chǎn)品就會面臨流失用戶的風(fēng)險。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨(dú)創(chuàng)的操作形式，其實(shí)是大量的忠誠用戶所帶來的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計是成為潮流的引領(lǐng)者，還是追隨者。