#交互學(xué)堂# #用戶體驗# 把最重要最常用的操作放在屏幕底部非常重要，因為它們能用一只手指輕松觸及。

【前言】

作為一名設(shè)計師，當(dāng)有人質(zhì)疑你的設(shè)計時，你是含糊不清的表達？還是主觀的表達？又或者干脆不搭理對方？

很多作品優(yōu)秀的設(shè)計師，往往不太會為自己的作品說話

因為他們深信那句“好的設(shè)計自己會說話”

@可風(fēng)f  ：最近半年因為機緣巧合我從交互設(shè)計師變成了產(chǎn)品經(jīng)理，加入了獵豹清理大師項目并負責(zé)海外市場的一些新功能。雖然我之前一直說起產(chǎn)品頭頭是道，但是真的做起來還是壓力山大。并且因為事業(yè)群改制和團隊重組，只能自己一個人從頭做起慢慢摸索，上半年光顧著加班了沒時間寫文章。好在現(xiàn)在負責(zé)的產(chǎn)品從零到千萬日活開始穩(wěn)定下來，自己也有了足夠時間和信心去思考總結(jié)半年的收獲。

因為身邊有過轉(zhuǎn)產(chǎn)品想法的同學(xué)比較多，自己也認識很多小伙伴是新人產(chǎn)品經(jīng)理，所以今天想先和大家探討一下如果要一個優(yōu)秀的產(chǎn)品經(jīng)理、從設(shè)計思維轉(zhuǎn)變?yōu)?/span>產(chǎn)品思維，需要面對的幾個挑戰(zhàn)。

首先解釋下什么是設(shè)計思維？設(shè)計師的工作是在產(chǎn)品的交互和視覺層面提供合適的解決方案，所以設(shè)計師會先確定用戶是誰，然后了解用戶的使用場景，最后根據(jù)目標去思考用戶體驗好的解決方案。這個思維的架構(gòu)套在產(chǎn)品經(jīng)理上也同樣適用，但是其中的內(nèi)容就發(fā)生了很大的變化。產(chǎn)品經(jīng)理的本職工作是：

如果你是一名移動產(chǎn)品設(shè)計師，你可能會同意這樣的觀點：參考借鑒別人的設(shè)計不算抄襲。這不僅是最佳的練習(xí)方法，也是一種設(shè)計模式，而且還符合業(yè)界主流的設(shè)計趨勢，同時還能確保在用戶熟悉的模式下來創(chuàng)建可用性的界面。

有人可能會說，堅持設(shè)計規(guī)范和跟隨其他人的步伐會扼殺創(chuàng)造力，而且時至今日，所有的APP看起來都是大同小異。從用戶體驗的角度來看，我看到了一個不一樣的問題。你相信Google、Facebook、Instagram永遠是正確的，所以習(xí)慣于采用他們的做法，因為他們的設(shè)計目標與你的設(shè)計目標相同，所以你不會對此產(chǎn)生質(zhì)疑。

iOS說：“清晰度，咱倆分手吧”

以往的iOS鎖屏界面非常簡單直接，但是來到今年的iOS10，情況發(fā)生非常大的變化，在開始認真嚴肅地為大家分析（tucao）之前我想先說明一些東西：

編者按：可以說現(xiàn)如今的移動端UI設(shè)計中，卡片式設(shè)計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網(wǎng)頁和APP設(shè)計的大趨勢。個性化的新體驗大多建立在單獨內(nèi)容的聚合體之上，而多類型的內(nèi)容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設(shè)計，卡片式設(shè)計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設(shè)計對于設(shè)計師的意義，以及常見的卡片式設(shè)計的功能與特性。

進入2016年后，我們會發(fā)現(xiàn)行業(yè)在體驗設(shè)計上出現(xiàn)了很多新的元素，從我們平時經(jīng)常瀏覽的設(shè)計社區(qū)中，這些新元素出現(xiàn)的頻率越來越高，比如彩色投影、雙色調(diào)漸變設(shè)計等，我們也慢慢開始接受這些新變化，并且逐步應(yīng)用到我們的產(chǎn)品中。這篇文章的初衷是希望能更系統(tǒng)更全面地梳理出一份流行趨勢的分析，能對我們平時的工作能產(chǎn)生一定的指導(dǎo)作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時下流行的扁平化和現(xiàn)代風(fēng)的設(shè)計，設(shè)計效果十分的賞心悅目，可以很好的和幽靈按鈕以及時下流行的元素搭配起來，提升用戶體驗。

以淘寶電影為例，采用的是虛化電影海報作為背景，這樣做的好處是每一個頁面的頭部效果都不一樣，這樣的排版視覺效果更佳，同樣也突出電影信息等主要內(nèi)容。從設(shè)計的角度來看，這也很容易實現(xiàn)，讓內(nèi)容模塊變的清晰，同時可以規(guī)避復(fù)雜的設(shè)計，還可以降低設(shè)計成本，花最少的時間達到最大的效果。

從今年4月份開始，我被安排負責(zé)一個直播項目，設(shè)計之路可謂曲奇坎坷，難得的設(shè)計經(jīng)驗讓我對交互設(shè)計本身有了一些新的認識。結(jié)合自身的感悟，我自認為交互設(shè)計師除了專業(yè)能力的要求外，還應(yīng)該具備以下素質(zhì)：

1，業(yè)務(wù)深度帶來業(yè)務(wù)驅(qū)動力

在工作之初，我認為無論負責(zé)什么項目，交互設(shè)計都是一種解決復(fù)雜問題的能力，從設(shè)計分析到設(shè)計產(chǎn)出是具有絕對的普適應(yīng)；而且隨著設(shè)計能力的提升，經(jīng)驗的積累，這種普適性更加凸顯；這一層我并不否認，但交互設(shè)計師只聚焦于普適性可能永遠都處于門外漢的水準；有機會專門負責(zé)直播項目，讓我不得不接觸和使用各種直播App，不得不和很多專門做直播的人合作，在這過程中，讓我對于直播業(yè)務(wù)有了深入了解。

舉個栗子，比如設(shè)計一個直播的發(fā)布流程。

乍一看許多APP的布局并不復(fù)雜，感覺換成自己也能設(shè)計出來，但是當(dāng)你真的開始著手設(shè)計這么一個APP的原型的時候，會發(fā)現(xiàn)事情并不是那么簡單?？粗鴦e人已經(jīng)設(shè)計完成的設(shè)計可能覺得不難，可是當(dāng)自己動手的時候，在特定的元素的選取和設(shè)計上很容易陷入困局，這個時候才明白它的難點并不在于工作量的多少，設(shè)計者常常深陷于細節(jié)構(gòu)建的囹圄，這才是它的困難之處。即使是元素與元素之間的分隔方式，都能隨隨便便用一整篇文章來進行探討。

傳統(tǒng)的分隔方式

在UI界面中，最傳統(tǒng)也是最常見的分隔方式用的是線，將視覺上或者內(nèi)容上需要區(qū)分的內(nèi)容用橫向或者縱向的細線區(qū)分開來，它幫助用戶了解頁面的層次結(jié)構(gòu)，賦予頁面內(nèi)容以組織性。

啟動頁、空狀態(tài)、動畫反饋、框架界面… 今天提到的這4種狀態(tài)，都是容易被忽視，而又能讓移動App 脫穎而出的細節(jié)。如何做好這4個細節(jié)的用戶體驗設(shè)計？今天這篇好文總結(jié)了關(guān)鍵的幾個原則。

啟動頁

當(dāng)用戶打開 app 時，最不能做的事情就是讓他們等待。但是如果 app 的初始設(shè)置非常耗時，又不可能優(yōu)化該怎么辦？你不得不讓用戶等。如果他們愿意等，你得知道如何 吸引他們。啟動頁解決了等待的問題，讓你有一個簡潔有力的窗口來吸引用戶。