相信在瀏覽網(wǎng)站時,逛著逛著就突然不知道自己在這個網(wǎng)站的哪個位置,卻又已深陷在網(wǎng)頁的深處,因為不知道是從哪個內(nèi)頁過來,只好不停按上一頁才能回到原本的位置。事實上,好的網(wǎng)站是不會令你感到困惑或困擾,并且可以讓你感到很自在、很安心,不會擔心填表格很冗長、內(nèi)容不知道該花多少時間讀完,還有你不會在幾百頁的網(wǎng)頁中迷路!今天就來介紹建設網(wǎng)站的建筑師:網(wǎng)站結構。
?
網(wǎng)站結構(Information Architecture)的基本定義是在網(wǎng)站環(huán)境中,影響系統(tǒng)組織、導覽、及分類標簽的組合結構。它是也基于信息結構方法論,并運用內(nèi)容管理技術來管理和組織信息的一個專門學科。從事該行的人員一般叫做網(wǎng)站信息規(guī)劃師。
?
網(wǎng)站結構對于網(wǎng)站設計是極為重要的,它決定了網(wǎng)站的整體結構規(guī)劃,好的網(wǎng)站結構可以讓使用者參訪網(wǎng)站時感覺不到網(wǎng)站結構的存在,使用者使用網(wǎng)站時能感到流暢又容易找到想找的網(wǎng)站,且不會產(chǎn)生困惑。
?
網(wǎng)站結構三圓圈(Three Circles of IA)
?網(wǎng)站結構大師提出網(wǎng)站結構的三個重點:Context(情境)、Content(內(nèi)容)、User(使用者)。這是關于組織內(nèi)容與網(wǎng)站流程的研究與企劃,終極目標是基于使用者研究(User Research)來設計出在使用者需求與商業(yè)需求之間取得平衡的網(wǎng)站結構。
?
網(wǎng)站結構四原則
?1. 使用者能夠清楚知道他們現(xiàn)在的位置。
?2. 使用者能夠容易找得他們要找的網(wǎng)站。
?3. 使用者能夠找到其他相關連結、文章。
?4. 使用者會采取各種行動(Call To Actions)。
?
網(wǎng)站結構五步驟
?1. 收集關于使用者的資料。
?2. 制作訪客人物志(Persona)及使用者故事(User Story)。
?3. 研究后設資料(Metadata)、使用者場景(Scenarios)、頁面內(nèi)容(Pages)
?4. 設計畫面流程圖(User Flow)
?5. 制作網(wǎng)站地圖(Sitemaps)、線框圖(Wireframes)—然后收集回饋。