設(shè)計(jì)沉思錄|「水晶球」素材共享中心從0到1
文章主要跟大家分享了設(shè)計(jì)效率平臺(tái)“水晶球”的設(shè)計(jì)過程,以及梳理了主要功能的設(shè)計(jì)思路,與大家分享~
01 前言
水晶球是由設(shè)計(jì)部門發(fā)起的設(shè)計(jì)效率平臺(tái),致力于提升團(tuán)隊(duì)效率,助力團(tuán)隊(duì)快速發(fā)展。主要提供素材的上傳下載等功能,倡導(dǎo)共享共用,最終實(shí)現(xiàn)設(shè)計(jì)資源的可視化、提升一致性、提高設(shè)計(jì)產(chǎn)能。本文主要和大家聊聊水晶球從零到一的過程,也希望能將項(xiàng)目中的一些收獲分享給大家。
02 背景
我們?cè)谌粘9ぷ髦薪?jīng)常會(huì)遇到一些問題:
對(duì)于設(shè)計(jì)師來說:
- 圖片素材的搜索效率低,經(jīng)常在多個(gè)素材平臺(tái)間反復(fù)切換網(wǎng)頁(yè),非常麻煩;
- 重復(fù)購(gòu)買、一張圖片多張角度購(gòu)買、造成公司預(yù)算浪費(fèi);
- 設(shè)計(jì)資源利用率低,很多素材共享不直觀,更有各種重復(fù)的工作,無法讓設(shè)計(jì)資源價(jià)值最大化。遇到時(shí)間短上線急的項(xiàng)目,沒辦法兼顧效率跟質(zhì)量;
- 運(yùn)營(yíng)產(chǎn)品同學(xué)經(jīng)常詢問圖片有版權(quán)嗎?我們能直接找圖用嗎?怎么找?能不能快速給我一批已買過的圖片素材或者拿之前現(xiàn)有的素材拼接修改?
對(duì)于公司/團(tuán)隊(duì)來說:
- 互聯(lián)網(wǎng)行業(yè)競(jìng)爭(zhēng)激烈,迭代迅速,多家競(jìng)品威脅等,各種嚴(yán)峻的形式導(dǎo)致業(yè)務(wù)量大,營(yíng)收壓力大,多角度的重復(fù)下載也導(dǎo)致圖片的預(yù)算過高,應(yīng)該更加明確細(xì)化圖片的使用,節(jié)約一些不必要的成本。
以上問題在工作中非常的常見,可以說是時(shí)常發(fā)生,因此我們需要做一個(gè)資源的整合,一個(gè)素材共享中心,來解決這些問題。
03 前期調(diào)研
圖庫(kù)調(diào)研:與相關(guān)同事拜訪視覺中國(guó)、圖蟲ic等圖庫(kù)網(wǎng)站,了解可實(shí)現(xiàn)技術(shù)接口對(duì)接方案,同時(shí)了解了圖庫(kù)的圖片功能,以及百度信息流等同類產(chǎn)品的對(duì)接方式。
技術(shù)調(diào)研:與前后端技術(shù)大大小小開了無數(shù)次的會(huì)議,溝通可實(shí)現(xiàn)技術(shù)成本、難度、時(shí)間等具體實(shí)現(xiàn)問題。
04 規(guī)劃
基于前期調(diào)研、技術(shù)實(shí)現(xiàn)成本、時(shí)間成本等綜合分析,確定我們最終的目標(biāo)計(jì)劃,整個(gè)項(xiàng)目在功能上,暫時(shí)分兩期實(shí)現(xiàn):
一期:實(shí)現(xiàn)共享、可視化網(wǎng)盤,為部門內(nèi)部設(shè)計(jì)工作提效。
二期:圖片管理(下載次數(shù)顯示、多平臺(tái)搜索)、權(quán)限管理等功能細(xì)分升級(jí)。
05 命名
有了以上這些基礎(chǔ),我們項(xiàng)目就啟動(dòng)了。首先,需要為我們的項(xiàng)目起了一個(gè)的名字,因?yàn)槊质侨藗冊(cè)谏鐣?huì)中必不可少的符號(hào)與標(biāo)識(shí),所以一個(gè)好的名字至關(guān)重要。于是我們與交互、技術(shù)同學(xué)開展了命名腦暴會(huì)。
最終我們篩選出了6個(gè)備選方案:設(shè)計(jì)食堂、設(shè)計(jì)口袋、水晶球、設(shè)計(jì)巴士、八音盒、摩天輪。然后在進(jìn)行投票,根據(jù)投票結(jié)果,最終水晶球以絕對(duì)的優(yōu)勢(shì)勝出。
06 水晶球品牌方案
確定了項(xiàng)目名稱為水晶球以后,我們進(jìn)行了logo各種方案的探索,比如聚合、魔法、太極等,以此產(chǎn)出了以下各種方案。
我們最終確定了6個(gè)方案進(jìn)行投票,方案三勝出,確定為我們水晶球的logo。
根據(jù)之前我們前期的調(diào)研與分析,基于對(duì)水晶球這個(gè)產(chǎn)品的思考與定位,我們梳理出了品牌的關(guān)鍵詞:
品牌色定義:
品牌的色彩與品牌的風(fēng)格定義有極大的關(guān)系,我們希望水晶球能加入與58品牌關(guān)聯(lián)性較強(qiáng)的色彩,增強(qiáng)視覺引導(dǎo),同時(shí)嚴(yán)格控制品牌色在頁(yè)面中出現(xiàn)的比例。加上水晶球的一些關(guān)鍵詞,未來、共享、高效、智能、科技、聚合等,這些決定了水晶球品牌色。
07 過程
在水晶球這個(gè)項(xiàng)目上,我們從前期調(diào)研,到產(chǎn)品的設(shè)計(jì),文檔的撰寫,視覺稿的產(chǎn)出等等,都經(jīng)過了多次反復(fù)討論研究,結(jié)合產(chǎn)品目標(biāo)及其使用場(chǎng)景綜合確認(rèn)產(chǎn)出。下面是我們的前期的框架結(jié)構(gòu):
對(duì)于水晶球來說,搜索、圖庫(kù)分類與展示、上傳、個(gè)人中心、管理等是我們的主要功能,也是設(shè)計(jì)中重點(diǎn)思考的部分。
1. 搜索
搜索是我們的開始,水晶球作為一個(gè)提高效率的工具,首要的功能應(yīng)該是快速搜圖。從首頁(yè)的搜索到圖片庫(kù)、運(yùn)營(yíng)庫(kù)的搜索再到個(gè)人中心、后臺(tái)管理的搜索,希望用戶能夠隨時(shí)可以搜圖,搜完即可下載使用。
2. 圖庫(kù)分類與展示
首先考慮是我們要展示的什么樣素材,需要怎么樣去分類。比如圖片素材,一是自己拍攝的一些圖片,二是我們已經(jīng)下載使用有版權(quán)的圖片,三還需要接入外部圖庫(kù),圖蟲創(chuàng)意,視覺中國(guó)等。運(yùn)營(yíng)日常做的一些設(shè)計(jì)圖片,需要大家整理上傳。很多icon,頁(yè)面版本也都需要去整理,并且能很好的展示出來,等等這些決定了我們的分類與展示。
3. 上傳
上傳與圖庫(kù)分類是相對(duì)應(yīng)的,需要我們貢獻(xiàn)出自己的圖片資源,難點(diǎn)在于,圖片的名稱與標(biāo)簽,因?yàn)檫@關(guān)聯(lián)著搜索功能。讓大家自己去為自己上傳的資源,分類并且打好標(biāo)簽。
4. 個(gè)人中心與管理
個(gè)人中心與管理都屬于后臺(tái)管理功能,個(gè)人中心是對(duì)自己上傳資源的展示與管理,方便用戶進(jìn)行修改與編輯。管理是對(duì)我們整個(gè)水晶球的上傳、下載等數(shù)據(jù)進(jìn)行監(jiān)測(cè)與分析。
根據(jù)以上結(jié)構(gòu)與功能的重點(diǎn)分析,經(jīng)過多次深入,產(chǎn)出了系列的設(shè)計(jì)稿。并于7月25日上線一期。
08 迭代
水晶球從7月底一期上線至今,大家用過一段時(shí)間了,反饋了一些問題,我們會(huì)記錄并且進(jìn)一步去優(yōu)化這些問題,不斷的去完善功能,豐富內(nèi)容,優(yōu)化體驗(yàn)。新的一期我們接入了圖蟲創(chuàng)意圖片庫(kù),改版了個(gè)人中心,優(yōu)化了上傳部分的問題。
09 價(jià)值
上線至今,目前上傳量為10000+,下載量為2000+。
根據(jù)大家的下載,我們發(fā)現(xiàn):
(1)圖片庫(kù)中,扣好的png圖片是大家使用最多的素材;
(2)運(yùn)營(yíng)庫(kù)中,拆分過后的元素更受大家歡迎,比如金幣、紅包、人物等;
(3)運(yùn)營(yíng)庫(kù)的分類里,閃屏較為受歡迎;
(4)品牌庫(kù)中用的最多的是字體與代言人,方便查詢與下載。
這些素材非常方便,下載可直接用于我們的設(shè)計(jì)中,節(jié)省了大家的時(shí)間,提高效率。
特別鳴謝幕后辛苦的前端、后端和測(cè)試的同學(xué)們!
作者:何芳,視覺設(shè)計(jì)師。因生活而設(shè)計(jì),因設(shè)計(jì)而美好。
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@何芳
題圖來自 Unsplash,基于CC0協(xié)議。
好像看那個(gè)框架結(jié)構(gòu)啊,可惜小字都看不清啊……
請(qǐng)問上線了么