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

一、前景

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

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

二、首頁(yè)改版常規(guī)問(wèn)題

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

三、常規(guī)方法論

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

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

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

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

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

京東

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

愛(ài)奇藝

網(wǎng)易云音樂(lè)

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

黑暗模式：

大留白：

字體加粗：

品牌的融入：

柵格化布局：

微動(dòng)效：

3D：

明亮的色彩：

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

四、總結(jié)

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

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

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

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

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