網頁設計 ? 交互設計 ? 淘寶APP體驗設計升級,到底有什么秘訣?

淘寶APP體驗設計升級,到底有什么秘訣?

發表于: 交互設計. 評論
Sponsor

對于淘寶APP設計體驗已經相當不錯,但依然還有升級的空間,細節決定成敗,大方面做好后,還得從細節方面入手,這里面的體驗升級有什么設計秘訣嗎?讓我們來一起看看淘寶最新設計升級背后的故事。

淘寶APP體驗設計升級,到底有什么秘訣?

設計過程

更懂真實的生活,更懂不同的你,是我們去做改變的根本原因。我們的用戶規模在快速增長,帶來不同的習慣、喜好與生活狀態。我們希望給用戶帶來最大的實惠,最豐富的樂趣,和簡單的體驗。

從聚焦核心與整體性,到關注精細分層的個體,我們希望更懂真實的生活,讓人與內容與寶貝自然的連接,順暢的流轉。

2019的體驗升級不是一個節點,是每個細節持續變化的過程。

設計理念視頻:

多樣性與多元化,使我們面向每一個獨特的個體時需考慮契合而有效的設計,使商業與用戶兩端能夠準確匹配與連接。

內容形態持續多元化的趨勢下,本質的表達尤為重要,我們需要深層的思考人與內容與場景的連接。在統一的框架下兼顧特性,達到共存與包容。

最終,伴隨商業的不斷更迭,設計體驗提供更為系統化的解決方案。

體驗不在于大小,在于細微之處

保持用戶習慣是最好的體驗延伸,從基礎表達開始,我們尋找接近本質的設計語言與觸角,簡潔統一地解決問題。

基礎設計語言視頻:

淘寶設計面向不斷擴展的豐富與多元化,穩定與靈活是商業設計下需要關注的核心。

嚴謹的柵格系統可以為不同場景的結構布局、空間換算、組織搭配打好基礎。

我們讓全局卡片跟隨硬件大屏化趨勢升級,窗口適度延展、內容得到擴充。瀏覽時視野空間的弱微調優,在信息容器增加的同時得到放松。

淘寶APP體驗設計升級,到底有什么秘訣?

柵格12等分

淘寶APP體驗設計升級,到底有什么秘訣?

左右屏距調整

字體是與用戶信息交互的核心,整站字體在增強之上再做減法,組合規律、有序應用。合理的變量搭配,幫助多場景組合設計,保持統一的閱讀體感和信息節奏。

讓不同年齡、習慣、偏好的用戶,在信息獲取上直接有效,直達內容,關注本質。

淘寶APP體驗設計升級,到底有什么秘訣?

字號精簡

淘寶APP體驗設計升級,到底有什么秘訣?

變量組合規律

我們精細化定義了TAO COLOR。

從顏色的基礎混合與品牌橙的結合,溯源推導TAO COLOR基礎模型,使豐富的業務表達保持在統一的色感,從整體到局部,從細節到感知,從體驗到品牌。

我們精細化定義了TAO COLOR。

淘寶APP體驗設計升級,到底有什么秘訣?

色環-品牌色來源

淘寶APP體驗設計升級,到底有什么秘訣?

單色使用規律

淘寶APP體驗設計升級,到底有什么秘訣?

漸變色使用規律

同時產品功能高度抽象的圖形語言,ICON基于嚴謹的網格陣列,與字體在字重與線條上協調搭配,保持圖形與信息之間的協同。

淘寶APP體驗設計升級,到底有什么秘訣?

圖標柵格

淘寶APP體驗設計升級,到底有什么秘訣?

圖標與文字組合使用規律

每個觸點的不斷優化,整合到全局體驗,進一步做整體收斂,釋放原來的信息視覺壓力。

導航在整體設計上的去色,是最大膽的一次嘗試。

露出了信息原貌的白色版頭,讓內容更加清晰、文字獲取效率更快,在持續實驗的過程中,用戶效率的表現驗證了這個結果。

同時我們也為喜歡橙色的用戶保留了淘寶橙,在換膚中心可一鍵恢復體驗。

淘寶APP體驗設計升級,到底有什么秘訣?

頭部色彩減壓

淘寶APP體驗設計升級,到底有什么秘訣?

啟動頁升級

系統框架串聯起用戶路徑

我們為每個內容多元聚集的場景,搭建穩定可擴展的產品設計框架。遵循用戶基礎體驗鏈路,從進入淘寶起直至下單完成,每個橫向與垂直的場景系統化的貫穿,為用戶逛與買提供體驗閉環。

基礎場景設計框架視頻:

從基礎語言到鏈路框架,設計語言在更迭中與時俱進,幫助設計思考從散點到體系化的完整,讓復雜的場景細節變得清晰明確。

追求簡單有效、極致體貼是不變的設計原則。

2019的體驗升級不是一個節點,而是在每個細節中持續變化的過程。

2019結束了,未完成的事情還有很多,

但2020到來了,大家繼續努力,

真情永不變,淘寶天天見!

作者:淘寶設計,來源:淘寶設計

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }