珠海網站建設公司整理的信息架構知識據說89%的設計師都不知道

來源:珠海網站建設作者:笑笑網址:http://www.wmfvfd.live 

珠海網站建設公司整理的信息架構知識據說89%的設計師都不知道

《用戶體驗要素》將用戶體驗的流程分為五個層次:戰略層、范圍層、結構層、框架層、表現層。

戰略層確定了產品目標和用戶需求;范圍層對用戶需求和產品功能進行篩選、分析、分類、定優先級;接下來就是結構層的信息架構的設計了,也就是今天要說的內容;確定了信息架構和用戶的使用流程,框架層會解決導航設計、界面設計和信息設計;最后交給表現層,去完成產品視覺、觸覺、聽覺、嗅覺、味覺上的設計,互聯網產品主要集中在視覺方面的設計。

交互設計師涉及的工作主要集中在結構層和框架層,也會涉及到范圍層。對于戰略層和表現層影響較少,戰略層是由公司管理層決定的,而表現層由視覺設計師(UI設計師)決定。

言歸正傳,我們先來解決第一個問題,什么是信息架構?打個比方,有個投資方,要投資建立一個科技園區,得到一塊地之后,在東邊建10個房子,在西邊建20個房子...,房子挨著房子,這樣做是肯定不行的。因為必須得事先規劃好,設計好園區的道路,將園區進行劃分,這塊地是用來建人造湖的,旁邊的一塊地是綠化面積等等。園區建設中這個規劃的過程,就相當于互聯網產品中的信息架構設計。信息架構包括組織系統、標簽、導航、搜索系統這四個方面。

珠海網站建設公司整理的信息架構知識據說89%的設計師都不知道

園區規劃圖

組織系統

世界分為生物和非生物;生物分為動物、植物、微生物;人屬于高級動物,人又分為男人和女人;你身邊的人又被你分為熟人和陌生人,熟人里有朋友、戀人、親人。你從事的行業又分為互聯網行業和傳統行業;互聯網行業里又有許多職位,產品經理、交互設計師、UI設計師、開發、運營等等。

不知不覺中我們隊所有的信息都進行了分類,因為只有不斷的把信息分類,才能簡化這個世界,從而理解世界。分類是認知世界的基本法則,如何分類甚至決定了我們的價值觀是什么。

為了讓用戶更容易的理解產品,瀏覽需要的信息、完成要完成的任務,就必須對產品里涉及的所有信息進行組織、分類。組織系統包含兩個部分,一個是組織方式,一個是組織結構。

組織方式

①自上而下:

自上而下是從戰略層出發去考慮內容分類。將能達成產品目標和用戶需求的所有功能和內容進行邏輯上的分類,例如“一個”APP,分為了首頁、閱讀、音樂、電影,接著再繼續往下細分出二級、三級信息。從而完成產品的分類。

②自下而上:

自下而上是從底層信息開始,將最底層的信息歸屬到較高一層級,再將這一層級歸屬為更高一級,自上而下可以理解為是在做分解,而自下而上可以理解為在做歸類。

最常用的自下而上分析方法就是卡片分類法,即將最底層的所有標簽給目標用戶,讓目標用戶去自己歸類,從而得出產品的信息架構

卡片分類法

組織結構:

①層級結構

這種結構是最常用的結構,幾乎所有的產品的主結構都是層級結構。層級結構只存在父子級關系,一個父級分出幾個子級,子級再分出它的子級,直到將所有信息都包括進來。

層級結構

②矩形結構

將信息從多個維度進行分類,這種組織結構能夠幫助不同的目標用戶找到各自需要的內容。淘寶搜索結果頁對商品的篩選就是矩形結構。

矩形結構

③自然結構

現實生活中,很多信息是雜亂無章毫無規律的,它們之間找不到嚴格意義上的邏輯關系,這就是自然結構。整個互聯網就是一個自然結構,你平時用電腦瀏覽信息,從這個鏈接跳到另一個鏈接,從這個網站去到別的網站,這個瀏覽結構就是自然結構。

自然結構

④線性結構

有一種結構,沒有分叉信息,一個標簽連著另一個標簽,這就是線性結構。我們用互聯網產品完成某一個任務時,多數都是線性結構。例如:你去淘寶購物,先搜索商品——瀏覽商品——選擇商品——下單付款——等待收貨——確定收貨——評價訂單,完成一個任務就相當于走過了一個線性結構。

線性結構

具體到某個互聯網產品上,產品的主結構基本上是層級結構,而自然結構最不常見,矩形結構和線性結構多用于產品局部的功能和內容的組織。理解了組織系統,就相當于在大局上把握了產品的信息架構,這樣設計出來的產品就不會給人凌亂和散的感覺。打開你常用的APP去看看,它們都是些什么結構。

標簽系統

我們利用自上而下或自下而上的方式確定了產品的組織結構,具體這些結構里的節點該如何命名?如何按照用戶容易接受的方式去命名?這就是接下來標簽系統要解決的問題。

經過幾十年互聯網的發展,很多標簽已經被用戶廣泛接受,遵循這些已經占據用戶心智的標簽是一個重要原則。

例如:首頁、搜索、站點地圖、聯系方式、關于我們等等。

多去和目標用戶溝通,看看目標用戶對標簽的理解是不是符合他們的心理模型(關于心理模型的概念,可以查看往期文章《為什么用戶覺得你的產品不好用?》),例如簡書會實時保存作者所寫的文章,它所使用的標簽是保存中、已保存、保存這些,如果換成歸檔中、已歸檔、歸檔呢?這樣作者就會覺得迷惑。

導航系統

一提到導航,第一想到的是車載導航、手機里的導航軟件,導航能幫我們用最快的時間到達正確的地方。同樣,互聯網產品中的導航系統,也起著這樣的作用:防止你在產品中迷路,告訴你現在所處的位置,能去哪,如何去。

導航分為三類:全局導航;局部導航;情景式導航。

全局導航在一般會常駐在界面當中,像web網站的頂部、APP端的標簽欄,就屬于全局導航。

Apple官網全局導航

微信APP的全局導航

一個產品往往只有一個全局導航,但是會有多個局部導航來補充。

錘子手機官網在全局導航下的局部導航

除了全局導航和局部導航,其他內嵌在產品內容中的鏈接或者可點擊的元素,都被稱為情景式導航,情景式導航能讓用戶實現產品內容直接的跳轉,從而完成用戶目標。

移動端導航是我們平時接觸最多的產品導航,下一篇文章會詳細描述,包括標簽式導航、抽屜式導航、網格式導航、列表式導航、菜單式導航、點聚式導航等等。

搜索系統

1994年楊致遠和大衛-費羅夢想著將整個互聯網下載下來,從而創立了雅虎網站,最開始是把所有的網站名稱和鏈接放在一起,供人們查閱使用,隨著網站的增加,他們設立了分類,用戶可以利用導航目錄來查詢網站。互聯網發展速度日新月異,新建立的網站越來越多,單單的目錄分類已經不能滿足用戶查找信息的需求,搜索便應運而生。用戶只需要搜索關鍵詞,就能在搜索結果里面找到自己想要的內容。直接展示內容→將內容分類建立目錄索引→搜索引擎的加入,便是互聯網產品內容查找的發展過程。

產品需不需要搜索功能;入口放在哪;搜索界面該如何布局;搜索結果頁該如何設計;搜索結果該如何排序;要不要提供結果頁的篩選條件;需不需要提供搜索范圍...這些都是設計搜索系統時設計師該思考的問題。

信息架構設計在互聯網產品設計中處于承上啟下的作用,它上面連接著戰略層和范圍層,下面影響著框架層和表現層,可以說是整個互聯網產品設計流程中的核心,產品或者交互設計師一定要知道,一個優秀的信息架構能幫助公司達成產品目標,也能滿足用戶需求,提高用戶體驗。


注:相關網站建設技巧閱讀請移步到建站教程頻道。


需要更多干貨內容請加QQ:2825339136珠海小小網絡科技 珠海小小網絡科技



推薦閱讀:

珠海網站建設為初創公司支招利用VR進行數字營銷!!!

珠海網站建設談MIP改造:創造低成本收益大

?珠海網站建設教您如何建設一個實用性強的網站

網站設計中顏色對一個品牌影響力

?川普靠社交媒體成為美國總統,為什么內容營銷這么火?

?網站建設知識:如何提高你的搜索結果列表

?2017年企業該如何選擇網站建設服務商?

做了N久公眾號,你卻未必知道這兩個小技巧