axure商城

交互設計基礎:互聯網產品的基本信息架構

一個網站/軟件到底需要多少張頁面,我覺得是“3×n”張。3個基本頁面。信息架構從某種程度上講,是對這三種頁面的排列組合。1、著陸/導航頁2、消費頁3、交互頁

一個網站/軟件到底需要多少張頁面,我覺得是“3×n”張。

3個基本頁面

信息架構從某種程度上講,是對這三種頁面的排列組合。

1、著陸/導航頁

通常一個網站的首頁承擔了這一作用。下圖截自“hao123”,因為他們全站幾乎只有一個導航的作用,很典型。

2010-07-21_184102

2、消費頁

這是用戶瀏覽我們網站的目的地。我之前更喜歡管它叫“內容頁”,但是通常用戶都需要在這個停留相對較長的時間,在我看來,這個頁面“消費”了我們的時間。web2.0的豆瓣也不例外,我們找到了一半理想的書籍,會細細閱讀相關的介紹.

2010-07-21_184646

3、交互頁

交互頁是交互設計師的重頭戲,全依賴他們,才能把復雜的流程變得簡單。

圖片1

當然,信息架構的工作不是就這樣簡單。

復雜的是,這些頁面通常情況下不會簡單的排列組合,而是互相融合。

消費頁+ 著陸/導航頁 是最常見的情況

自從有了Google等偉大的搜索技術,我們瀏覽網頁的方式有了極大的改變,我可能直接就會找到我感興趣的內容。比如下圖,第一條搜索結果就是剛剛豆瓣的那個網頁,這樣點擊一次就可以到達。所以,每個消費頁都可能是著陸頁。

2010-07-21_185406

于是,消費頁也需要加入導航。仔細看下剛剛豆瓣的頁面,果然可以找到導航。

2010-07-21_185649

交互頁盡量不要與消費頁和導航頁結合

來自apple的這個例子。購物之后交費頁面僅提供主導航做為“緊急出口”,讓用戶可以終止這個購物流程。同時提供了幫助頁,對這個流程進行支持。再就是少量的付款需要參考的信息。

2010-07-21_190558

注冊頁面和登錄頁面更要完全拋棄導航。登錄or注冊,不可以有其他的選擇。

2010-07-21_191020

原文地址:http://blog.chenjz.com/ia/ia-3n.html

給TA買糖
共{{data.count}}人
人已贊賞
產品經理

應屆生如何成為一名產品經理?

2012-11-6 7:58:10

產品經理

交互設計教程:非一般的“取消”按鈕

2012-11-11 3:38:47

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo