中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

QQ個(gè)性化商城，基于目前手機(jī)QQ 7億+用戶的一個(gè)個(gè)性裝扮類商城，日活躍用戶也是千萬級(jí)別，是當(dāng)今年輕人不折不扣的喜愛之地。近年來從用戶數(shù)據(jù)反饋以及QQ用戶群體遷移上來看，個(gè)性化商城也同時(shí)面臨用戶群體收窄的危機(jī)。并且設(shè)計(jì)團(tuán)隊(duì)的多次轉(zhuǎn)變，也導(dǎo)致目前商城設(shè)計(jì)體驗(yàn)上不統(tǒng)一，對(duì)于目前現(xiàn)狀與難點(diǎn)，這也是我們這次改版的初衷。

一、項(xiàng)目背景

個(gè)性化商城是一個(gè)專注于QQ裝扮類的商城，在多達(dá)15個(gè)不同的裝扮類型的商城中，用戶對(duì)于整體瀏覽效率和內(nèi)容展示最為關(guān)心，關(guān)系著用戶的裝扮效率和裝扮時(shí)的心理感受。我們前期也對(duì)商城做了一定程度的用戶調(diào)研，希望通過對(duì)商城的一些調(diào)研數(shù)據(jù)，力求站在用戶痛點(diǎn)上進(jìn)行更多的思考與改進(jìn)。

二、從“產(chǎn)品目標(biāo)”中拓展設(shè)計(jì)思路

與產(chǎn)品團(tuán)隊(duì)的多次溝通，產(chǎn)品的目標(biāo)無疑就是“提高商城營收”&“拉高商城活躍”，設(shè)計(jì)團(tuán)隊(duì)根據(jù)產(chǎn)品目標(biāo)進(jìn)行推導(dǎo)，從而確立這次改版的設(shè)計(jì)目標(biāo)，并且在此基礎(chǔ)上不斷進(jìn)行方法論要點(diǎn)的細(xì)分，希望能根據(jù)產(chǎn)品目標(biāo)確立出明確的設(shè)計(jì)方向。

三、設(shè)計(jì)關(guān)鍵詞，決定著商城的改版方向

團(tuán)隊(duì)從設(shè)計(jì)目標(biāo)中進(jìn)行風(fēng)格探索，分別從“視覺、玩法、內(nèi)容”三個(gè)緯度進(jìn)行展開，提取出我們這次設(shè)計(jì)改版的關(guān)鍵詞，以“簡潔、有趣、專屬”為改版的核心，主要目的是讓用戶最便捷地找到最喜歡的裝扮。

四、輕量化便捷體驗(yàn)，讓用戶更專注于內(nèi)容

1. 大統(tǒng)一商城操作體驗(yàn)，讓裝扮更有效率

我們縱觀商城模塊布局，單個(gè)專區(qū)內(nèi)容展現(xiàn)太少，用戶難以看到專區(qū)更多分類與內(nèi)容，且15個(gè)裝扮類型子商城，每一個(gè)的操作邏輯也各有差異。我們結(jié)合目前ux主流操作，在原架構(gòu)上進(jìn)行體驗(yàn)統(tǒng)一與優(yōu)化，加入了“橫滑”和“瀑布流”的操作體驗(yàn)。

在專區(qū)加入橫滑，通過手勢操作解決“內(nèi)容查看太少”的問題，且下滑時(shí)也能展示更多其他模塊，豐富商城展示種類；用戶下滑瀏覽時(shí)，也能隨時(shí)快速查看瀏覽過的內(nèi)容，讓用戶瀏覽裝扮時(shí)更有效率。

加入“瀑布流”操作，主要是針對(duì)目前商城更注重“大數(shù)據(jù)反饋”的策略，能夠利用瀑布流式的大量內(nèi)容推薦，不斷加載持續(xù)更新，并根據(jù)用戶的裝扮喜好與習(xí)慣進(jìn)行推薦，從而擊中用戶的喜愛。

2. 簡化多余信息，減輕用戶閱讀疲勞

1）統(tǒng)一商城item基礎(chǔ)尺寸

承載了15個(gè)裝扮樣式的平臺(tái)上，他們尺寸樣式上也是各有不同，具體尺寸多達(dá)11個(gè)以上，導(dǎo)致整體視覺上雜亂，且每一個(gè)item之間的過于緊湊，增加了用戶瀏覽時(shí)的視覺壓力。我們根據(jù)商城15個(gè)裝扮類型進(jìn)行分類，可以整合歸類為2個(gè)尺寸，一個(gè)是正方形，一個(gè)是長條形。

標(biāo)準(zhǔn)尺寸數(shù)值上，我們根據(jù)近幾年個(gè)性化用戶使用的手機(jī)分辨率排名，發(fā)現(xiàn)有80％以上的用戶手機(jī)分辨率是16：9的樣式，而我們長條形尺寸的裝扮類型，例如“主題”“背景”等，他們的使用場景，都是以充滿全屏的形式而出現(xiàn)，同時(shí)也考慮到放置在展現(xiàn)上，希望與用戶使用后的真實(shí)尺寸保持一致，使用16：9的還原比例，保持“縮略圖”最初衷的存在意義。

2）整體界面布局優(yōu)化

在首頁的整體風(fēng)格上，我們更偏向于簡潔，給予界面更多留白呼吸的空間，減輕用戶瀏覽時(shí)的心里壓力。簡化多余信息，把注意力集中到裝扮item之中，并且縮減banner運(yùn)營推薦位數(shù)量，從而提高用戶瀏覽專注度。

3）item樣式統(tǒng)一

為了更好突出場景中item的有效性，調(diào)整了3個(gè)基礎(chǔ)的裝扮樣式。例如在首頁中，希望用戶感受到的是豐富多樣的內(nèi)容，讓用戶繼續(xù)保持著一個(gè)繼續(xù)瀏覽的欲望，從而拉高商城活躍，所以選中樣式A&樣式C。而在子商城中裝扮樣式的選擇，選用了“強(qiáng)調(diào)裝扮效率”的帶按鈕樣式。因?yàn)樽由坛鞘醉?，用戶?huì)更帶著一種“裝扮目的性”的心態(tài)進(jìn)入頁面，所以在item樣式中，更偏向裝扮樣式B。

3. 建立用戶愉悅的心情，更加友好

我們將界面中原有的方形item增加了圓角概念，讓人視覺感受上更加友好、親切。并且圓角具有更強(qiáng)的內(nèi)指向性，可以更好地襯托出item內(nèi)的裝扮內(nèi)容；而且在圓角的襯托下，更加清楚分辨item的邊界，使裝扮的呈現(xiàn)更加清晰。

對(duì)于圓角的取值上也作了足夠的思考，結(jié)合商城特性，item內(nèi)需承載的其他內(nèi)容信息眾多，圓角太大會(huì)影響邊角信息的呈現(xiàn)，所以我們在圓角選取上，采用QQ8.0設(shè)計(jì)規(guī)范中定義的8px的軟柵格系統(tǒng)，意思是“以8px為單位，來規(guī)范元素的尺寸與間距”。在極端情況下使用6px圓角。

并且我們把圓角的理念，延展到標(biāo)簽的統(tǒng)一設(shè)計(jì)中，并且對(duì)于長短不一的item信息重新歸類，清晰分成4個(gè)尺寸樣式，把控商城視覺上的統(tǒng)一。

4. 打破常規(guī)，構(gòu)建有節(jié)奏的視覺體驗(yàn)

這次改版的布局規(guī)范規(guī)劃中，我們也希望能讓用戶燃起對(duì)商城的新鮮感，并且對(duì)“舊素材”的復(fù)用上，不斷思考著用什么展示形式能更吸引用戶進(jìn)行點(diǎn)擊裝扮。所以在正常的模塊組合形式上，加入了兩個(gè)個(gè)性化的特殊模塊，分別是“精品套裝”和“新品嘗鮮”這兩個(gè)專區(qū)。

“精品套裝”的方式是利用套裝主題的形式，將一些新裝扮與舊裝扮進(jìn)行合并展示，并以這種新鮮的組合方式，讓用戶看到新裝扮的同時(shí)，也能發(fā)現(xiàn)一些“遺忘的寶藏”。

“新品嘗鮮”是以裝扮的“基礎(chǔ)尺寸”進(jìn)行等比例的拓展組合，提高視覺豐富度的同時(shí)，讓用戶瀏覽時(shí)更有富有節(jié)奏感。并在橫滑的形式上，若隱若現(xiàn)的內(nèi)容呈現(xiàn)，勾起用戶不斷右滑的欲望。

底部的“猜你喜歡”模塊，是根據(jù)目前個(gè)性化商城的用戶裝扮行為進(jìn)行分析，以瀑布流的形式不斷續(xù)地拉取內(nèi)容進(jìn)行推薦，豐富整個(gè)商城的內(nèi)容模塊的同時(shí)，也能給用戶推薦專屬的裝扮類型。

五、強(qiáng)化品牌趣味性，讓商城處處埋藏著驚喜

對(duì)于商城品牌切入點(diǎn)的思考中，我們是希望用戶在瀏覽個(gè)性化商城時(shí)，是保持著一股輕松的心情，不斷在商城中探索著不同的驚喜，并且隨時(shí)找到屬于自己專屬的裝扮。因此在品牌關(guān)鍵詞上，凸顯的是“輕松自由，探索驚喜，趣味十足，專屬個(gè)性”。

1. 圖標(biāo)趣味化，讓商城更耐人尋味

圖標(biāo)是用戶進(jìn)入商城后最直觀的圖形，最能夠表達(dá)出整個(gè)商城的風(fēng)格。在整體icon的重塑中，對(duì)舊icon進(jìn)行品牌趣味性優(yōu)化，例如“字體”tab，把舊版籠統(tǒng)的字母A，加入行星光環(huán)，在保持原來辨識(shí)度的同時(shí)，又能凸顯品牌趣味性。

在圖形的整體風(fēng)格上，通過塊面化的形式，以及大圓弧和小圓角的細(xì)節(jié)處理，統(tǒng)一商城設(shè)計(jì)語言。而且在主icon上，加入觸碰反饋的動(dòng)畫呈現(xiàn)，給商城帶來更多小驚喜。

2. 結(jié)合趣味性小設(shè)計(jì)，提高用戶對(duì)功能入口的熱情

團(tuán)隊(duì)在思考“趣味”的設(shè)計(jì)時(shí)，不希望只是在視覺的呈現(xiàn)上變得有趣，而是希望用戶在操作和使用的過程中，也能感受到“趣味”，并且希望運(yùn)用“趣味”來提高用戶點(diǎn)擊的熱情，讓冷冰冰的功能入口變得生動(dòng)有趣。所以我們選擇了首頁固底的“會(huì)員開通入口”進(jìn)行改造，這無疑也是個(gè)性化商城的整個(gè)營收的C位。

我們在原來的“續(xù)費(fèi)按鈕”樣式中進(jìn)行了優(yōu)化嘗試，加入了3d的視覺元素來凸顯整體的品牌感；把原來靜態(tài)的按鈕方式，賦予了出場的動(dòng)效設(shè)計(jì)，讓整體視覺體驗(yàn)上更加生動(dòng)；且當(dāng)用戶觸碰SVIP形象時(shí)給到動(dòng)作反饋，增強(qiáng)與用戶的互動(dòng)。

在不斷的用戶調(diào)研的過程中，我們對(duì)整體的視覺與互動(dòng)方式進(jìn)行了調(diào)整與迭代，經(jīng)過多次的嘗試后，考慮到要符合性能條件、視覺美觀等條件下，最終選中了一個(gè)用戶喜愛度最高的按鈕方案，并且開通按鈕的開通轉(zhuǎn)化率顯著提高了不少，反應(yīng)出用戶對(duì)新版設(shè)計(jì)的認(rèn)可。

六、重視商城視覺運(yùn)營，讓用戶對(duì)商城保持“新鮮感”

在模塊的基礎(chǔ)架構(gòu)上，我們添加了運(yùn)營類專區(qū)模塊，根據(jù)運(yùn)營側(cè)重點(diǎn)進(jìn)行視覺強(qiáng)化，從而達(dá)到區(qū)分其他模塊的效果，使用戶在瀏覽頁面時(shí)的視覺表現(xiàn)上，不增加用戶閱讀難度的同時(shí)增強(qiáng)視覺節(jié)奏感。

七、設(shè)計(jì)過程中需不斷自我反思

全新的個(gè)性化商城已經(jīng)逐漸展現(xiàn)在大家的面前，對(duì)于用戶數(shù)據(jù)的反饋也得到了很大的提升，對(duì)于走在改版的道路上的我們，這是一個(gè)很好的定心丸。團(tuán)隊(duì)也在不斷關(guān)注用戶反饋與數(shù)據(jù)間的變化，大家的意見也會(huì)給予我們更好的方向。

QQ個(gè)性化商城將一直服務(wù)于用戶，不斷聆聽用戶需求，永不停下體驗(yàn)探索的腳步。團(tuán)隊(duì)也會(huì)繼續(xù)保持著匠人精神，保持對(duì)行業(yè)的高度熱愛，從而繼續(xù)打造用戶喜歡的平臺(tái)，大家繼續(xù)關(guān)注我們吧。歡迎大家掃碼體驗(yàn)全新QQ個(gè)性化商城。

作者：ISUX設(shè)計(jì)部

來源：https://mp.weixin.qq.com/s/VNZy8eYesxvLaOIBU7CRQQ

本文由 @騰訊ISUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自騰訊ISUX官網(wǎng)