一刻相冊,從0-1設計背后的故事
本文是一刻相冊從0-1的產品設計背后的過程,從前期的設計目標的確認(高效、智能、有趣),到后續拆解到不同維度進行功能設計落地,從而呈現給用戶目前一刻相冊這個產品,目的是為了不僅讓用戶安全便捷的“存”,還能智能有趣“用”。
項目背景
隨著手機拍攝能力和通訊行業的不斷發展,使用手機拍照已經成為人們的一種生活習慣,在這個每天都要拍攝、查看、接收、存儲、發送照片,以及手機里大部分的內存都貢獻給了相冊的今天,一款釋放手機內存,免費大容量且安全好用的相冊產品顯得刻不容緩。
一刻相冊是百度網盤打造的一款安全備份,無限空間的應用。百度網盤作為國內云存儲服務的先行者,利用自身存儲優勢和公司的AI技術,孵化出一刻相冊產品,致力于幫助用戶守護美好回憶,同時提供給用戶更優質的照片存儲體驗。
設計目標
在著手設計之前,首先要制定設計的目標,設計目標一般是由產品的定位、用戶群體、產品未來愿景等等方面推導而來。
明確了一刻相冊的產品定位及未來愿景后,再結合著產品功能層面所滿足的除了備份訴求,同時還包含著全流程的管理-消費-分享。圍繞著這些背景,經過多輪討論…
最終,設計和產品同學達成一致,希望傳遞給一刻用戶除了最基礎的安全感知以外,還有3個核心點:1.高效;2.智能;3.有趣。
1. 高效
大家對“好的產品是用完即走的”這句話并不陌生,尤其是體現在垂類工具產品上。
對于相冊產品而言,我們對設計流程上的首要目標,就是讓用戶:a.高效備份;b.便捷查找;c.快速消費。
a. 高效備份
滿足用戶自動備份,已經是相冊類產品最基礎的能力,那么我們在此基礎上,如何讓用戶毫無顧慮的進行高效備份呢?
除了足夠安全和好用以外,就是讓用戶沒有空間限制的顧慮。一刻相冊就是這樣一款神仙相冊產品,免費贈送無限大空間,讓用戶不用擔心容量壓力的盡情保存美好回憶。
在用戶首次登錄后,第一個頁面展示給用戶的信息就是:“已獲得無限空間”,讓用戶沒有容量不夠的顧慮。
在視覺上用莫比烏斯環無窮符號“∞”為基本圖形,同時在文案上突出一刻相冊的核心功能亮點。
當用戶點擊“開啟備份”后,進入一刻相冊首頁的“照片”tab時,可實時看到已經備份的照片。
同時,設計上采用置頂卡片的處理方式,讓用戶更高效、直觀的對“備份”文件狀態的感知及控制。
除了之外,由于一刻和百度網盤的特殊關系,我們還支持用戶將網盤已經備份過的圖片或視頻,一鍵導入到一刻相冊。
并且支持后臺靜默導入和內容實時更新,大大降低了用戶在切換存儲工具時的遷移成本,為用戶節省了手動操作的時間。
在視覺表現上,我們將導入進度采用圓環進度的方式,讓用戶更清晰的感知到目前的導入照片進度,增強用戶的安全感。
b. 便捷查找
當用戶將自己照片備份上來后,如何滿足用戶更便捷的查找到目標照片,是我們面臨的第二個問題,因此,在“便捷查找”方面,我們分為幾個維度去做:照片瀏覽;相冊創建。
(1)照片瀏覽
瀏覽是用戶“查找”照片的必經之路,為了提升用戶的瀏覽體驗及效率,我們采用時光軸的形式進行排序,同時在視圖方面,也做了多種嘗試,如下圖:
- 方案A:保持每張圖片的實際比例,通過合理計算將2或3張圖排成一排,視覺效果不錯,但開發成本較高,無法快速上線(類似google photo);
- 方案B:全部內容使用同一比例、同一大小的區域進行限制,優點是產品布局緊湊整潔,但也容易讓用戶忽略可能有價值的信息;方案C:類似dropbox,顯示真實圖片比例,空間的利用率會較低。
最終,我們基于用戶使用訴求和對相冊產品的調研,選擇了保持相冊內容的比例統一,但對可動的livephoto及視頻內容進行突出放大展示,并默認進行播放,這樣既滿足了效率問題,又讓瀏覽體驗更有節奏感,同時也兼顧了開發成本。
同時,用戶可以輕松切換所要瀏覽的圖片內容,分為云端+本地,僅云端,僅本地三個顯示模式,給用戶不同瀏覽維度的選擇,滿足更便捷查找的目的。
(2)相冊創建
除了Feed形式的“時光軸”, 能夠提升用戶查找效率的方式,其次就是建立相冊,讓相似圖片更加聚合。
因此,一刻相冊的相冊模式支持:自動生成、手動創建。
1)自動生成
為了減少用戶的操作成本,同時提升查找效率,我們對用戶已上傳的文件進行智能分類,將主流的分類分為:人物、事物、地點、截圖、動圖、證件、視頻維度,提升用戶查找效率。
2)手動創建
不可否認,再牛的技術,也做不到用戶對自己的了解,因此一刻相冊同樣支持手動創建相冊功能。
為了使建立相冊的流程的交互操作盡量做到輕量化,整個創建閉環無必填項,可輕松進行創建。
同時用戶在當前頁面可整體通過“圖片庫”和“人物”完成添加照片流程。
如果用戶點擊“按人物添加”,基于百度強大的人臉識別能力,一刻相冊可生成人臉聚類,用戶可快速通過人物創建相冊,不需要一張張去選,從而便捷的創建滿足自己查找習慣的相冊。
c. 快速消費
當滿足了用戶高效備份、便捷查找之后,如何能夠使用戶能在一刻相冊里玩兒起來,是每一個一刻相冊同學都在思考的問題。
針對這一訴求,大家探索了很多可能性,在初期我們選擇了不同的時間節點和節假日,推出不同的創意模板,讓用戶將自己的照片在這里玩兒起來。
為了增強功能操作的簡潔度,跟市面上的視頻產品形成差異化。在選擇模板時,我們依舊采用卡片式的視覺容器承載模板內容,視頻可以自動播放預覽,整體背景顏色應用5種品牌輔助色,背景顏色跟隨手勢的上下滑動切換,帶給用戶更加直觀沉浸的操作感受。
當用戶點擊制作同款后,用戶只需在對應的時間段內,選擇相應的視頻,就能生成酷酷的卡點視頻。
為避免用戶在等待生成視頻時的焦慮情緒,我們提供了多種情感化文案來消除等待的焦慮感,在高效的同時關注用戶情緒。
同時,進度條采用蒙層的方式,將進度可視化,用戶會更關注去掉蒙層后的作品,產生期待感。
2. 智能
其實在相冊類產品同質化的今天,基礎體驗(備份照片、瀏覽等)已經拉不開太大差距。因此,一刻相冊在保證基礎體驗的基礎上,引入“小度助手”提供給用戶更加智能化、場景化的體驗。
小度出場的形式,采用簡潔清爽的頁面風格,使用戶聚焦到“小度”本身,采用“小度”眨眼睛的動效,更傳遞出它的靈動性。
那么,小度到底怎么“智能”了呢?
目前我們做了:a.智能化清理;b.智能化生成。
a. 智能化清理
相信大家在使用本地相冊時也會被一個問題困擾:平時工作或者某些特定場景下的截圖過多;自拍時一個動作連續拍攝很多張……如果用戶手動將自己相冊內這些照片找出,再去刪除,費時又費力。
那么針對此場景,小度提供多種清理能力,包括:清理截圖、清理相似圖、清理本地圖片。
清理模塊在交互形式上,以效率為最高優先級,同時增強用戶清理圖片時的趣味性和成就感。
具體做法是,將待清理圖片以日維度,分成一個個模塊,而后形成清理圖片的瀑布流,當用戶一個個去完成清理操作后,將會獲得完成任務的成就感。
不僅如此,小度如果發現你相冊里存儲某人的照片過多,會智能化的引導你去標注關系,為了后續更方便的管理自己照片。
b. 智能化生成
除了上面有提到用戶可以使用視頻模板,手動制作趣味短片,小度還可以針對用戶存儲的照片,智能的生成許多有趣的視頻,給用戶帶來不期而遇的驚喜感。
當然小度的智能化能力我們在不斷的完善中,同時我們希望給用戶傳遞的“智能化”不是冰冷的技術感,而是“溫馨”的關懷感知。
因此,在小度問候的文案和表情上我們做了場景化處理,用戶在不同時間段進來,都能感受到我們的關懷。
3. 有趣
除了在存儲和查找時讓用戶感受到“高效”和“智能”,如何讓用戶感受到一刻還是個很有趣的相冊產品呢?
我們分為兩個維度來看:a.功能層面;b.品牌視覺。
a. 功能層面
試想一個場景,你和媽媽一起出去玩拍了很多照片,你媽想讓你把照片發給她,這時候你打開WX將今天拍攝的50張照片分為6次發給了媽媽,后來又發現點的不是原圖(手動圍笑),這個時候的你一定氣的鼓鼓的。
一刻相冊利用NFC技術,為用戶提供“碰一碰”傳照片的形式。利用有趣的方式,解決用戶這種痛點,用戶只需要線下碰一下手機(支持跨端),就可以直接發送無限量、原圖的照片給對方。
當用戶進入“碰一碰”頁面,有動畫進行引導,同時發出像干杯一樣的杯子碰撞的聲音,使用戶發照片像干杯一樣簡單。
從交互層面出發,碰一碰涉及到線下體驗與線上體驗聯動:首先保證線下體驗的一致性,比如:碰撞、匹配、反饋都都需要具有實時性和流暢性。
因此,通過這種有趣的產品形態和交互形式,使用戶在傳圖的場景中更加輕松、便捷(不過,目前落地效果還在持續優化中)。
b. 品牌視覺
眾所周知,相冊記錄著人們生活的點點滴滴,平淡真實。
但是一刻相冊slogan是 “看見每一刻” ,體現出我們不僅希望幫助用戶存儲回憶,更希望運用科技的力量幫助用戶將平淡的生活點滴,智能生成有趣的內容推薦給用戶,使美好回憶與自己不期而遇,讓用戶在一刻相冊里回顧自己精彩、有趣的每一刻。
基于整個品牌定位,在LOGO設計階段,圍繞一刻相冊名稱 “ 一 ” 和 slogan 中的“看見( 眼睛 )”來代表一刻。
在顏色的選取上使用了多彩漸變色,傳遞看見多彩有趣的生活品牌理念,同時能夠與其它相冊產品拉開差異化。
在LOGO設計確定后,通過從LOGO中提取出多彩漸變的色調,發現占比最大的是:藍色、紫色、粉色。
但是,粉色過于女性化,而藍色過于冷靜,同時跟競品也很難拉開差距,而紫色代表著個性、創造力和想象力,象征實驗精神與不墨守成規,更符合我們的產品定位。
因此,最終提煉定義了紫色,成為我們的主品牌色。
繼而將我們的主色滲透在產品界面、操作組件以及空頁面中……
同時,將LOGO里其它多彩的顏色:藍色、紅色、黃色和綠色,作為產品的輔助色,希望通過品牌色(主品牌色、子品牌色)應用,加深用戶的品牌印象。
在icon上,也經過反復的嘗試采用4px粗細,用盡量極簡的方式概括表意,達到表意清晰,輕量簡潔的目的。
作為一次從0-1的一刻相冊產品設計,我們希望能夠傳遞給用戶的不僅高效、好用,而且年輕、多彩、有趣的視覺感知。
總結
以上是一刻相冊從0-1的產品設計背后的過程,從前期的設計目標的確認(高效、智能、有趣),到后續拆解到不同維度進行功能設計落地,從而呈現給用戶目前一刻相冊這個產品,目的是為了不僅讓用戶安全便捷的“存”,還能智能有趣“用”。
一刻相冊是網盤團隊所有同學共同努力的結果,所以只是開始,未來我們將為用戶持續打造更優質的相冊產品,來守護你們的回憶。
#專欄作家#
大牙,微信公眾號:大牙的設計筆記,人人都是產品經理專欄作家。百度資深設計師。一個對生活充滿好奇心,擅長用直白的語言去分析產品、交互、視覺的同學。
本文原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖作者提供
設計執行非常棒,可惜的是打開應用商店的反饋,一陣罵聲。
額 不就差不多是谷歌相冊么
很不錯!一刻相冊剛出來的時候就在用了,雖然下了之后開了自動同步基本上就沒再打開過。。
看了這篇文章突然又發現了很多玩法
仔細品品,設計上功能上確實有很多可圈可點的地方
但是我反思了一下,如果是我去做,會被最大的一個問題限制困擾:商業模式
即便如百度這種巨頭,一個產品如果沒有一個合理的商業模式去為公司創造價值,那這個產品很難說是成功
當然可能是我經驗尚淺,看不到背后的一些聯動價值,如搶占市場、積累用戶量,后續再去推出增值服務類似
好希望能將這塊內容分享一下~謝謝
沒錯,商業模式上沒有看到,對于存儲類成本巨高,如何可持續發展,確實沒看清楚。
先不說這款產品如何,就拿所有的相冊類產品來說吧。首先使用相冊工具的用戶一般集中于作者,自媒體,文藝青年,老年,女性。針對不同用戶的不同需求,很容易找到商業模式。
比如:
更智能的情景生成,給創作者提供靈感,收費。
短視頻,視頻制作軟件,美圖軟件引流,植入。
其實歸根結底,用戶量大了,再簡易的單用戶商城也有廣告金主找你。目前一刻相冊的目標不就是這一點嗎??
打卡 寫的非常不錯
可以優化一下百度網盤相冊的體驗嗎?
產品有嚴重bug,登錄的是自己百度網盤賬號,但是導入照片是別人的照片
我下載用了,1000多張照片傳了3天才傳了一半不到,產品太差
產品從0-1,中間包含的是對每一個細節的深究。贊一個