作者從UI設(shè)計(jì)師的角度出發(fā)，對一次C端產(chǎn)品首頁改版進(jìn)行了復(fù)盤分析，希望額能幫助大家更好的完成首頁用戶改版，與大家分享。

一、前景

市場環(huán)境變化日益更新，更加的激烈，企業(yè)在市場環(huán)境下快速成長、更新迭代，市場消費(fèi)的升級，用戶需求的升級，讓我們在體驗(yàn)設(shè)計(jì)上更加注重以人為本，用戶第一。

今天這里主要講講UI設(shè)計(jì)師常規(guī)首頁（C端為主）改版的優(yōu)化方法論，希望能幫助大家更好的完成首頁改版優(yōu)化。

二、首頁改版常規(guī)問題

1. 首屏留存時(shí)間短暫，產(chǎn)品信息無尖叫點(diǎn)；
2. 2.3屏內(nèi)容表達(dá)同質(zhì)化（模塊層級趨同無差異化特色點(diǎn)），轉(zhuǎn)化率低迷；
3. 缺乏品牌基因；
4. 風(fēng)格落后，沒有當(dāng)下的流行趨勢。

三、常規(guī)方法論

層級處理：首屏簡潔突出重點(diǎn)信息，避免功能混亂，針對不同模塊業(yè)務(wù)性重點(diǎn)區(qū)分信息優(yōu)先級，突出優(yōu)秀的內(nèi)容引導(dǎo)用戶，與用戶情感共鳴，或者引起用戶尖叫點(diǎn)，提升留存。

層級處理：可以將信息卡片式整合，進(jìn)行信息框架排列，區(qū)分優(yōu)先級，方便設(shè)計(jì)引導(dǎo)用戶體驗(yàn)路徑。容器框架理解思路，框架信息突出Z軸越高，用戶焦點(diǎn)在前。

二三屏個(gè)性化差異、主題性、優(yōu)惠特賣等區(qū)分差異化層級，形成沉浸的瀏覽閉環(huán)，提升轉(zhuǎn)化率。

用戶在C端產(chǎn)品中更加注重體驗(yàn)層的感受，因此不能太過理性，可以考慮用戶角色的場景進(jìn)行流程考慮設(shè)計(jì)，選取感性的視覺模塊引導(dǎo)用戶，與其情感共鳴。

品牌基因的融合：頭部位置顏色或IP形象融入

京東

品牌色/LOGO表現(xiàn)形式等基因融入ICON中

愛奇藝

網(wǎng)易云音樂

新的設(shè)計(jì)趨勢學(xué)習(xí)融入：例如當(dāng)下的2020設(shè)計(jì)趨勢

黑暗模式：

大留白：

字體加粗：

品牌的融入：

柵格化布局：

微動(dòng)效：

3D：

明亮的色彩：

要不斷更新學(xué)習(xí)新的視覺趨勢融入我們的設(shè)計(jì)中來。這樣才是源頭活水取之不盡。

四、總結(jié)

改版設(shè)計(jì)我們需要兼顧業(yè)務(wù)、產(chǎn)品體驗(yàn)去設(shè)計(jì)，在產(chǎn)品鏈路的角度上全面考慮。權(quán)衡才能更加全面、實(shí)際、解決問題。

現(xiàn)在的方法論要靈活運(yùn)用，因地制宜，不可以死板套用，我們每次改版要在品牌基因上建立用戶的感知。提升產(chǎn)品模塊的個(gè)性差異化，增加吸引力，提升留存。

在我們以后的設(shè)計(jì)中我們要繼續(xù)從體驗(yàn)、產(chǎn)品、品牌、用戶場景上深度思考挖掘，深入打通產(chǎn)品的鏈路體驗(yàn)，為用戶提供更好的體驗(yàn)。用心做設(shè)計(jì)！

本文由 @阿韓設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議