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

如何準(zhǔn)確描述自己的設(shè)計(jì)，這個(gè)問題困擾了我很久。這篇文章希望通過回溯淘小鋪2.1項(xiàng)目的整個(gè)設(shè)計(jì)過程，從另一個(gè)角度，嘗試解答這個(gè)問題。

這篇文章原本的標(biāo)題是“小鋪2.1用戶分層引導(dǎo)項(xiàng)目設(shè)計(jì)總結(jié)”，我剛在筆記本里敲下這行標(biāo)題，手機(jī)淘寶UED的顏值帝奇維，突然出現(xiàn)在我身后：標(biāo)題太low了。我一回頭，他已經(jīng)飄走了。數(shù)學(xué)好的同學(xué)可以計(jì)算下我當(dāng)時(shí)的心理陰影面積。然后，然后標(biāo)題就變成了現(xiàn)在大家看到的這個(gè)，是不是頗具神秘主義色彩，還有一丟丟黑絲幽默。

對于設(shè)計(jì)師來說，準(zhǔn)確描述自己的設(shè)計(jì)不是件容易的事，尤其是視覺設(shè)計(jì)師。經(jīng)常能遇到這樣的情況，產(chǎn)品經(jīng)理或者運(yùn)營旺旺你：患患，有一個(gè)項(xiàng)目很緊急，最好今天能出稿，不行明天一早發(fā)我也行。大概的需求是這樣這樣這樣的，交互是這樣這樣這樣的，沒問題吧？你表示有問題：時(shí)間這么趕肯定搞不完！但是第二天一早，你還是發(fā)出去一封初稿郵件。對于絕大多數(shù)視覺設(shè)計(jì)師來說，短時(shí)間內(nèi)產(chǎn)出一個(gè)看起來不錯的設(shè)計(jì)稿并不難，如果時(shí)間充裕，你還能把稿子做得再屌一點(diǎn)。

但是，為什么產(chǎn)出的設(shè)計(jì)稿是這樣的而不是那樣的？是什么東西讓整個(gè)設(shè)計(jì)變成最后看到的樣子？為什么你要用這個(gè)顏色？如果業(yè)務(wù)方或者你的老板、又或是你自己提出這些疑問，你會怎么回答？視覺設(shè)計(jì)師們應(yīng)該如何用別人能夠理解和信服的邏輯說清楚自己的設(shè)計(jì)思路和決策，而不是“這樣美那樣丑”“某應(yīng)用就是這樣處理的”“之所以這么設(shè)計(jì)，來自于我，一個(gè)資深圖層拖動師敏銳的嗅覺和自我修養(yǎng)”。

今年七月底八月初的時(shí)候，用研、設(shè)計(jì)師、產(chǎn)品、運(yùn)營同學(xué)一起做了一輪針對”小鋪新賣家低活躍因素分析”的調(diào)研。這次調(diào)研的主要目的：

1. 收集小鋪新賣家在產(chǎn)品使用過程中遇到的問題；
2. 將規(guī)劃中的產(chǎn)品介紹給新賣家，看新賣家是否有相應(yīng)需求；
3. 設(shè)計(jì)師帶去了新版的首頁和商品極簡發(fā)布功能的演示demo，希望得到新賣家的反饋意見；

調(diào)研現(xiàn)場

這次調(diào)研收獲很多。調(diào)研之前，我們覺得步驟繁多的“實(shí)名認(rèn)證”和“支付寶開店認(rèn)證”是兩個(gè)大門檻，肯定會給用戶帶來很大麻煩，但是調(diào)研下來發(fā)現(xiàn)：對于真正想開店的賣家來說，這兩個(gè)認(rèn)證流程并不復(fù)雜，反而覺得是有必要的。

調(diào)研之前，我們認(rèn)為小鋪發(fā)布商品的表單需要填的項(xiàng)目太多了，用戶一定希望能夠更快速的發(fā)布商品，于是我們設(shè)計(jì)了商品極簡發(fā)布功能：只要上傳1張商品圖片，填寫標(biāo)題、價(jià)格、庫存、郵費(fèi)就可以完成商品發(fā)布。我們給受訪新賣家演示這個(gè)功能的時(shí)候，有賣家表示發(fā)布商品的時(shí)候填寫的信息越少，后期買家詢單時(shí)候的工作量就越大。并且，商品信息填的越少，意味著這個(gè)商品在前臺展示、能被用戶看到的機(jī)會也越小，當(dāng)受訪賣家得知通過極簡發(fā)布功能發(fā)布的商品可能無法被主搜搜索到時(shí)，幾乎所有受訪賣家都表示會選擇使用之前那個(gè)看起來較繁瑣的商品發(fā)布功能。

左為“極簡發(fā)布”界面，右為“傳統(tǒng)發(fā)布”界面

這兩個(gè)case告訴我們，設(shè)計(jì)不是一廂情愿的事情，你要知道你是在為誰做設(shè)計(jì)。珍惜和用戶面對面的機(jī)會。他們能助你發(fā)現(xiàn)問題，還能幫你厘清設(shè)計(jì)中可能存在的問題，因?yàn)闊o論你覺得自己產(chǎn)出的設(shè)計(jì)方案精妙到多么無懈可擊，最后的使用者是他們。雖然有的時(shí)候，我們言必稱“用戶”，但我們并沒有如我們想象得那么了解他們。

這次調(diào)研我們發(fā)現(xiàn)兩個(gè)主要問題：

1.?新賣家不知道如何使用小鋪。

小鋪首頁提供了很多功能入口，一期上線的時(shí)候有6個(gè)功能入口，二期上線的時(shí)候增加到了10個(gè)，陸續(xù)還有新的功能正在開發(fā)測試當(dāng)中。就跟開始讀一本書一樣，開頭的幾頁總是最難讀的。剛從買家身份轉(zhuǎn)變成賣家身份的新賣家，不清楚每個(gè)功能具體有什么用，不知道應(yīng)該在什么時(shí)候使用什么功能。

2.?新賣家不知道如何獲取流量。

無論是天貓商城里的旗艦賣家，還是淘寶集市里的芝麻小店，獲取流量對他們來說就跟吃飯睡覺一樣重要。雖然受訪的賣家開店時(shí)間都不長，但幾乎所有人都表現(xiàn)出了對流量獲取的渴望和迷茫。渴望是因?yàn)橹懒髁康闹匾?，迷茫是因?yàn)椴恢缿?yīng)該怎么去做。

這兩個(gè)問題在數(shù)據(jù)上面得到了證實(shí)：使用基礎(chǔ)功能的新賣家居多，數(shù)量很少的新賣家在使用營銷推廣、店鋪裝修、發(fā)布微淘等優(yōu)化推廣店鋪的功能。

忍不住要引用某位非著名設(shè)計(jì)師的話：找到了問題，你的設(shè)計(jì)就成功了一半。如果你想和一個(gè)妹紙談一場驚世駭俗的戀愛，首先要做的，就是找到這個(gè)妹紙內(nèi)心最柔軟的地方。找到了問題，接著要做的就是解決它：

1.?我們需要優(yōu)化現(xiàn)有頁面的信息結(jié)構(gòu)，讓它們看起來更容易理解。

很多時(shí)候，界面設(shè)計(jì)師做的事情是收納，屏幕是你家臥室的衣柜，屏幕上出現(xiàn)的所有界面元素是你剛從陽臺收回來的衣物。你打開衣柜，把疊好的衣物分門別類，放到對應(yīng)的格子和抽屜里。外套掛這個(gè)格子，毛衣襯衫掛這個(gè)格子，第一個(gè)抽屜是領(lǐng)帶，第二個(gè)抽屜是內(nèi)褲和襪子，第三個(gè)抽屜是女朋友的性感睡衣，第四個(gè)抽屜是給女朋友充氣的充氣筒。收納的目的，除了讓你的衣柜看起來干凈整齊、賞心悅目，更重要的是，它能讓你方便、快速地找到你要用的東西。界面設(shè)計(jì)的目的也是一樣。

我們對小鋪首頁做了一些調(diào)整：

（1） 我們將首頁的功能入口做了布局上的劃分：根據(jù)產(chǎn)品的需要結(jié)合賣家的使用習(xí)慣分成了兩個(gè)區(qū)塊：第一個(gè)區(qū)塊是基礎(chǔ)功能，第二個(gè)區(qū)塊是高階功能。目的是讓用戶感知到兩個(gè)區(qū)塊的功能是有所區(qū)別的，并不是每一個(gè)功能看上去都是一樣重要的。

（2）我們將首頁的功能入口做了色彩上的歸類：相似屬性的功能圖標(biāo)會定義使用同一種顏色：比如商品屬性的如發(fā)布商品、商品管理等功能使用一樣的橙色，官方規(guī)則和幫助屬性的如客服中心、小鋪學(xué)院等功能使用一樣的綠色，數(shù)據(jù)相關(guān)的如生意參謀、數(shù)據(jù)報(bào)表等功能使用一樣的藍(lán)色。色彩歸類能將復(fù)雜的界面按照色彩的維度劃分區(qū)塊，使得界面的邏輯性和結(jié)構(gòu)性更強(qiáng)。

設(shè)計(jì)師們應(yīng)該都知道“視覺感知的格式塔原理”：我們的視覺系統(tǒng)會自動對輸入的視覺信息進(jìn)行結(jié)構(gòu)化處理，因?yàn)檫@樣更易于記憶和理解。無論是布局上區(qū)塊劃分，還是色彩的歸類，都是為了用戶在看到界面的時(shí)候能夠輕易找到規(guī)律并進(jìn)行結(jié)構(gòu)化處理。這有點(diǎn)像玩拼圖，片數(shù)越多，結(jié)構(gòu)越復(fù)雜，還原整個(gè)畫面越難。相反，片數(shù)越少，結(jié)構(gòu)越簡單，就很容易拼好。

?小鋪2.1新版首頁

我們也對營銷推廣頁面做了一些調(diào)整。

?舊版營銷推廣頁和幾個(gè)主要營銷工具的數(shù)據(jù)表現(xiàn)

賣家渴望流量，而營銷推廣頁面中有可以為他們帶來流量的功能，但是用的人卻很少。這就好比你的單身朋友一直抱怨找不到女朋友，可他的周圍卻明明就有很多優(yōu)質(zhì)的單身妹紙，更有幾個(gè)還對他有好感。這不科學(xué)。撇開產(chǎn)品策略上某些營銷工具可能存在使用門檻的問題，我們還是希望從設(shè)計(jì)上做一些調(diào)整，能讓更多的賣家去嘗試使用營銷推廣工具推廣自己的店鋪。

雖然第一版的設(shè)計(jì)我們在布局上做了區(qū)域劃分，但從用戶的反饋的數(shù)據(jù)上表現(xiàn)來看，這顯然不夠。還是要舉收納的栗子：衣柜里，你的所有衣物都分門別類放在對應(yīng)的格子里，但有時(shí)候你還是會找不到要穿的襪子。為什么會這樣？

一個(gè)原因，是放領(lǐng)帶的抽屜和放襪子的抽屜，看上去都長一樣——營銷推廣頁面中營銷工具的“圖標(biāo)”＋“標(biāo)題”列表展示樣式太過單一，官方的營銷工具和第三方的營銷工具看起來是一樣重要的。尤其是當(dāng)功能眾多的時(shí)候，賣家無法分辨哪個(gè)功能更加重要。

另外一個(gè)重要的原因，是大多數(shù)的時(shí)候，把衣服放進(jìn)柜子的人并不是你自己，而是你的女友或者老婆——用戶“衣柜”里的“衣物”不是用戶自己放的，而是設(shè)計(jì)師決定的，因此，當(dāng)你的用戶不知道你設(shè)計(jì)的列表頁面里每個(gè)功能具體能做什么的時(shí)候，設(shè)計(jì)師需要像每個(gè)貼心的女友會在每一個(gè)收納盒上貼上標(biāo)簽提醒粗心的男友哪個(gè)抽屜放的是他的領(lǐng)帶哪個(gè)抽屜放的是襪子一樣：在必要的時(shí)候，給每一個(gè)功能加上相應(yīng)的提示。

我們開始調(diào)整營銷推廣頁面：

（1）通過調(diào)整功能區(qū)的大小，加大每一個(gè)營銷工具的顯示區(qū)域，將使用率較低的第三方工具折疊顯示，讓賣家一進(jìn)到這個(gè)頁面能知道哪些內(nèi)容重要、哪些內(nèi)容次之，而不是每塊內(nèi)容看起來都一樣重要。

（2）我們給每個(gè)重要的營銷工具加上了相應(yīng)的提示，告訴賣家這個(gè)工具能給他的店鋪帶來什么。對于新賣家來說，不必對著眾多的功能，而不知道該從何下手。

?調(diào)整后的營銷推廣頁面

2.我們需要一個(gè)賣家成長鏈路的引導(dǎo)方案，讓賣家知道應(yīng)該如何正確使用小鋪。

提到引導(dǎo)方案，我們很容易想到在產(chǎn)品啟動的時(shí)候，以幻燈片的方式輪播精心設(shè)計(jì)過的產(chǎn)品功能介紹圖，或者滿屏顯示黑色半透明絲襪，呃，是黑色半透明遮罩，上面畫著幾個(gè)沖著不同方向的長尾巴箭頭，每一個(gè)箭頭對應(yīng)某個(gè)功能的說明文字。為了表現(xiàn)出這些說明文字是帶有情感的，設(shè)計(jì)師會選擇使用手寫字體。如果覺得情感表達(dá)還不夠，設(shè)計(jì)師會再精心畫上一個(gè)卡通小人，沖著屏幕外的用戶微笑。

常見的一些引導(dǎo)方式

我們考慮過這些方案，但最后沒有使用。

一個(gè)原因是：對于用戶結(jié)構(gòu)和狀態(tài)相對復(fù)雜的產(chǎn)品來說，純介紹性的引導(dǎo)方式缺乏針對性。新用戶和老用戶、小白用戶和高階用戶接收到的引導(dǎo)信息是一樣的。這就好比某個(gè)學(xué)校里，高年級和低年級學(xué)生使用同一本教材，無論這本教材是針對高年級的還是針對低年級的，總有一個(gè)年級的學(xué)生是不適用這本教材的。

另一個(gè)原因是：這一類的引導(dǎo)方式是一次性的，并且用戶是被動接受的，容易被用戶“習(xí)慣性”地忽視。如果用戶點(diǎn)了右上角的“X”關(guān)閉了引導(dǎo)界面，無論是產(chǎn)品需要向用戶宣導(dǎo)的全新功能還是全新改版優(yōu)化了的功能點(diǎn)，用戶如果沒有在第一時(shí)間接收到信息，就可能永遠(yuǎn)都接收不到這個(gè)信息。不得不承認(rèn)的一個(gè)事實(shí)是：對大多數(shù)用戶來說，設(shè)計(jì)師們用心畫的微笑小人的吸引力遠(yuǎn)沒有右上角的“X”按鈕來得大。

有時(shí)候我覺得設(shè)計(jì)師就像是一個(gè)多情的“小姐”。開始之前，你想和眼前這位心急的“嫖客”先生聊一會兒天、增進(jìn)一下感情。但是，“嫖客”先生似乎沒有這個(gè)心情和耐心，門剛關(guān)上，他就撲了過來。

所以，我們設(shè)計(jì)了一個(gè)有針對性的、非一次性的、不容易被忽視的引導(dǎo)方案——“任務(wù)盒子”：我們把引導(dǎo)信息包裝成一個(gè)個(gè)任務(wù)，根據(jù)用戶所處的不同階段和產(chǎn)品的導(dǎo)向制定不同的任務(wù)，以完成任務(wù)后獲得的獎勵作為利益點(diǎn)推動賣家去完成任務(wù)，賣家通過任務(wù)的引導(dǎo)了解和熟悉整個(gè)產(chǎn)品。

“任務(wù)盒子”結(jié)構(gòu)模型：

寫在最后

簡約設(shè)計(jì)、扁平化設(shè)計(jì)的風(fēng)行，令視覺設(shè)計(jì)師們的工作看起來略顯輕松，就這樣圖片擺一擺色塊弄一弄線條勾一勾顏色選一選，一個(gè)界面就完成了，“這樣的界面我也能設(shè)計(jì)”，你是不是曾聽過這樣的聲音？我不僅聽過，而且還看過。一個(gè)前端工程師自己搭了一個(gè)界面，看起來真的挺不錯。雖然這樣的個(gè)案不多，但是，作為一個(gè)專業(yè)吃這碗飯的同學(xué)，夜深人靜的時(shí)候還是不禁要捫雞自問：作為一個(gè)設(shè)計(jì)師，你的“專業(yè)”度應(yīng)該體現(xiàn)在哪里？你設(shè)計(jì)的界面和前端工程師設(shè)計(jì)的界面區(qū)別在哪里？

我洋洋灑灑啰里八嗦寫了這大幾千字，就是希望能給自己解答這些疑問，好消息是，以前腦子一些模糊的想法變得清晰起來。設(shè)計(jì)師和前端工程師設(shè)計(jì)或者產(chǎn)品經(jīng)理或者開發(fā)同學(xué)設(shè)計(jì)的界面，最大的區(qū)別，應(yīng)該是設(shè)計(jì)師在設(shè)計(jì)界面的過程中，需要反復(fù)問自己以下幾個(gè)問題，并一一給出答案：

1. 你的設(shè)計(jì)最終解決了什么樣的問題？
2. 你的設(shè)計(jì)會對用戶產(chǎn)生什么樣的影響？
3. 你最終的設(shè)計(jì)方案為什么比那些被你Pass掉的方案好？

當(dāng)你的業(yè)務(wù)方或者老板對你的設(shè)計(jì)提出疑問的時(shí)候，不妨把這些問題的答案說給他們聽。

作者@姑娘販子 ? 文章來源@優(yōu)設(shè)網(wǎng)

版權(quán)聲明：若該文章涉及版權(quán)問題，請聯(lián)系我們主編，QQ：419297645