政府網站營運交流平台 - 國家發展委員會
:::

12.2 行動版網站版面應簡潔,宜採用單欄式設計

更新日期:103-10-22

為使行動版網站易於瀏覽,應清楚呈現重點內容,並採用操作簡單之單欄式設計。

適用等級

網站 外語版網站 行動版網站
入口網站 主題網站

為了在有限的行動裝置畫面上閱讀並操作網頁,應使用單欄式的設計(Single-Column Layouts)。欄位太多對於使用者來說,以手指操作很容易誤觸,個別欄位的字體相對也會變小,不易閱讀。

如果是多欄式的網站模板,建議使用Responsive Web Design 技巧,將多欄(Multi-column)合併成單欄式設計。

上一章節
12.1 行動版網站設計應可隨裝置自動調整版面
下一章節
12.3 行動版網站按鈕設計應明顯易按且提供視覺反饋按鍵
回目錄頁