|
www.Alisoft.com，最新版的首頁與4月2日終于上線了。
雖然是一個過渡時期的版本，可是跟以往的版本已經(jīng)有了很大的提升，從一個簡單粗糙的頁面過渡成一個漸漸符合規(guī)范和可擴展性頁面。
這個版本需要滿足各方面的需求，交互設(shè)計師在這里做了很多的橋梁工作，和以往的項目一樣：
前期的用戶調(diào)研與DBA的數(shù)據(jù)分析很早就做了一些，與PO同學(xué)探討商業(yè)需求與戰(zhàn)略目標、與PD共同分析需求并對其項目分解，展開交互設(shè)計后，后期的視覺督導(dǎo)和前端工作的結(jié)合都是UED的重要組成部分、前端開發(fā)工程師與QA的bugfix工作和頁面上線是細節(jié)的工作。
不同的是這次項目由UED部門去主導(dǎo)，也是用戶體驗地位的一項重要提升，在公司商業(yè)目標逐漸清晰的時候UED部門的同學(xué)開始逐漸發(fā)力。
那么我想從這次改版的頁面中提出幾個關(guān)鍵點進行分析。
(一) 商業(yè)需求：
一個項目的發(fā)布都需要有明確的項目需求，思路清晰了就好進行系統(tǒng)設(shè)計。一套項目流程走下來，從kickoff到高保真DEMO評審，UC明確后基本上就不允許有大的改動了。
header改版中的商業(yè)需求：
在第一版的時候我們在logo的旁邊加上了“測試版”的字樣，是因為當前版本是一個滿足商業(yè)需求的版本，幾乎沒有規(guī)范可言。一切都是為了將網(wǎng)站做成一個符合我們目前業(yè)務(wù)的網(wǎng)站。
作為交互設(shè)計師，一定要明白目前的需求點在哪里，雖然我們一直在致力于各種關(guān)系的平衡，但是適合時宜的結(jié)合當前的情況去設(shè)計無疑是最好的選擇。羅馬不是一天可以建成的，一定是一項一項的展開工作，昨天的漏洞今天就需要去彌補，用一個開發(fā)工程師的話來說：“我每天的工作都是在踩各種各樣的狗屎�！迸龅搅艘驗閭}促上線而遺留的問題。
四種不同應(yīng)用狀態(tài)下的header
- 第一個是首頁，它包含了所有的業(yè)務(wù)和搜索功能；
- 第二個是擁有3級分類的2級導(dǎo)航，剛性的功能頁面；
- 第三個簡單的2級分類導(dǎo)航，它在乎的是子頁面所包含的內(nèi)容；
- Detail頁面，拋開了羅嗦的子分類，可是右上角的文字和鏈接過于干擾，在后續(xù)的版本中就會改進。
點擊看大圖
點擊看大圖
這個是目前的navigation bar，也許大家奇怪，為什么右邊的自主軟件變成這樣了，答案只有一個，商業(yè)目的和戰(zhàn)略需要所致。
阿里旺旺的地位被逐漸提高到至高的角度，甚至整個alisoft mall平臺都會依附阿里旺旺的品牌進行擴展，這也是一般用戶對旺旺的認知度比阿里軟件還要高的原因之一。
點擊看大圖
來看看更早期的navigation bar吧。
2007年公司剛成立時，也許今天很難想象當時朦朧的雛形和800分辨率的網(wǎng)站尺寸，這在當時確是主流，沒有幾個大型網(wǎng)站將頁面換成1024px，當時的網(wǎng)站連內(nèi)容都還不具備，所以連最基礎(chǔ)的login也不包含了。
出處：Alibaba.com UED
責任編輯：bluehearts
上一頁 下一頁 從header分析網(wǎng)頁的可用性 [2]
|
第 1 頁 從header分析網(wǎng)頁的可用性 [1]
第 2 頁 
