阿里巴巴工程師談?wù)勼w驗優(yōu)化與用戶習(xí)慣的延續(xù)(圖文)
發(fā)布時間:2012-05-16 11:10:55 作者:佚名
我要評論

讓我們來請阿里巴巴的設(shè)計師談?wù)劸W(wǎng)站的設(shè)計優(yōu)化以及體驗

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

相關(guān)文章
- 太佩服作者了,JS水平淋漓盡致,這是一款仿阿里巴巴網(wǎng)站首頁的JS圖片切換特效,上邊的是水平切換,下邊的一個是上下切換,為了利于學(xué)習(xí),作者將切換運作分解,并設(shè)2009-05-03
- 阿里巴巴這個公司想必大家都知道,無論哪個專業(yè)的同學(xué)2009-05-06
阿里旺旺2013 賣家版 2013 7.20.39T 最新綠色去廣告版
利用官方安裝版修改,僅僅去廣告,去除自動更新。去除右下角彈窗,其他功能未做任何精簡。頂部和底部標(biāo)簽都可以自己定制,不用再修改代碼了。2020-02-20阿里巴巴、環(huán)球資源、中國制造網(wǎng)vs行業(yè)B2B 外貿(mào)企業(yè)如何選擇
B2B平臺的選擇對外貿(mào)企業(yè)來說,一直是非常熱門的話題。原因不外乎,大家都希望有更多的詢盤、更多的訂單,同時競爭對手都在做,我不做豈不是落后于人。但實際上,中小企業(yè)2009-05-08- 阿里巴巴國際站首頁用過的大分類導(dǎo)航菜單,像拉開的抽屜一樣,國內(nèi)的京東商城目前正在使用的一款菜單效果。2011-07-27
- 天在QQ群里,我提出了一個建議,本來想搞一個原創(chuàng)大賽來著,后來越聊越亂,到最后無疾而終。曾經(jīng)的SEO協(xié)會也舉辦過,反應(yīng)平平2008-11-04
阿里巴巴中秋logo結(jié)合網(wǎng)頁的設(shè)計過程
先想創(chuàng)意,再畫草圖,接著鼠繪,最后做成flash動畫。這是我的習(xí)慣流程。 這是想到中秋時,我第一時間內(nèi)能浮想出的圖像:大意是嫦娥奔月,帶去了人間美食—&md2008-10-17- 阿里巴巴國際站面向全世界.因為改版需要適合各種人的習(xí)慣2012-07-20
Dedecms仿阿里巴巴,自定義企業(yè)級風(fēng)格頁面
關(guān)鍵字描述:風(fēng)格 頁面 定義 阿里巴巴   " < spacestyle 最新補充: 1) 附件附index.php company.php 有修改好的,修改過的地方都有注釋,都是比較簡單2009-06-06阿里巴巴企業(yè)名錄搜索軟件 v2.2 綠色免費版 專業(yè)搜索阿里巴巴中文站的
阿里巴巴企業(yè)名錄搜索軟件是迅龍軟件推出的一款企業(yè)名錄搜索軟件,專業(yè)搜索阿里巴巴中文站的企業(yè)名錄數(shù)據(jù),是純綠色版軟件,無需安裝,使用簡單,搜索速度快,是您拓展市場2012-02-08