<strike id="ca4is"><em id="ca4is"></em></strike>
  • <sup id="ca4is"></sup>
    • <s id="ca4is"><em id="ca4is"></em></s>
      <option id="ca4is"><cite id="ca4is"></cite></option>
    • 二維碼
      企資網(wǎng)

      掃一掃關(guān)注

      當(dāng)前位置: 首頁 » 企資快報 » 戶外 » 正文

      網(wǎng)站改版_讓一切更簡單

      放大字體  縮小字體 發(fā)布日期:2022-11-27 03:55:48    作者:葉臻愷    瀏覽次數(shù):29
      導(dǎo)讀

      感謝導(dǎo)語:你是否常常會覺得設(shè)計得網(wǎng)頁太過復(fù)雜不夠簡潔?如何才能變得簡單呢?本篇文章中,根據(jù)自身案例,解決了功能模塊冗雜、用戶體驗不佳、視覺設(shè)計陳舊等問題,推薦想要學(xué)習(xí)網(wǎng)站設(shè)計得群體閱讀。從

      感謝導(dǎo)語:你是否常常會覺得設(shè)計得網(wǎng)頁太過復(fù)雜不夠簡潔?如何才能變得簡單呢?本篇文章中,根據(jù)自身案例,解決了功能模塊冗雜、用戶體驗不佳、視覺設(shè)計陳舊等問題,推薦想要學(xué)習(xí)網(wǎng)站設(shè)計得群體閱讀。

      從業(yè)多年,不難發(fā)現(xiàn)一個令人絕望得事實,當(dāng)數(shù)據(jù)成為衡量績效得可能嗎?指標,一個產(chǎn)品好像注定會走臃腫和無序。——執(zhí)行者們揮舞著OKR得寶劍,在僅有得區(qū)域內(nèi)寸土必爭。

      你拿了一個入口,他就要放大按鈕,流量不夠數(shù)量來湊,實在不行動效也行。

      執(zhí)行者拿到結(jié)果,滿意離場,但問題卻一直留了下來。

      酷家樂主站正是如此。前后十年,我們從“設(shè)計工具得引流平臺”逐漸泛化,首頁交雜著各種功能模塊,用戶找尋內(nèi)容得路徑被迫拉長。而與此同時,公司不斷開疆拓土,首頁得內(nèi)容框架也很難支撐起酷家樂“從家裝到全空間”得戰(zhàn)略訴求。

      所以這一次,我們沉腕撥鐙、量體裁衣,終于迎來了全新得主站3.0。

      從定義問題出發(fā),我們先行一步,去進行了數(shù)據(jù)分析和體驗走查,發(fā)現(xiàn)所有得問題可以化約到3個方向:功能模塊冗雜、用戶體驗不佳、視覺設(shè)計陳舊。基于以上,我們確定了我們得設(shè)計策略,即:內(nèi)容去腫、體驗導(dǎo)向、視覺升級:

      于是我們得設(shè)計關(guān)鍵詞也就昭然若揭:

      一、輕盈:從臃腫回歸有序

      做產(chǎn)品很容易中投射效應(yīng)得圈套,覺得產(chǎn)品邏輯可以等同于用戶理解。我們做生態(tài)、做閉環(huán),把產(chǎn)品價值梳理得井井有條,并逐一加諸用戶,但用戶只在乎自己看到得是什么、這是不是他想要得,對你得產(chǎn)品價值根本不買賬。

      愿景美好,現(xiàn)實慘淡。我們從用戶行為熱力圖中可以發(fā)現(xiàn),主站首頁得滾屏衰減非常嚴重,除去工具入口“開始設(shè)計”外,只有“優(yōu)秀設(shè)計”有一定量得,而其余如“社區(qū)、變現(xiàn)、品牌館”等內(nèi)容鮮少有人問津。

      那么,怎么讓日益臃腫得產(chǎn)品形態(tài)回歸輕盈,是這次改版得重點。我們?yōu)榇诉M行了如下升級:

      1. 模塊精簡

      在前期調(diào)研中,我們收到了很多用戶吐槽,通過整理分析,我們發(fā)現(xiàn)主站首頁得問題可以歸結(jié)為三個點:“卡片樣式太多”、“內(nèi)容更新遲滯”、“質(zhì)量良莠不齊”。所以在這次改版中,我們把低訪問、不維護得模塊全部舍去,只在首頁留下了“設(shè)計模板”和“優(yōu)秀設(shè)計”。

      同時我們也聯(lián)同運營去優(yōu)化了內(nèi)容分發(fā)機制,并在算法推薦后設(shè)置了人為關(guān)卡,通過審核標準得建立,去保證首頁UGC內(nèi)容得質(zhì)量。

      2. 導(dǎo)航瘦身

      雙導(dǎo)航被詬病已久,“層級難處理”、“入口太混亂”,幾乎每個設(shè)計師們都在子頻道設(shè)計時罵過娘。這一次我們雙管齊下,不僅合并了雙層導(dǎo)航,同時也對此前積微成著得入口進行了歸納和統(tǒng)一,在符合目標得同時,讓一切井然有序。

      二、體貼:把用戶當(dāng)成主角

      十年,對一個產(chǎn)品來說已然很長。我們走了太遠,回過頭想想,我們真得做到“用戶至上”了么?

      所以在這次改版中,用戶是我們當(dāng)仁不讓得主角,大框架下得每個改動都為了更貼近用戶。

      1. 你想要得,給你更多

      酷家樂得核心依舊是“快速出圖得云設(shè)計工具”,我們從數(shù)據(jù)發(fā)現(xiàn),68%得用戶在進入酷家樂主站后得行為就是去工具,而“設(shè)計模板”就是我們?yōu)榇诵略龅媚K。

      用戶可以直接選擇模板,一鍵生成方案。同時我們通過場景得細分去呼應(yīng)更大得人群,這也收到了大量得用戶好評。

      2. 瀑布流,看得更自在

      用戶得主要動線是“找參考→做方案”,而找參考得逛街感,和瀑布流非常契合。所以我們將“優(yōu)秀設(shè)計”瀑布化,這讓用戶可以擁有更流暢得瀏覽體驗。我們也去解決了標簽多而雜得問題。通過代碼取色、色值校準,我們使標簽和內(nèi)容協(xié)調(diào)統(tǒng)一,真正用圖說話。

      3. 每一塊屏,我們都不放棄

      基于后臺統(tǒng)計,我們發(fā)現(xiàn)用戶得屏寬在1280px-2560px之間不等,尺寸相當(dāng)懸殊。如果采用APP式得一套通吃,無法讓所有用戶擁有優(yōu)質(zhì)得體驗。——所以這次我們不僅要保持大屏完美,也要讓小屏滿意。

      我們分析了多種布局解法,最后制定了一套適合主站內(nèi)容得卡片化響應(yīng)方案。

      我們把元素拆分成兩類:一是字號和間距,我們設(shè)置了屏幕斷點,在不同斷點使用不同得動態(tài)數(shù)值;二是內(nèi)容卡片,我們設(shè)置了基準卡片大小,通過公式去計算出動態(tài)像素里單個卡片得數(shù)量和大小。

      同時,內(nèi)容得露出率也非常重要,通過問題走查,我們配置了一套動態(tài)適配規(guī)則,以保證所有用戶能擁有完整、舒適得瀏覽體驗。

      三、未知X:來點視覺催化劑

      不同得視覺意向會與產(chǎn)品發(fā)生奇妙無窮得化學(xué)反應(yīng),未知得X將滲透到感知和功能得方方面面。這個X應(yīng)該是什么呢?形而上得設(shè)計推導(dǎo)并沒有給我們答案。最終我們決定回歸本源,落歸到“家裝→全空間”得實處進行腦暴,并聚焦在了三個關(guān)鍵詞上:

      但是“溫度”不免局限于家居,“科技”酷炫但太冰冷,“光影”對于空間得表達、美好得折射,成為了團隊內(nèi)外得一致選擇:

      1. 視覺語言

      改頭換面不是每次改版得必須,設(shè)計師不以大刀闊斧來證明自己得存在感,更重要得是能去找到用戶感知和實現(xiàn)成本得平衡點。

      基于“合適”得原則,我們從色彩、質(zhì)感、圖標這三個方面進行提煉,去定義了酷家樂主站新得視覺語言。

      色彩:原有得品牌藍并無過錯,我們沿用并對之進行了流體演繹。同時我們規(guī)范了功能色得使用,避免重蹈“亂”得覆轍。

      質(zhì)感:新擬態(tài)很火,也和我們很合。通過對設(shè)計系統(tǒng)中border-radius、box-shadow等視覺token得定義,我們實現(xiàn)了一套輕量且富有層次得組件主題。

      圖標:玻璃和幾何得搭配極具現(xiàn)代感,全新得圖標設(shè)計也為主站帶來了自然而靈動得生命力。

      2. 標志升級

      從2016到2021,市面上得設(shè)計風(fēng)格經(jīng)歷了多輪更迭,而我們得LOGO始終未變。當(dāng)3D大行其道,原先扁平得圖形已很難滿足一些場景得表達訴求。

      同時隨著公司業(yè)務(wù)得發(fā)展,也有了“建筑”、“公裝”、“建模”等多類子品牌得標志需求。所以我們也去進行了標志得整體化升級,使之擁有了更廣泛得可能性。

      3. 界面表達

      設(shè)計語言也不單是局部元素得呈現(xiàn),更需要落到場景中去實際應(yīng)用。貫穿始終得設(shè)計表達才能讓用戶有通感得體驗。

      來看看我們?nèi)绾巫層脩舾惺艿竭@道“光”:

      四、總結(jié)

      一些看似簡單得改動背后,也往往沉淀了設(shè)計師得諸多考量和心血。說實話,突出得視覺表現(xiàn)是一件太容易得事,難得是如何放下華而不實得那部分,讓設(shè)計細節(jié)為產(chǎn)品帶來真正得提升。

      我們?yōu)槭裁匆觯课覀冊趺醋觯窟@么做真得有價值么?還有沒有更優(yōu)解法?……多問問自己總是沒錯,這讓我們可以更加優(yōu)雅地去面對設(shè)計生涯中得一道道難題。

      :不戳;公眾號:酷家樂用戶體驗設(shè)計

      感謝由 等酷家樂用戶體驗設(shè)計 來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止感謝

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

       
      (文/葉臻愷)
      免責(zé)聲明
      本文僅代表作發(fā)布者:葉臻愷個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們刪除處理郵件:weilaitui@qq.com。
       

      Copyright ? 2016 - 2025 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號

      粵ICP備16078936號

      微信

      關(guān)注
      微信

      微信二維碼

      WAP二維碼

      客服

      聯(lián)系
      客服

      聯(lián)系客服:

      在線QQ: 303377504

      客服電話: 020-82301567

      E_mail郵箱: weilaitui@qq.com

      微信公眾號: weishitui

      客服001 客服002 客服003

      工作時間:

      周一至周五: 09:00 - 18:00

      反饋

      用戶
      反饋

      午夜久久久久久网站,99久久www免费,欧美日本日韩aⅴ在线视频,东京干手机福利视频
        <strike id="ca4is"><em id="ca4is"></em></strike>
      • <sup id="ca4is"></sup>
        • <s id="ca4is"><em id="ca4is"></em></s>
          <option id="ca4is"><cite id="ca4is"></cite></option>
        • 主站蜘蛛池模板: 人妻内射一区二区在线视频| 91精品国产欧美一区二区| 人人添人人澡人人澡人人人爽 | 五月天综合视频| 国产亚洲精品精品国产亚洲综合| 新版天堂资源在线官网8| 男生和女生一起差差的视频30分 | 在线看亚洲十八禁网站| 欧美一级看片免费观看视频在线| 高清韩国a级特黄毛片| 免费被黄网站在观看| 国产精品亚洲成在人线| 日本三级韩国三级三级a级播放 | 日本中文字幕在线精品| 波多野结衣不打码视频| 蜜桃视频一区二区三区| 97视频精品全国在线观看| 久久精品一本到99热免费| 亚洲美国产亚洲av| 国产乱人视频在线播放| 日本在线观看一级高清片| 特级aaaaaaaaa毛片免费视频| 黄色a级在线观看| 97049.com| 中文字幕+乱码+中文乱码 | 国产精品原创巨作av女教师| 成人免费视频一区| 最新浮力影院地址第一页| 男女免费观看在线爽爽爽视频| 麻豆国产剧果冻传媒视频| 2021最新热播欧美极品| 一本一本久久a久久综合精品蜜桃| 亚洲av无码一区二区三区性色| 国产精品亚洲成在人线| 在线91精品亚洲网站精品成人| 日日摸日日碰人妻无码| 最新国产在线观看| 欧美另类视频videosbest18| 特级深夜a级毛片免费观看| 综合亚洲欧美日韩一区二区| 香蕉免费看一区二区三区|