2020年,借著阿里云官網業務升級的契機,我們再一次把「首頁改版」提上了議程。在對齊業務訴求的同時,我們更加深入地走進用戶,期望在新版首頁中,以“人”出發,打造“用戶訴求”、“業務訴求”和“品牌訴求”之間的平衡。
一種平衡「用戶訴求」「業務策略」與「品牌定位」的藝術
自阿里云 2009 年成立以來,已經走過了 11 個年頭;官網作為它的載體,這 11 年間我們交出過很多份關于首頁的設計答卷;但看得見的設計背后,更多的是看不見的設計思考,是我們對于用戶體量、業務體系不斷升級的回應,是對品牌的精細化雕琢與受眾的精準化匹配。
①?用戶研究與設計策略設定
項目啟動后,我們并無意于僅做表層視覺的優化,而是希望切實地緊跟用戶訴求,讓設計策略為用戶服務。
對于用戶行為數據的觀察,如果僅局限于頁面內部,無異于管中窺豹,因為多數情況下的頁面數據都是受頁面當前信息結構深度制約的。對比首頁內容本身,我們更加關注不同客群以首頁為起點,在整個網站內部的流轉行為鏈路,從而進一步分析深層訴求。通過對于典型用戶的時序路徑數據分析,我們發現不同客群的確存在行為上的顯著差異。為了客觀的提取差異化行為成因,我們采用深度訪談、電訪/問卷相結合的方式,針對已有的數據結論,進行定性深度解讀,輔助數據判斷,并形成初步的客群模型。
— 2020版全新官網首頁
②?圍繞阿里云進化設計語言展開的視覺升級
— 從云產品形象到粒子化的互動模型
③?技術×設計 GPGPU Particles
GPGPU計算的粒子可承擔到100萬級+(e.g FBO幀緩沖區 1024 x1024+)的粒子數量高速計算渲染,目前我們根據用戶的顯卡設備進行自動檢測、適配和分層,開放到約9 ~ 29萬粒子實時渲染,用技術的設計方式去演繹云計算公司的首頁焦點動畫。
FBO幀緩沖區對象的原理,即通過顯存緩沖區里不斷更新與計算的一張動態位圖,e.g 512×512即26萬像素,每一顆像素的RGBA通道可存儲每一個粒子的XYZW三維空間訊息,以達到CPU無法承擔的如此多粒子的高速計算負荷。
一切從這里開始
http://mpvideo.qpic.cn/0b78amaaaaaa4uagqnfdsrpvaa6daabqaaaa.f10002.mp4?dis_k=5078e56f97ea8d463314218957f53835&dis_t=1607306370&vid=wxv_1593038121556836356&format_id=10002
? 版權說明:文中所有影像,版權歸阿里云設計中心所有,未經授權不得轉載。
原文地址:阿里云設計中心(公眾號)
作者:阿里云設計中心
轉載請注明:學UI網 » 阿里云官網首頁改版 —— 生于海量,領先時代