200673113151842177801.gif

如果說信息門戶網站是以考慮信息量全、快為主,那麼商業網站顯然就是以如何突出該公司最新商業產品賣點、動向為主。

作為一個設計師,在設計規劃網站的時候,首先應該客觀的站在普通的用戶角度上考慮:如何讓用戶最直觀最需要看到的商品信息及與網站背後商家的意圖完美結合起來。

(一)、框架結構

上左下框架結構排版,把中部近佔頁面三分之一面積的新產品賣點圍起襯托出,這是該網站的中心點。中下部為公司最新動向。

(二)、內容規劃

IBM在考慮如何更便捷的滿足不同客戶的需求、同時又能達到迅速推銷自己的新產品意圖可謂著實下了番功夫。

1、Search在右上角鮮明且又方便點擊的生理科學位置。

2、上部導航條是圍繞著產品、服務、技術支持、實現購買的菜單,體現方便實用、周全服務的特質。

3、左部粗體是IBM針對不同行業的解決方案和相關產品適應範圍、良好堅實的權威信譽陳列出來;細字體部分是對不同的用戶群,可以選擇不同的入口。

4、中部是較直觀的新產品圖片,中下部放置公司新聞、新產品策略、預出新產品動向,提昇在客戶心中的可信度心理信息。

5、右邊是一些IBM的能提供的主要服務或者說產品、成功範例。

6、下部主要是放置公司各類信息、聯繫方式等。

從以上內容規劃分析,我們很清晰的看到,IBM能夠很好的把握住顧客心理,抓住關鍵視覺部位無不圍繞著產品轉的主動權。

(三)、顏色

使用標誌的標準色為主調,協調統一了整個網站的視覺。在黑色與深鈷藍色添加左框架的淡藍色,成穩中又能體現其明快風格,使得整個網站的色調生動起來。

在這里略有點難理解的是首頁右下角的產品通道搜索框背景運用了與整個網站較有區別的顏色,是為了更好的引導客戶視覺呢還是呼應協調了上部導航欄的“Home”歡迎大家共同探討。

(四)、文字

1、主要由“Arial, sans-serif”“Verdana, Arial, sans-serif”這兩種網頁常用字體構成整個頁面,有點像我們中文網頁常用的“宋體”“黑體”。

2、運用粗體分別在導航條、主要菜單標題來與其他文字做主次內容上的區別。易於識別。

(五)、圖片

我們知道網站的首頁主要是考慮信息量和客戶瀏覽速度問題。

1、IBM的圖片用得不多,一張面積較大的主圖和三張小小圖片,所以大大提高了瀏覽速度。主圖在點睛生動了該網站的同時、有效的減少了客戶視覺瀏覽方向點,直接引導到該網站的中心意圖點。

2、程序設置的時間分別更替男、女促銷員頗賦親和力熱情微笑的圖片,體現、暗喻IBM公司內部團體服務周到、熱情友好健康的企業文化精神風貌。

再回到整體上來看:簡潔明快、主次分明、方便實用是我此次對IBM網頁界面部分的綜合特徵概括。

分析用戶界面實質也是在分析用戶、商家目的心理。在這個時間、效率高於一切的現代商業社會,有什麼能比方便用戶更令人欣慰的減壓幫助方案呢?我們設計工作者今後要努力規劃設計出更簡潔實用的“傻瓜式”網站界面。

Post a Comment

   You must be logged in to post a comment.