網站改版頁面關鍵點分析網頁可用性

來源:互聯網
上載者:User

www.Alisoft.com,最新版的首頁與4月2日終於上線了。

雖然是一個過渡時期的版本,可是跟以往的版本已經有了很大的提升,從一個簡單粗糙的頁面過渡成一個漸漸符合規範和可擴充性頁面。

這個版本需要滿足各方面的需求,互動設計師在這裡做了很多的橋樑工作,和以往的項目一樣:
前期的使用者調研與DBA的資料分析很早就做了一些,與PO同學探討商業需求與戰略目標、與PD共同分析需求並對其項目分解,展開互動設計後,後期的視覺督導和前端工作的結合都是UED的重要組成部分、前端開發工程師與QA的bugfix工作和頁面上線是細節的工作。

不同的是這次項目由UED部門去主導,也是使用者體驗地位的一項重要提升,在公司商業目標逐漸清晰的時候UED部門的同學開始逐漸發力。

那麼我想從這次改版的頁面中提出幾個關鍵點進行分析。

(一) 商業需求:

一個項目的發布都需要有明確的項目需求,思路清晰了就好進行系統設計。一套項目流程走下來,從kickoff到高保真DEMO評審,UC明確後基本上就不允許有大的改動了。

header改版中的商業需求

在第一版的時候我們在logo的旁邊加上了“測試版”的字樣,是因為目前的版本是一個滿足商業需求的版本,幾乎沒有規範可言。一切都是為了將網站做成一個符合我們目前業務的網站。

作為互動設計師,一定要明白目前的需求點在哪裡,雖然我們一直在致力於各種關係的平衡,但是適合時宜的結合當前的情況去設計無疑是最好的選擇。羅馬不是一天可以建成的,一定是一項一項的展開工作,昨天的漏洞今天就需要去彌補,用一個開發工程師的話來說:“我每天的工作都是在踩各種各樣的狗屎。”碰到了因為倉促上線而遺留的問題。

四種不同應用狀態下的header

  1. 第一個是首頁,它包含了所有的業務和搜尋功能;
  2. 第二個是擁有3級分類的2級導航,剛性的功能頁面;
  3. 第三個簡單的2級分類導航,它在乎的是子頁面所包含的內容;
  4. Detail頁面,拋開了羅嗦的子分類,可是右上方的文字和連結過於幹擾,在後續的版本中就會改進。
       

這個是目前的navigation bar,也許大家奇怪,為什麼右邊的自主軟體變成這樣了,答案只有一個,商業目的和戰略需要所致。

阿里WangWang的地位被逐漸提高到至高的角度,甚至整個alisoft mall平台都會依附阿里WangWang的品牌進行擴充,這也是一般使用者對WangWang的認知度比阿里軟體還要高的原因之一。

來看看更早期的navigation bar吧。
2007年公司剛成立時,也許今天很難想象當時朦朧的雛形和800解析度的網站尺寸,這在當時確是主流,沒有幾個大型網站將頁面換成1024px,當時的網站連內容都還不具備,所以連最基礎的login也不包含了。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。