Skip to Content
操作介面設計模式 第二版
book

操作介面設計模式 第二版

by Jenifer Tidwell
January 2012
Intermediate to advanced
584 pages
11h 56m
Chinese
GoTop Information, Inc.
Content preview from 操作介面設計模式 第二版
118
|
第三章
序列地圖(
Sequence Map
3
-
48
Hanna Andersson
的訂單序列地圖
這是什麼
在序列的每個頁面上,依頁面排列順序顯示一份地圖,也包括「你在這裡」的指示。
何時使用
用在設計一份有順序的敘述、工作流程、一個精靈(Wizard,或任何會讓使用者
依序處理頁面的東西時。此時使用者的路徑幾乎是直線的。
如果導覽的範圍架構很大且為階層式(而不是線性的),或許你會想改用麵包屑記
號(Breadcrumbs模式。如果你要處理的步驟或項目數量較多,而且順序沒那麼
重要的話,或許可以變化成第五章的雙面板選擇器(Two-Panel Selector 或第七
章的概觀加上細節(Overview Plus Detail
為何使用
序列地圖告訴使用者,他們已經進行到步驟中的何處 更重要的,還揭示了剩下
多少步驟才會完成。知道這一點,能協助使用者決定是否要繼續完成步驟、能估計
還需要多少時間,並能保持注意力不迷路。
序列地圖本身也可以當作導覽裝置。如果使用者想回頭看看已經完成的步驟,應該
只要按下序列地圖上的該步驟,就可以跳過去。
原理作法
在頁面邊緣,放置一份小型地圖,地圖中依序安排步驟中的各個頁面。盡量將序列擺
設成一橫列或一直欄,以免跟實際頁面內容爭奪注意力。請突顯地圖中對於目前頁面
的指示,例如標示得亮一點或暗一點;對於已經看過的頁面也用類似的方式標示。
為了使用者的方便,你可能想把地圖放在靠近主要導覽元件的附近,通常放在靠近
「上一頁」和「下一頁」按鈕的地方。
DI_2e_ch03.indd ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

精實企業|高績效組織如何達成創新規模化

精實企業|高績效組織如何達成創新規模化

Jez Humble, Joanne Molesky, Barry O'Reilly
優雅的SciPy|Python科學研究的美學

優雅的SciPy|Python科學研究的美學

Juan Nunez-Iglesias, Stéfan van der Walt, Harriet Dashnow
精通機器學習|使用Python

精通機器學習|使用Python

Sarah Guido, Andreas C. Mueller
量子计算机编程:从入门到实践

量子计算机编程:从入门到实践

Eric R. Johnston, Nicholas Harrigan, Mercedes Gimeno-Segovia

Publisher Resources

ISBN: 9789862762554