編者按：設(shè)計(jì)師應(yīng)該如何做用戶體驗(yàn)研究？今天譯者Lisa用一個(gè)實(shí)戰(zhàn)案例，從零開(kāi)始帶你學(xué)習(xí)專(zhuān)業(yè)的用戶體驗(yàn)研究方法。

當(dāng)談?wù)摰藉憻挄r(shí)，這個(gè)世界上有三類(lèi)人：

1. 每時(shí)每刻都在健身的健康達(dá)人；
2. 那些一天中全部鍛煉內(nèi)容就是從前門(mén)走到車(chē)?yán)?，每天在沙發(fā)看電視的人們；
3. 在這兩者之間，想變的健康強(qiáng)壯但缺少一些動(dòng)力去健身房的人（又稱(chēng)在屁股上踢一腳才行動(dòng)的人）。

我，和我知道的大多數(shù)人一樣，都是第三種類(lèi)型的人。我們被稱(chēng)為是價(jià)值數(shù)十億美元可穿戴健身追蹤器市場(chǎng)的目標(biāo)消費(fèi)者。這些年，我已經(jīng)嘗試了不少健康追蹤器，我當(dāng)前最喜歡的是Fitbit。這是一個(gè)很好的追蹤器并且能夠激勵(lì)我變的更活躍一點(diǎn)，但是當(dāng)我使用他們的iOS app的時(shí)候卻遇到了不少問(wèn)題。所以我決定以我UX設(shè)計(jì)師的身份在這片沒(méi)人探索過(guò)的地方冒險(xiǎn)，來(lái)看看是否有人遇到了和我一樣的問(wèn)題并且我是否能給這個(gè)app帶來(lái)一些改進(jìn)。

編者按：今年騰訊很多品牌進(jìn)行了改版（QQ/騰訊云/QQ音樂(lè)等等），說(shuō)出來(lái)你可能不信，盡管這30多個(gè)LOGO所處領(lǐng)域完全不同，但重設(shè)計(jì)卻都依照了一個(gè)思路（包括造型/質(zhì)感/色彩3方面），想跟上潮流，學(xué)到方法，這篇絕對(duì)不能錯(cuò)過(guò)！

飛兒：在SNG（騰訊社交網(wǎng)絡(luò)事業(yè)群）品牌系統(tǒng)語(yǔ)言里，LOGO系統(tǒng)承載品牌視覺(jué)的最核心容器，是整個(gè)品牌視覺(jué)系統(tǒng)的靈魂，是品牌的精神文化理念、信譽(yù)、服務(wù)等特點(diǎn)的濃縮表現(xiàn)，直接影響著社交網(wǎng)絡(luò)品牌的發(fā)展。本文核心剖析社交網(wǎng)絡(luò)產(chǎn)品LOGO設(shè)計(jì)系統(tǒng)。

銳變啟程

伴隨著我們的成長(zhǎng)的QQ，2016年已經(jīng)成功銳變。新企鵝整體造型更加銳利、修身、簡(jiǎn)潔。企鵝的視覺(jué)角度從略帶俯視變成了平視，讓其圖形更加的幾何化。更簡(jiǎn)潔時(shí)尚的企鵝LOGO在年輕用戶心中成為“潮鵝”。

QQ不是孤軍奮戰(zhàn)，是整個(gè)社交網(wǎng)絡(luò)產(chǎn)品體系在一起奮進(jìn)。

我們的用戶群體是年輕且最有活力的一代。品牌的內(nèi)涵理念要持續(xù)提升，以保證品牌貼近市場(chǎng)和用戶。打造品牌語(yǔ)言系統(tǒng)，表層價(jià)值是讓社交網(wǎng)絡(luò)產(chǎn)品脫穎而出。深層價(jià)值是塑造一個(gè)專(zhuān)業(yè)創(chuàng)新的內(nèi)容平臺(tái)，承載整個(gè)互聯(lián)網(wǎng)生活體系，反映社交網(wǎng)絡(luò)產(chǎn)品對(duì)優(yōu)質(zhì)設(shè)計(jì)體驗(yàn)的追求。

品牌設(shè)計(jì)系統(tǒng)的背后是是整個(gè)社交網(wǎng)絡(luò)品牌生態(tài)策略。社交網(wǎng)絡(luò)品牌設(shè)計(jì)系統(tǒng)已經(jīng)悄然進(jìn)行，第一個(gè)重塑品牌的是騰訊云，接著騰訊企點(diǎn)、天天P圖、微云等陸續(xù)刷新。

編者按：一個(gè)完整 的LOGO 的設(shè)計(jì)流程是怎樣的？今天騰訊ISUX 的Amy 用「游戲應(yīng)用中心」的案例，帶你學(xué)習(xí)這個(gè)過(guò)程。

1. 品牌概述

游戲應(yīng)用中心是QQ空間用戶專(zhuān)屬的游戲平臺(tái)，、最火、最好玩的游戲一網(wǎng)打盡：角色扮演、模擬經(jīng)營(yíng)、射擊、棋牌、街機(jī)、賽車(chē)等各類(lèi)游戲應(yīng)有盡有。這里網(wǎng)羅了全平臺(tái)最全、最給力的游戲禮包，更有積分兌換頻道、各類(lèi)精彩活動(dòng)為玩家提供豐富給力的獎(jiǎng)品。

2. 品牌更新目標(biāo)

游戲應(yīng)用中心是QQ空間下基于網(wǎng)頁(yè)的游戲平臺(tái)。原名“應(yīng)用中心”，不僅有游戲還有其他應(yīng)用，所以舊Logo有“APP”字樣。隨著app的份額減少弱化，應(yīng)用中心決定把重心放在游戲的部分，因此需要重新設(shè)計(jì)品牌標(biāo)志。

同時(shí)，為了讓Logo跟SNG的品牌系統(tǒng)保持一致。舊標(biāo)志產(chǎn)生于SNG品牌系統(tǒng)建立之前，所以有些偏離了系統(tǒng)。

現(xiàn)如今，柵格已經(jīng)幾乎是所有網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)。這些隱形的線條創(chuàng)造出空間的節(jié)奏感和視覺(jué)的流暢感，他們是讓網(wǎng)頁(yè)變得更加和諧的基礎(chǔ)。

但是，柵格存在的目的是幫你創(chuàng)造好的設(shè)計(jì)，當(dāng)你開(kāi)始逐漸適應(yīng)柵格的存在，千萬(wàn)不要被它束縛住。你并沒(méi)有必要100%地受限于柵格，偶爾打破柵格的設(shè)計(jì)可能會(huì)讓你的設(shè)計(jì)更加抓人眼球。不過(guò)，想要打破柵格又保持網(wǎng)頁(yè)的協(xié)調(diào)，是有技巧的，并非任何“破格”的設(shè)計(jì)都是好的。今天，我們來(lái)聊聊這個(gè)。

了解柵格系統(tǒng)

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

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

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

@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)航

網(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ì)上以交互崗位的專(zhuān)業(yè)視角提出建議； 如果你不夠幸運(yùn)，不能參與到產(chǎn)品戰(zhàn)略決策，只是承接上游下達(dá)的交互任務(wù)的話，那么也不要只是淪為畫(huà)線框圖的工具，要發(fā)揮主觀能動(dòng)性積極溝通，最終讓方案變得更好。

編者按：從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)探討一下為什么。

記得之前寫(xiě)過(guò)關(guān)于標(biāo)簽導(dǎo)航如何設(shè)計(jì)的一篇文章，大體上的介紹了幾種類(lèi)型，這周正好遇到一個(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)題。