設(shè)計(jì)沉思錄|「水晶球」素材共享中心從0到1

2 評(píng)論 18729 瀏覽 24 收藏 11 分鐘

文章主要跟大家分享了設(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é)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 好像看那個(gè)框架結(jié)構(gòu)啊,可惜小字都看不清啊……

    來自北京 回復(fù)
  2. 請(qǐng)問上線了么

    來自上海 回復(fù)