編者按：QQ 國際版的輕量和簡潔一直備受好評，不過多年未改版的它，今年可能用上兩個新的視覺設(shè)計(jì)方案。至于改版過程中的思考，騰訊設(shè)計(jì)師給出了這篇文章。

作者：騰訊ISUX – 隔壁老賈

項(xiàng)目背景

QQ國際版主要是針對國外用戶打造的一款輕量社交產(chǎn)品。由于當(dāng)前產(chǎn)品迭代周期相對較長，我們對當(dāng)前視覺提出一個疑問:現(xiàn)有產(chǎn)品的視覺形態(tài)，是否符合國際版的產(chǎn)品調(diào)性。基于這個問題，我們開啟這次探索之旅。

蘋果在近期推出了新款Macbook Pro，以Touch Bar取代了原有的功能鍵。相信每個Mac產(chǎn)品團(tuán)隊(duì)都在思考，該如何利用它給用戶帶來更好的使用體驗(yàn)。在此分享一下QQ Mac版團(tuán)隊(duì)的一點(diǎn)思考。

想方案想的頭大，一直在原地打轉(zhuǎn)跳不出來？想了半天提出的方案，被老板說怎么沒想到別的某某方案？有時雖然想出不少方案，但是實(shí)質(zhì)在漸行漸遠(yuǎn)？

不是人人都有特別靈活的腦子 ，就算是靈活的腦子也不會無時無刻都靈感無限，那在我們面對思維瓶頸的時候，有沒有方法可以幫助我們快速且有效的去拓展思維呢？

普通應(yīng)用在起初的三天里每天會流失77%的日活躍用戶。

        你肯定不想你的公司發(fā)生這樣的事情，為獲得新用戶而投入了眾多資源，而大多數(shù)用戶僅僅在首次訪問之后便馬上離開了。如何改善這種情況呢？即你需要通過創(chuàng)造完美的訪問流程為用戶留下非常棒的第一印象。

隨著網(wǎng)絡(luò)傳輸速度的提升，視頻在網(wǎng)頁中的應(yīng)用越來越多，也越來越廣泛，帶寬和流量對于網(wǎng)頁視頻的限制已經(jīng)不再像5年前那么明顯。而移動端設(shè)備的性能的提升，在移動端網(wǎng)頁中使用視頻也并不顯得吃力。所以，今天我們常常能在不同的網(wǎng)頁中看到各種不同功用的視頻。

常言道一圖勝千言，而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻，它對于用戶的吸引力會非常明顯——它可以更好的傳遞情緒，更加富有表現(xiàn)力，能讓用戶更容易“感受”到你想要傳遞的信息。不過，相比于其他元素，視頻都比較“重”的媒體，使用的時候要謹(jǐn)慎。

@薛斯塔 ：交互設(shè)計(jì)師和產(chǎn)品經(jīng)理的協(xié)作問題是產(chǎn)品設(shè)計(jì)中的一個老大難，我在工作中經(jīng)常會聽到同行對產(chǎn)品經(jīng)理們的血淚控訴。作為交互設(shè)計(jì)師，學(xué)會和團(tuán)隊(duì)中不同的角色協(xié)作是我們的專業(yè)能力之一，如何溝通、影響乃至于推動自己的設(shè)計(jì)方案進(jìn)行實(shí)施是每一位設(shè)計(jì)師需要去磨練的，這不僅僅是那份執(zhí)著，更是一種技巧。

下面進(jìn)入譯文。

在互聯(lián)網(wǎng)行業(yè)，交互設(shè)計(jì)師還是一個相對比較新的職位。因此，在工作中我們常常見到產(chǎn)品經(jīng)理過多介入交互設(shè)計(jì)師的工作，甚至有的團(tuán)隊(duì)直接讓產(chǎn)品經(jīng)理來做交互設(shè)計(jì)的工作，這是為什么呢？實(shí)際上，在互聯(lián)網(wǎng)發(fā)展的早期，這確實(shí)是同一個人的工作！產(chǎn)品經(jīng)理的職能之一就是支持和協(xié)助部署交互設(shè)計(jì)方案，以確保產(chǎn)品的方案可行性。隨著互聯(lián)網(wǎng)的成熟發(fā)展和工作職位的細(xì)分，交互設(shè)計(jì)師這個被細(xì)分出來的角色被定位出來設(shè)計(jì)產(chǎn)品的交互方案是威脅到了產(chǎn)品經(jīng)理的工作范疇。

因此，在日常工作中，產(chǎn)品經(jīng)理和交互設(shè)計(jì)師這對冤家是一直在暗中腳力的，交互設(shè)計(jì)師的方案每每遭到產(chǎn)品經(jīng)理的質(zhì)疑甚至是無視，這其中有專業(yè)能力層面的合理分歧，當(dāng)然也夾雜著一些主觀層面的感受之爭，最終導(dǎo)致的是產(chǎn)品經(jīng)理經(jīng)常性的忽視來自體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)的一些方案建議。那么，我們?nèi)绾尾拍芨纳苾烧咧g的合作關(guān)系，從而使兩者能夠客觀的協(xié)作制定合理的體驗(yàn)設(shè)計(jì)方案呢？

@凌霜設(shè)計(jì) （Frog Design交互生）： 作為一名交互設(shè)計(jì)師，如何更好地與項(xiàng)目里的其他人合作？如何更好地利用大家的時間？團(tuán)隊(duì)經(jīng)理用畫圖的方式跟我解釋了一下，有些問題并沒有直接的答案，但是我覺得解釋的方式很有趣，我憑著記憶把它們重新畫了一下，和大家聊聊合作的問題。

今天和我的經(jīng)理聊了一下最近工作上發(fā)生的事：上周做了什么，這周和下周準(zhǔn)備要做什么。剛剛結(jié)束了設(shè)計(jì)階段（Design Sprint）1，和客戶開了遠(yuǎn)程會議，收到了許多的反饋意見，各個方面的都有。

現(xiàn)在項(xiàng)目正處于一種（我覺得）特別尷尬的階段：視覺設(shè)計(jì)師只出了初步的幾個概念圖，程序員還在準(zhǔn)備框架，尚未開始寫代碼，但是根據(jù)原先的計(jì)劃，這周就要開始開發(fā)了。作為交互設(shè)計(jì)師，一方面留著一大堆反饋意見還沒有反映到線框圖中，另一方面設(shè)計(jì)階段2的任務(wù)已經(jīng)要來了。雖然還沒有開始設(shè)計(jì)，但從可能的流程上來看，任務(wù)量巨大，是一個特別復(fù)雜的系統(tǒng)，不光是設(shè)計(jì)一個新的交互方式，還是新的工作方式和商業(yè)模式，心里真沒底。

我把自己的困惑告訴了經(jīng)理：作為一名交互設(shè)計(jì)師，如何更好地與項(xiàng)目里的其他人合作？如何更好地利用大家的時間？他用了畫圖的方式跟我解釋了一下，有些問題并沒有直接的答案，但是我覺得解釋的方式很有趣，我憑著記憶把它們重新畫了一下，和大家聊聊合作的問題。

什么是敏捷開發(fā)（Agile）

先說一下總體的合作方式，我們用的是敏捷開發(fā)（Agile）的方式。維基百科上是這么解釋的：

敏捷軟件開發(fā)（英語：Agile software development），又稱敏捷開發(fā)，是一種從1990年代開始逐漸引起廣泛關(guān)注的一些新型軟件開發(fā)方法，是一種應(yīng)對快速變化的需求的一種軟件開發(fā)能力。它們的具體名稱、理念、過程、術(shù)語都不盡相同，相對于“非敏捷”，更強(qiáng)調(diào)程序員團(tuán)隊(duì)與業(yè)務(wù)專家之間的緊密協(xié)作、面對面的溝通（認(rèn)為比書面的文檔更有效）、頻繁交付新的軟件版本、緊湊而自我組織型的團(tuán)隊(duì)、能夠很好地適應(yīng)需求變化的代碼編寫和團(tuán)隊(duì)組織方法，也更注重軟件開發(fā)過程中人的作用。

如果把這種方法簡單視覺化一下，就如下圖：

iOS從07年第一代iPhone發(fā)布時的iPhone OS，已發(fā)展到今天的iOS10，這些年來，iOS從最初的一個簡單、粗糙的ROM，發(fā)展成現(xiàn)在手機(jī)ROM中體驗(yàn)標(biāo)桿的操作系統(tǒng)。設(shè)計(jì)風(fēng)格走過了擬物化，扁平化，今年已發(fā)布的iOS10，設(shè)計(jì)風(fēng)格也開始偏向卡片式風(fēng)格，隨著新的交互方式3D Touch的加入，開始脫離單調(diào)的扁平化設(shè)計(jì)，卡片式風(fēng)格讓設(shè)計(jì)語言更加符合用戶的操作認(rèn)知（卡片式的內(nèi)容，對人有更強(qiáng)的按壓操作暗示）。

編者按：本文總結(jié)的4個點(diǎn)都是新人做交互方案時容易遺漏的，看完可以查漏補(bǔ)缺，完善場景，建議閱讀。

作為一名交互設(shè)計(jì)師，到底什么程度才能算得上是“專業(yè)”？成為一名專業(yè)的設(shè)計(jì)師是否有方法與捷徑呢？答案是肯定的，但是今天我分享的內(nèi)容還不敢稱之為體系，只能說是幾個小小的經(jīng)驗(yàn)吧，希望能給正在奔向?qū)I(yè)路上的你有所啟發(fā)。

如果你是設(shè)計(jì)新人，可能你現(xiàn)在還沒有完全形成自己的思維模式，那么以下這幾點(diǎn)你就可以開始注意了，至少把這個幾點(diǎn)加入到你的考慮范圍內(nèi)是不會有錯的！

我們整天都在說用戶體驗(yàn)，設(shè)計(jì)師要站在用戶的角度思考問題，幫助用戶解決問題，優(yōu)化產(chǎn)品操作流程及視覺層級的排布，作為設(shè)計(jì)師我們這么做的目的到底是什么，我們?yōu)槭裁匆獮榱艘粋€體驗(yàn)細(xì)節(jié)和產(chǎn)品去討論，去爭執(zhí).