阿里巴巴工程師談談體驗優(yōu)化與用戶習慣的延續(xù)(圖文)
發(fā)布時間:2012-05-16 11:10:55 作者:佚名
我要評論
讓我們來請阿里巴巴的設計師談談網站的設計優(yōu)化以及體驗

基于我的阿里框架雛形,從框架優(yōu)化升級的系列項目過程中總結了幾個關鍵點跟大家一起分享:
一、了解業(yè)務背景
在做涉及整體性的改版之前,必須要對目前產品的業(yè)務邏輯及定位非常熟悉 ,包括:
過去發(fā)展:一個產品過去的歷史演變就好比一個人或者國家的過去積累,會有值得借鑒和傳承的點。
目前現(xiàn)狀:包括業(yè)務范圍、核心價值,及用戶使用情況(包括用戶群體、用戶量及主流用戶的行為)。
未來規(guī)范:可預見的發(fā)展方向,明確產品對用戶的核心價值,既是不變的方向定位。
二、熟悉用戶行為
我的阿里有著相對比較固定和穩(wěn)定的用戶群體,各功能都是以交互操作為主,尤其需要重視用戶的反饋及數(shù)據(jù)變化。對于用戶主流行為的分析還是需要結合定性和定量研究兩種方式,定性的用戶研究方法很多,有訪談、問卷等等,最方便的方法便是直接到用戶建議中心和社區(qū)瀏覽用戶的反饋建議,可以的話,直接從中挑選幾個典型的用戶與他們進行交流,便可得到很多用戶真實的感觸和使用場景。用戶的直接反饋能幫助我們快速找到對真實用戶的感覺,但很難直接作為普遍的現(xiàn)象來分析,需要通過數(shù)據(jù)分析來進行指導。結合收集的用戶反饋及數(shù)據(jù)分析得出核心的用戶行為及用戶目標,并以此作為改版的的方向和目標。
三、全局性的規(guī)劃
我的阿里與各個業(yè)務的關聯(lián)性是非常密切的,同時涉及的類型面也比較廣,在做框架的改版時,是可謂牽一發(fā)而動全身,很多關聯(lián)功能應用必須站在更高、更廣的角度規(guī)劃改版方案??梢哉f我的阿里的業(yè)務是平臺型的內容,我們的工作主要是在做產品的框架、制定規(guī)則和設計規(guī)范。
比如接入我的阿里的應用是直接與應用市場的第三方應用定制功能打通,并與客戶端阿里旺旺桌面版的自定義應用同步,涉及到關聯(lián)性內容的調整時,需要同時考慮多各平臺的使用情況。另外頭部框架作為全局統(tǒng)一的Toolbar,也是我的阿里的象征性標識,必須具備在各個場景的普遍適用性,能讓我的阿里內各頁面之間具有統(tǒng)一性,各個頻道、應用、子頁面都有歸屬感;提供全局性功能頁面的操作入口,為用戶提供快速的轉跳切換,避免在網站穿行中迷路,并保持功能與樣式的統(tǒng)一性,始終顯示在各個頁面的頂部。
四、產品的延續(xù)性
產品的發(fā)展如同人的生命一樣,由誕生、成長到成熟,最終走向衰亡,隨后一個新的生命周期。成長的過程是螺旋式上升的,在整個過程中的每一點積累和沉淀都是需要被尊重的,尤其對用戶有價值的內容在做改動或調整時,都應該都有合適的替代方案向用戶交代。沒有永遠完美的產品,只是是否在合適的時候有最佳的方案贏得用戶賞識和認可,并隨著資源和環(huán)境的提升而不斷發(fā)展。
用戶角度看,體驗是連續(xù)性的,而作為設計師,應該做有延續(xù)性的設計,并在熟悉業(yè)務邏輯和用戶行為的基礎上,通過繼承優(yōu)化的方式,達到產品的延續(xù)
五、分步迭代實現(xiàn)
大家比較熟悉的迭代是用在開發(fā)測試及項目實現(xiàn)的過程中,設計實現(xiàn)的過程也是一樣,把最終方案通過拆解、分步實現(xiàn)的方式,降低用戶的認知成本,從而把優(yōu)化的風險降到最低,實現(xiàn)體驗的延續(xù)性。
這個在我的阿里框架升級時,對于Toolbar的改造, 就是采用分布迭代的實現(xiàn)方式。Toolbar, 作為全局的統(tǒng)一頭部,是平臺的方位指南,聚集的用戶最核心操作功能引導,一旦進行大量調整,會造成許多用戶的迷路。所以我們把整個調整的過程拆分成了三步,分別穿插在幾次項目改版中:
實現(xiàn)首頁應用的個性化定制需求,同時保留原有的信息內容,僅在調整視覺樣式,通過色彩的清新來實現(xiàn)輕量化效果。
應用條與頻道解偶,并同時把頭部三條信息梳理成兩條。
收起自定義應用條,把應用中心改成獨立的頻道;同時為了為強調本次的改版,除了做改版引導和幫助提示,對我的應用的默認狀態(tài)進行了加強。
我的阿里框架升級項目的背景和過程可以參看下圖PPT內容:

相關文章
- 太佩服作者了,JS水平淋漓盡致,這是一款仿阿里巴巴網站首頁的JS圖片切換特效,上邊的是水平切換,下邊的一個是上下切換,為了利于學習,作者將切換運作分解,并設2009-05-03
- 阿里巴巴這個公司想必大家都知道,無論哪個專業(yè)的同學2009-05-06
眾影AI(動畫視頻創(chuàng)作軟件) v3.0.0 安卓版
眾影AIapp是一款智能動畫視頻創(chuàng)作軟件,軟件內置先進的ai大數(shù)據(jù)系統(tǒng),可以為動畫愛好者和創(chuàng)作者提供全面且優(yōu)質的創(chuàng)作功能服務,滿足多種創(chuàng)作場景下的創(chuàng)作需求,不論你是想2026-04-21阿里巴巴、環(huán)球資源、中國制造網vs行業(yè)B2B 外貿企業(yè)如何選擇
B2B平臺的選擇對外貿企業(yè)來說,一直是非常熱門的話題。原因不外乎,大家都希望有更多的詢盤、更多的訂單,同時競爭對手都在做,我不做豈不是落后于人。但實際上,中小企業(yè)2009-05-08
阿里巴巴國際站首頁用過的大分類導航菜單,像拉開的抽屜一樣,國內的京東商城目前正在使用的一款菜單效果。2011-07-27- 天在QQ群里,我提出了一個建議,本來想搞一個原創(chuàng)大賽來著,后來越聊越亂,到最后無疾而終。曾經的SEO協(xié)會也舉辦過,反應平平2008-11-04
- 先想創(chuàng)意,再畫草圖,接著鼠繪,最后做成flash動畫。這是我的習慣流程。 這是想到中秋時,我第一時間內能浮想出的圖像:大意是嫦娥奔月,帶去了人間美食—&md2008-10-17
- 阿里巴巴國際站面向全世界.因為改版需要適合各種人的習慣2012-07-20
- 關鍵字描述:風格 頁面 定義 阿里巴巴   " < spacestyle 最新補充: 1) 附件附index.php company.php 有修改好的,修改過的地方都有注釋,都是比較簡單2009-06-06
- 添貓司機app是專為網 約車司機打造的一款接單軟件,擁有專業(yè)的司機端出車系統(tǒng),包含我的訂單、我的錢包、服務分查詢、考核統(tǒng)計、聽單檢測等功能,旨在為司機提供更專業(yè)、更2026-03-10


