UX 設計領域的新人殺手:資訊架構設計

更新於 發佈於 閱讀時間約 4 分鐘

最近我在帶實習生開始接手資訊架構的工作,相對於用戶研究的工作,資訊架構的設計規劃工作可以說是新人殺手。

我聽過剛入行的設計師困惑的跟我說:「wireframe 不就是沒上色的介面設計嗎?」

殊不知,許多剛入行設計師規劃的介面與流程被工程師刁難、被 PM 亂改、魔改了十幾個版本之後才發現沒辦法開發,原因或許都跟缺乏資訊架構設計的過程有關。

所以我想寫給我們家實習生一篇文章,聊一下為什麼資訊架構設計是他今後成為產品設計師的路上,一個需要埋頭苦練的基本功。

資訊架構這個技能,是許多設計師既熟係又陌生的一門領域,其實只要參與產品開發,資訊架構的問題幾乎如影隨形出現在產品的方方面面上,但真的要定義這是一份什麼工作,卻又難以回答。

當一個軟體需求被確認之後,呃,我知道這不容易,而且隨時會翻船,但我們假設你得到了一份邏輯清楚、可信度靠譜而且確定要執行的需求描述之後,資訊架構的工作就隨之展開了。

就好像搬家,你有對於生活情境的想像,也有一些自己的家具,然後你要觀察即將搬進去的房間格局,思考你的生活動線,這個居住空間會有哪些使用情境,然後把家具試著擺放進去,再測試看看是否如你預期,然後還要決定這麼多衣服、書本、雜物要如何收納進這整個空間。

換到軟體開發的資訊架構設計工作也是一樣的,當你接手軟體的需求之後,首先要確認的是什麼角色?因為什麼原因?要做哪些事情?會使用到什麼機制功能?需要哪些資訊?

角色、原因、做哪些事,這要透過需求訪談來處理,我們先不提經常需要你觀落陰的情況。

會使用到什麼機制功能,這需要去跟技術開發者或者 PM 確認,整理出系統機制的功能性流程圖來定案,再次聲明,我們先不討論需要你觀落陰的情況。

經過這樣東市買駿馬、西市買長鞭的拼湊一個軟體需求所影響的每一個要素,你才有辦法著手資訊架構設計的工作。

但如果你以為這樣就可以開始進行 sitemap、wireframe 這些一般常見的工作,嗯,想得美。

在打開設計軟體畫圖之前,你還要整理資訊的來源、結構與格局這塊工作要處理,就像炒菜之前你得要備料一樣。

假設你這次要處理的流程,三個步驟裡面需要五種資訊才能幫助使用者抵達流程的終點,就像訂單成交,你需要使用者資訊、購物清單、金流資訊、物流資訊等等等。

你找出系統裡面有某些其他現存的機制,已經具備一部分使用者在這個需求中需要的資訊,太棒了,不需要憑空規劃,那剩下的資訊怎麼辦呢?

可以要求使用者自己輸入嗎?有沒有第三方系統可以提供?A 使用者需要取用的資訊,會不會連動到 B 使用者呢?這些資訊取用的過程,系統會延遲或者需要驗證什麼嗎?

當然你也可以認為這是工程師或是 PM 該做的事情,但那就不要抱怨被當做美工或者人形滑鼠使用,因為整理並確認這些素材,可以確保你最後規劃的介面與流程是經過大家確認具備開發上的可行性。

負責「設計」流程的人,如果沒有整理以上資訊的能力,就像廚師沒有能力對食材調味,也辨識不出什麼樣的食材搭配在一起是能夠吃的。

處理資訊架構的過程繁雜,每個階段的產出不太具體,許多開發團隊也沒有意識到要規劃對應的溝通時間。

這些事情 UX 設計師不處理,其他對這類問題有意識的人也會察覺問題,這也是每個人都會來嘴一遍你設計的介面與流程有問題,然後你很難過為什麼不早點告訴你這些問題的原因。

但如果你有資訊架構的問題意識,並且挑起擔子主動出擊,或許我不是工程師啦,但有這樣的設計師夥伴聽起來挺不錯的,不是嗎?

留言
avatar-img
留言分享你的想法!
avatar-img
獸群之心 / Soking的沙龍
82會員
47內容數
以一個資深網路產品設計師的眼光,討論網路思維、產品思維以及心理學如何幫助我們了解這個世界。
2023/06/02
其實在與客戶開顧問會議的時候,我常常會勸客戶不要輕易發動用戶研究,而是應該回歸到基本的問題定義,那就是我們現在希望解決產品發展過程的什麼問題? 我想透過這篇文章來思考整理,我對於用戶研究在什麼時機發動,對於產品服務的發展會是更明確的效益與用途。 從商業發展的角度來看,我通常會以這幾點作評估基礎...
2023/06/02
其實在與客戶開顧問會議的時候,我常常會勸客戶不要輕易發動用戶研究,而是應該回歸到基本的問題定義,那就是我們現在希望解決產品發展過程的什麼問題? 我想透過這篇文章來思考整理,我對於用戶研究在什麼時機發動,對於產品服務的發展會是更明確的效益與用途。 從商業發展的角度來看,我通常會以這幾點作評估基礎...
2023/05/26
前陣子我在回顧過去幾年合作過的企業,重新思考他們是在什麼情況下察覺自己需要尋找外部的體驗設計團隊協助,希望透過這篇文章疏理自己的觀點,也分享給你。 ​我發現可以用三個問題作為分析的角度,來評估這個議題...
2023/05/26
前陣子我在回顧過去幾年合作過的企業,重新思考他們是在什麼情況下察覺自己需要尋找外部的體驗設計團隊協助,希望透過這篇文章疏理自己的觀點,也分享給你。 ​我發現可以用三個問題作為分析的角度,來評估這個議題...
2023/05/21
先前在訓練我們家的新人 UX 設計師如何帶領客戶進行設計思考工作坊,這對我來說也是一個新鮮的嘗試,引導別人如何進行工作坊引導,這在語言與概念上有著遞迴的樂趣。 觀察我們家新人如何出包,與他一起覆盤的過程,也讓我建構了「原來這些概念需要特別提醒」的 Tips,因此本文想跟你分享我的觀察。
2023/05/21
先前在訓練我們家的新人 UX 設計師如何帶領客戶進行設計思考工作坊,這對我來說也是一個新鮮的嘗試,引導別人如何進行工作坊引導,這在語言與概念上有著遞迴的樂趣。 觀察我們家新人如何出包,與他一起覆盤的過程,也讓我建構了「原來這些概念需要特別提醒」的 Tips,因此本文想跟你分享我的觀察。
看更多
你可能也想看
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
常常被朋友問「哪裡買的?」嗎?透過蝦皮分潤計畫,把日常購物的分享多加一個步驟,就能轉換成現金回饋。門檻低、申請簡單,特別適合學生與上班族,讓零碎時間也能創造小確幸。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
如何成為軟體工程師?前端、後端、全端工程師之間的差異?這篇文章推薦給不知該怎麼開始學習的你,學習路線與必備技能一次詳細說明!
Thumbnail
如何成為軟體工程師?前端、後端、全端工程師之間的差異?這篇文章推薦給不知該怎麼開始學習的你,學習路線與必備技能一次詳細說明!
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
在台灣雖然越來越多設計師,但還是有很多人不了解這個工作,畢竟這個職位相較於工程師與產品經理比較新,某個角度來看也沒這麼重要(苦笑)。 但在美國,這是個非常受歡迎的職位。有非常多學生,甚至工程師轉來做設計師,為什麼呢?就來透過五個常見的問題來介紹一下我的工作吧!
Thumbnail
在台灣雖然越來越多設計師,但還是有很多人不了解這個工作,畢竟這個職位相較於工程師與產品經理比較新,某個角度來看也沒這麼重要(苦笑)。 但在美國,這是個非常受歡迎的職位。有非常多學生,甚至工程師轉來做設計師,為什麼呢?就來透過五個常見的問題來介紹一下我的工作吧!
Thumbnail
在設計經歷上,每個產品的接觸階段會造成並產生的經驗值也有所不同,也會反映在面試跟薪資上,這裡我會把每一個介面設計師會遇到的成長歷程,整理歸納成這幾個階段,可以透過下面的歸類看看自己目前屬於這裡面哪一個階段:
Thumbnail
在設計經歷上,每個產品的接觸階段會造成並產生的經驗值也有所不同,也會反映在面試跟薪資上,這裡我會把每一個介面設計師會遇到的成長歷程,整理歸納成這幾個階段,可以透過下面的歸類看看自己目前屬於這裡面哪一個階段:
Thumbnail
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
Thumbnail
這篇文章我想記錄在 UX 設計工作我在哪些地方大量運用了文字相關的技術,許多習慣源於我在新媒體領域工作時期,除了當 PM外,還兼任社群營運、媒體編輯與採訪記者所磨練出來的文字能力。 我的 UX 專案文件始於文字企劃書 每次 UX 專案開始,我不會先打開設計軟體開始把想法視覺化,而是用文字寫下來所有
Thumbnail
【介面設計師與視覺設計師應該如何分工協作?】 你知道介面設計師與視覺設計師,在共同負責一個專案的時候,都是如何協作的嗎? 即使同樣都是為產品外觀所把關的設計師,但所負責的部分卻是大不相同喔!🧐 想知道介面設計與視覺設計互相合作的眉眉角角?趕快點進文章來看看吧!
Thumbnail
【介面設計師與視覺設計師應該如何分工協作?】 你知道介面設計師與視覺設計師,在共同負責一個專案的時候,都是如何協作的嗎? 即使同樣都是為產品外觀所把關的設計師,但所負責的部分卻是大不相同喔!🧐 想知道介面設計與視覺設計互相合作的眉眉角角?趕快點進文章來看看吧!
Thumbnail
本系列文章前面的「資訊架構的三種基本角色」、「事前準備與內容提供者」、以及「評估資訊內容的影響力」三篇,都是關於資訊架構前期規劃的討論,所以本文想談談執行過程的思考,包括進行網站地圖(sitemap)、框線架構(wireframe)等設計時犯過哪些錯誤、以及更理想的作法。
Thumbnail
本系列文章前面的「資訊架構的三種基本角色」、「事前準備與內容提供者」、以及「評估資訊內容的影響力」三篇,都是關於資訊架構前期規劃的討論,所以本文想談談執行過程的思考,包括進行網站地圖(sitemap)、框線架構(wireframe)等設計時犯過哪些錯誤、以及更理想的作法。
Thumbnail
在前一篇〈資訊架構入門#1〉中,我們提到資訊架構的三個基本角色:使用者、資訊系統、以及資訊提供者;本文將繼續討論思考資訊架構的方式,希望讀者往後可以用新的方式來觀察使用的網站、app、甚至日常生活中各種數位產品的資訊架構。
Thumbnail
在前一篇〈資訊架構入門#1〉中,我們提到資訊架構的三個基本角色:使用者、資訊系統、以及資訊提供者;本文將繼續討論思考資訊架構的方式,希望讀者往後可以用新的方式來觀察使用的網站、app、甚至日常生活中各種數位產品的資訊架構。
Thumbnail
對於希望入門UX(使用體驗設計)這個領域的朋友而言,學習的門檻之一往往是各種意義繁複的專有名詞,例如「資訊架構」。本文之後的一系列文章,將與讀者討論資訊架構的知識,作為分析或設計網站與各種線上服務的參考。
Thumbnail
對於希望入門UX(使用體驗設計)這個領域的朋友而言,學習的門檻之一往往是各種意義繁複的專有名詞,例如「資訊架構」。本文之後的一系列文章,將與讀者討論資訊架構的知識,作為分析或設計網站與各種線上服務的參考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News