Web design — Use information space design principles to make web pages better understood

Jen-Hsuan Hsieh (Sean)
A Layman
Published in
8 min readFeb 17, 2021

--

Introduction

資訊空間設計原則旨在塑造人們對於資訊空間的感知- 使用者身在哪裡? 能做什麼? 能期待尋找什麼?

由定義可知,產品開發團隊可以期望掌握設計原則後,提升使用者對於服務的理解程度以提高服務使用率及品質。

那麼如何套用資訊空間設計原則呢?

以下將會從開發者的角度,說明筆者從<資訊架構學>一書中對資訊空間設計原則的理解,並嘗試以空間設計原則套用自己的web專案,以驗證空間設計原則。

本文分為兩個段落說明

1.簡述資訊空間設計原則的概念

2.嘗試實際套用資訊空間設計原則

簡述資訊空間設計原則的概念

資訊空間設計是以實體空間的設計原則,也是空間營造(placemaking)的延伸

實體空間的設計原則(空間營造) → 資訊空間的設計原則 (資訊架構設計)

1. 實體空間的空間營造

人類是如何理解當下所處空間的where/how/what的呢?

  1. 實體空間是由具備實體空間的物件組合而來,例如牆壁、屋頂、 家具等
  2. 在實體空間中,使用者可以從特定的傢俱、符號、事物在特定空間(建築種類)的配置方式中截取片段線索,藉此辨別where/how/what,因此使用者不需要付出太多注意力去確認身在何處。

--

--

Jen-Hsuan Hsieh (Sean)
A Layman

Frontend Developer🚀 Angular • React • Nest • Electron • Micro-frontend • Monorepo Architecture • https://daily-learning.herokuapp.com/