試析APP端圖片上傳功能

來自專欄與 PinDesign 一起寫

初看圖片上傳的功能，腦子裡首先想到的是跟圖片比較密切相關的應用如花瓣等會與圖片上傳這種功能強相關，但是一分析羅列，才發現其實絕大多數應用都具有這個功能，如上傳頭像，微信發朋友圈，還有支付寶身份認證等，其核心操作都是上傳圖片。

那為什麼需要上傳圖片呢？研究表明，人有83%的外界信息是通過視覺形式獲取到的，在通過視覺形式獲取到的信息中，人對圖片信息的接收能力是遠遠超過對文字的接收能力的。因為圖像訴諸視覺，表現為形象思維，不需要再加工。而文字卻是抽象的，需要大腦進行二次加工，轉化為形象。所以說完這點我便在下面默默地配了這幅圖。

話轉回來，通過添加圖片，我們可以更直觀更快的傳達信息，並且會給自己想要表達的內容添加文字所不能傳達的特殊情感，也會通過圖片來彰顯用戶個性、突出產品調性等。

從流程上來講，上傳圖片主要可以分為四個步驟：1.開始 2.選擇圖片 3.編輯圖片 4.上傳圖片，可看下面的簡易流程圖：

我們在上傳圖片的過程中，基本都會遇到以上幾個步驟中的某些操作，只不過因產品和行業的不同特性，操作或簡或繁。接下來就來分析下這些不同點具體在產品中是如何體現以及其依據。

我首先根據內容和應用性，把圖片上傳功能分為四類：頭像上傳、圖文內容上傳、身份驗證上傳、和雲端備份上傳。

頭像上傳

頭像上傳，覆蓋了絕大部分的APP，不管是平台型還是工具型，嚴肅型或者活潑型，只是在程度上有輕重之分，或者時間上有立即或延遲之分，通常是和個人中心整體的設計策略相一致的。

這種圖片上傳方式是四種類型中交互流程和操作最簡單的，它的特點主要是單張上傳，無需編輯或者只需要很少的編輯如裁剪功能。絕大多數應用的頭像上傳選項只有拍攝和從相冊選擇兩個選項，而微信、QQ有一點不同，他們提供了查看歷史頭像的功能。不難理解，用戶使用和更換頭像主要是為了彰顯個性，也許你也曾有這樣的體驗，換了幾張圖片之後，會覺得還沒有最開始的圖片好。

還有一類是如美團外賣這樣的應用，用戶更關心的是打開應用就能直接訂外賣，在這樣一個餓的時候才會想起來、用完即走的應用中，用戶是不太需要更改頭像彰顯個性的，所以美團保留但弱化了頭像的編輯功能。

圖文內容上傳

圖文內容上傳，即圖片加文字組合在一起的內容，可多張圖片上傳，根據重點不同又可以分為以文字內容為主，配圖為輔 和 以圖片為主附註文字兩種形式。

前者編輯文字內容為主要操作，圖片上傳為附加選項，這類的代表主要有知乎、石墨文檔、知識星球等UGC應用，如知乎的提問和回答都是如此，淘寶的評價亦是如此。選擇好圖片後，對圖片可進行的編輯多為順序的調整，用以與文字內容的匹配，此時文字與圖片同時保留在臨時編輯器中，隨時進行圖片的預覽、刪除、更換等操作。

第二種是圖片為主、文字為輔的內容產生形式，圖片是整個內容上傳的核心和第一步，如我們非常熟悉的微信朋友圈就是這類的典型代表，文字作為附註可有可無。這類應用中還有一個典型的分支就是會提供圖片濾鏡美化、添加標籤等編輯功能，如小紅書、閑魚等強社交、主圖片展示的產品，一來提高用戶上傳圖片的品質，滿足用戶愛美有個性的需求，二是能夠突出產品個性，保證平台的調性。

身份驗證上傳

顧名思義，身份驗證上傳圖片主要是為了驗證身份而上傳的證件照片，這類上傳更偏重於即時拍攝操作，選擇圖片之前會強制出現圖片規格、要求等內容，拍攝過程中會有有效邊框範圍的提示，如支付寶個人身份驗證、滴滴車主信息驗證等身份驗證過程。值得一說的是滴滴車主的驗證因為上傳的信息較多，所以上傳開始時便提示用戶準備好所有的證件，以方便流程快速、準確進行。隨著AI技術的發展，上傳的內容不僅包括識別證件、銀行卡、人臉拍照甚至瞳膜拍照。

雲端備份上傳

這種上傳方式可以理解為大批量的文件在某時刻被放到指定位置保存起來。所以首先，一般無需編輯圖片，此處圖片是作為一種文件被上傳的，圖片本身的內容被放在了次級的地位，又因批量操作的需求，不通維度的文件劃分就成了選擇文件時的重點，可以從日期、文件類型劃分，也可以從未上傳、已上傳等狀態劃分，也可以從文件產生渠道劃分。

同時要為文件最終位置選個地址，即有目標文件夾的概念以方便分類。大批量文件的上傳不是一下就完成的，所以上傳實時動態的反饋很重要，即我們看到的上傳列表。

以上四種類型分析完之後，我們可以發現，圖片上傳的基礎流程是根本框架，不同的是在此框架之上根據產品特性和行業特性的要求而豐富起來的血肉組織，這才組成了一個個不同氣質、不同調性的單個產品。

以上全部是個人意見，初次做這樣的分析，難免有偏頗和疏漏之處，還請各位多多指教，共同進步~