網(wǎng)站建設(shè)、APP開(kāi)發(fā)前端界面設(shè)計(jì)對(duì)于用戶體驗(yàn)很重要，對(duì)于依靠互聯(lián)網(wǎng)進(jìn)行產(chǎn)品銷售的客戶來(lái)說(shuō)，就相當(dāng)于一個(gè)產(chǎn)品銷售經(jīng)理的外在形象需要包裝一樣。所以我們?cè)谶M(jìn)行網(wǎng)站建設(shè)制作時(shí)，設(shè)計(jì)師的自我包裝心理認(rèn)知對(duì)于設(shè)計(jì)的作品起著至關(guān)重要的作用。下面福田網(wǎng)站建設(shè)公司專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師總結(jié)了以下幾點(diǎn)經(jīng)驗(yàn)，供您參考。
一、網(wǎng)站制作設(shè)計(jì)師要有自驅(qū)力和積極樂(lè)觀心態(tài)
首先心態(tài)最重要，沒(méi)有什么事是容易的，任何一個(gè)公司推動(dòng)體驗(yàn)改版都很困難，打破原有模式需要多方溝通，以及預(yù)設(shè)改版后價(jià)值得到領(lǐng)導(dǎo)、各部門上下一致的認(rèn)同。除非趕上前期已經(jīng)有人去推動(dòng)了梳理清楚了思路，或者咱們大老板已經(jīng)有這個(gè)想法了，正好你來(lái)接手這個(gè)事，就直接做設(shè)計(jì)改版了。
在公司里自上而下做事很順暢，但自下而上推動(dòng)卻不容易。
主要是前期讓領(lǐng)導(dǎo)和各部門一致認(rèn)同這個(gè)環(huán)節(jié)十分艱巨，這并不是領(lǐng)導(dǎo)和各部門的人有多刁鉆，多愚蠢，反而我覺(jué)得他們都很優(yōu)秀，是因?yàn)榇蠹宜镜牧?chǎng)不一樣，思考的角度不一樣。
舉個(gè)很簡(jiǎn)單例子，你要我去做一件事，你說(shuō)這個(gè)事體驗(yàn)多么好，多么驚天動(dòng)地，我是不會(huì)理解，體驗(yàn)跟我有什么關(guān)系呢？不如直接說(shuō)：你知道我現(xiàn)在缺1000元，和你一起做這個(gè)事，我可以得到1000元，這才是驅(qū)動(dòng)我去做事的價(jià)值和目標(biāo)。
在推進(jìn)過(guò)程中會(huì)遭到很多方面的挑戰(zhàn)。比如業(yè)務(wù)邏輯、這個(gè)改版是否值得公司現(xiàn)階段投入資源去做，或者怎么去做等等？需要設(shè)計(jì)師具備強(qiáng)大的驅(qū)動(dòng)力，同時(shí)保持樂(lè)觀積極的心態(tài)協(xié)調(diào)各方面的資源，任何事情都不可能達(dá)到完美理想結(jié)果，有些方面需要妥協(xié)，有些改動(dòng)要分優(yōu)先級(jí)。
總之就是保持積極心態(tài)，任何否定和妥協(xié)都需要積極面對(duì)，并采取針對(duì)方案去解決任何疑慮。
二、 網(wǎng)站建設(shè)公司的網(wǎng)頁(yè)設(shè)計(jì)師要理解客戶產(chǎn)品戰(zhàn)略，洞察機(jī)會(huì)
1. 公司戰(zhàn)略發(fā)展方向并行的機(jī)會(huì)點(diǎn)
公司是互聯(lián)網(wǎng)金融公司，以售賣 p2p 為主，在如今同質(zhì)化盛行的產(chǎn)品中，利率并沒(méi)有任何優(yōu)勢(shì)。公司戰(zhàn)略層制定的方向是財(cái)富管理，這種模式在國(guó)外已經(jīng)十分成熟了，但是在中國(guó)人的理財(cái)習(xí)慣里并沒(méi)有財(cái)富管理的認(rèn)知。CSK 的音頻課教育則恰恰是為了提高用戶的認(rèn)知，在 app 體系里從內(nèi)容到流量、內(nèi)容到購(gòu)買轉(zhuǎn)換是很大的價(jià)值機(jī)會(huì)點(diǎn)。
2. 設(shè)計(jì)機(jī)會(huì)與目標(biāo)
從現(xiàn)有線上情況來(lái)看，體驗(yàn)較差，如果以設(shè)計(jì)優(yōu)化作為切入點(diǎn)，在主線資源緊張情況下，一些體驗(yàn)功能完善的模塊并不能推進(jìn)下來(lái)無(wú)法達(dá)成理想效果。因此我們需要與業(yè)務(wù)結(jié)合推進(jìn)，從轉(zhuǎn)化價(jià)值、數(shù)據(jù)提升、整體體驗(yàn)架構(gòu)去優(yōu)化角度推進(jìn)，與此同時(shí)結(jié)合設(shè)計(jì)的目標(biāo)。
設(shè)計(jì)目標(biāo)：
建立體驗(yàn)框架：縮短體驗(yàn)路徑。
完善播放功能。
增加創(chuàng)新魅力值體驗(yàn)：音質(zhì)、音效、藍(lán)牙連接等功能。
三、網(wǎng)站建設(shè)、APP開(kāi)發(fā)設(shè)計(jì)師要打破設(shè)計(jì)邊界 – 調(diào)研&數(shù)據(jù)分析
1. 了解業(yè)務(wù)背景與訴求
當(dāng)我們第一次去找業(yè)務(wù)方溝通時(shí)，發(fā)現(xiàn)業(yè)務(wù)方并沒(méi)有明確戰(zhàn)略規(guī)劃與目標(biāo)，還處于課程內(nèi)容積淀過(guò)程，對(duì)于內(nèi)容重組、課程體系規(guī)劃、收聽(tīng)體驗(yàn)等等只是有一些粗放型的想法并沒(méi)有詳細(xì)思路。接下來(lái)，需要和他們一起梳理思路與提煉當(dāng)前問(wèn)題關(guān)鍵點(diǎn)。
業(yè)務(wù)訴求：內(nèi)容沒(méi)有聚合、體驗(yàn)跳出率高、app平臺(tái)流量獲取來(lái)源、運(yùn)營(yíng)資源緊張等等。
2. 音頻行業(yè)調(diào)研及用戶調(diào)研
在梳理完業(yè)務(wù)方的一些訴求后，我們需要了解音頻行業(yè)發(fā)展趨勢(shì)與動(dòng)態(tài)，掌握相應(yīng)規(guī)律，以及了解我們?nèi)绾吾槍?duì)自己公司的特點(diǎn)結(jié)合業(yè)務(wù)去提升。（以下行業(yè)數(shù)據(jù)來(lái)源艾瑞網(wǎng)，涉及公司數(shù)據(jù)做了相關(guān)處理）
使用場(chǎng)景：睡前、通勤等碎片化時(shí)間。
收聽(tīng)高峰：整體行業(yè)集中在睡前4小時(shí)。對(duì)比之下，我們公司缺少睡前的高峰。
△ 更多行業(yè)報(bào)告數(shù)據(jù)不一一展示
音頻行業(yè)發(fā)展趨勢(shì)：在人的體驗(yàn)五感中，只有視覺(jué)感官是利用最大化的，聽(tīng)覺(jué)感官還處于完善提升階段，音頻的使用效能更優(yōu)于專注視覺(jué)感官，而當(dāng)前音頻的普及率僅達(dá)20%，未來(lái)具有很大市場(chǎng)潛力。
用戶調(diào)研：在微信群對(duì)用戶進(jìn)行了問(wèn)卷調(diào)查，獲取了相關(guān)用戶畫像、在平臺(tái)行為特征、關(guān)注內(nèi)容等方面。
3. 競(jìng)品分析
隨著現(xiàn)在市場(chǎng)的規(guī)?；捌占?，得到、知乎、蜻蜓、喜馬拉雅等音頻平臺(tái)相對(duì)比較成熟，各自的價(jià)值主張也各有所不同。自身定位、內(nèi)容深度、體系框架、個(gè)性化體驗(yàn)都將成為音頻產(chǎn)業(yè)殺出重圍的考驗(yàn)。
4. 數(shù)據(jù)分析
建立用戶路徑，分析數(shù)據(jù)流失，發(fā)現(xiàn)當(dāng)前用戶大量流失在播放器頁(yè)面上，在當(dāng)前課程里用戶聽(tīng)完觸發(fā)轉(zhuǎn)發(fā)行為的也很低。
網(wǎng)站建設(shè)公司小結(jié)：設(shè)計(jì)師為何要打破設(shè)計(jì)邊界
在傳統(tǒng)工作流程中，設(shè)計(jì)環(huán)節(jié)處于最末端，需求接受方，發(fā)揮空間有限，屬于理性的商業(yè)思維。而這次我們打破了傳統(tǒng)邊界，去探尋更多領(lǐng)域，比如行業(yè)的發(fā)展趨勢(shì)、競(jìng)品分析、數(shù)據(jù)流失等。這些邊界探索需要在公司內(nèi)尋求相關(guān)資源幫助配合共同完成。
探索完邊界，能讓我們把設(shè)計(jì)目標(biāo)與業(yè)務(wù)目標(biāo)相結(jié)合，最終讓設(shè)計(jì)方案更符合行業(yè)屬性、符合公司的用戶需求、在技術(shù)落地上更具有可行性、體現(xiàn)設(shè)計(jì)價(jià)值最大化。
四、網(wǎng)站制作設(shè)計(jì)師要學(xué)會(huì)聚焦問(wèn)題，建立數(shù)據(jù)增長(zhǎng)目標(biāo)
1. 聚焦問(wèn)題結(jié)合體驗(yàn)機(jī)會(huì)點(diǎn)
通過(guò)行業(yè)調(diào)研、用戶問(wèn)卷調(diào)研、當(dāng)前平臺(tái)數(shù)據(jù)分析、專業(yè)型&平臺(tái)型的競(jìng)品分析后，我們聚焦問(wèn)題在以下幾點(diǎn)：
內(nèi)容結(jié)構(gòu)：入口分散、層級(jí)深、擴(kuò)展差。
數(shù)據(jù)流失：在播放頁(yè)高達(dá)70%的流失。分析具體原因用于解決。
用戶激勵(lì)問(wèn)題。
播放體驗(yàn)流程問(wèn)題：功能不完善。
2. 初步規(guī)劃內(nèi)容構(gòu)架方案
課程規(guī)劃與內(nèi)容架構(gòu)：梳理當(dāng)前已有課程、如何展示、如何區(qū)別。
激勵(lì)體系：答題領(lǐng)體驗(yàn)金、學(xué)習(xí)計(jì)劃、簽到等運(yùn)營(yíng)活動(dòng)提升活躍度，完成激勵(lì)閉環(huán)思路。
與設(shè)計(jì)相結(jié)合的播放體驗(yàn)優(yōu)化：梳理播放體驗(yàn)流程，記錄收聽(tīng)歷史、減少跳轉(zhuǎn)等。
體驗(yàn)交互流程：內(nèi)容、狀態(tài)、操作跳轉(zhuǎn)、反饋。
3. 建立增長(zhǎng)目標(biāo)
結(jié)合業(yè)務(wù)方期望：收聽(tīng)時(shí)長(zhǎng)提升、人數(shù)提升、轉(zhuǎn)化提提升，以及聚焦問(wèn)題后，列出優(yōu)先與影響最大值，我們針對(duì)不同階段建立數(shù)據(jù)增長(zhǎng)目標(biāo)值：
第一階段：播放器體驗(yàn)優(yōu)化，減少跳出率。聽(tīng)課時(shí)長(zhǎng)增長(zhǎng)30%，取聽(tīng)課中位數(shù)時(shí)長(zhǎng)。
第二階段：內(nèi)容架構(gòu)、展示聚合。
第三階段：提升活躍度。用戶激勵(lì)系列活動(dòng)提升入金轉(zhuǎn)化。
二、三階段目標(biāo)值：日均聽(tīng)課人數(shù)增長(zhǎng)50%，計(jì)算方式：取播放器平均值=天數(shù)／UV值總和。
五、網(wǎng)站建設(shè)APP開(kāi)發(fā)設(shè)計(jì)師溝通及協(xié)調(diào)資源
1. 增長(zhǎng)目標(biāo)值下的交叉溝通
挑戰(zhàn)來(lái)源1：現(xiàn)有業(yè)務(wù)邏輯如何在有限資源下重構(gòu)？
挑戰(zhàn)來(lái)源2：緊急與優(yōu)先級(jí)下的需求 list。
2. 資源協(xié)調(diào)：尋找關(guān)鍵人
（開(kāi)發(fā)資源、產(chǎn)品資源、運(yùn)營(yíng)資源關(guān)鍵人）當(dāng)我們帶著分析完的結(jié)果、聚焦后的問(wèn)題及解決方案思路，與業(yè)務(wù)建立明確的增長(zhǎng)目標(biāo)值后，在資源關(guān)鍵人上自然具有一定說(shuō)服力，并且得到相應(yīng)的支持與推進(jìn)。
那么，這個(gè)自下而上的推進(jìn)就照常進(jìn)展，接下來(lái)就是如何在設(shè)計(jì)中完善方案，分階段完善體驗(yàn)設(shè)計(jì)。
六、總結(jié)
在前一個(gè)月，我體驗(yàn)了關(guān)于創(chuàng)新設(shè)計(jì)思維工作坊的課程，通過(guò)腦爆、需求可行性、原型草圖等方法快速溝通方案，產(chǎn)生了很多有意思的方案。但是，在實(shí)際項(xiàng)目中，我發(fā)現(xiàn)尤其在 1-n 的產(chǎn)品過(guò)程中，很多公司工作流程、業(yè)務(wù)關(guān)鍵人、開(kāi)發(fā)資源、業(yè)務(wù)邏輯等等方面制約了設(shè)計(jì)師很多創(chuàng)新的閃光點(diǎn)，一些具有創(chuàng)意性的體驗(yàn)并不能順利進(jìn)展。這方面還是由于前期調(diào)研不足導(dǎo)致。
當(dāng)下，網(wǎng)站制作設(shè)計(jì)師在提升專業(yè)能力同時(shí)，需要往邊界探索，更清晰了解業(yè)務(wù)、邏輯、數(shù)據(jù)、商業(yè)模式、戰(zhàn)略等，驅(qū)動(dòng)設(shè)計(jì)方案落地產(chǎn)生最大化的商業(yè)價(jià)值，而不是純碎為了展示好看。
我們看到京東金融、蝦米等等做了很多以用戶為中心的價(jià)值主張的體驗(yàn)改版，具有一定的行業(yè)高度。我想，這不單單是設(shè)計(jì)師設(shè)計(jì)的結(jié)果，而是體現(xiàn)整個(gè)公司的價(jià)值主張，體現(xiàn)了戰(zhàn)略目標(biāo)轉(zhuǎn)化的結(jié)果。福田網(wǎng)站建設(shè)公司博納網(wǎng)絡(luò)編輯整理。
.jpg)
