#交互學(xué)堂# #用戶體驗(yàn)# 把最重要最常用的操作放在屏幕底部非常重要，因?yàn)樗鼈兡苡靡恢皇种篙p松觸及。

【前言】

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

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

因?yàn)樗麄兩钚拍蔷洹昂玫脑O(shè)計(jì)自己會(huì)說話”

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

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

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

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

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

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

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

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

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

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

一、使用模糊背景

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

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

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

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

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

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

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

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

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

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

啟動(dòng)頁

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