
362
|
第八章
填空式設計(
Fill-in-the-Blanks
)
圖
8
-
7
The New York Times
這是什麼
把表單中的 一或多個欄 位排列成一 個句子或片 語,但需填 寫的欄位內 容保留「空
白」,由使用者填入。
何時使用
需要使用者輸入資料,通常是單行文字、一個號碼,或從下拉式清單做選擇。你試
著將它設計成一組「標籤與控制元件」的組合,但是標籤的典型宣告式風格(像是
「名字:」以及「地址:」),不太容易讓使用者瞭解這是怎麼一回事。然而,我
們可以改用活潑生動的句子或片語,讓使用者知道,一旦空白的地方填上資料後,
會發生什麼動作。
為何使用
填 空 式 設 計 可 以 幫 助 介 面 自 我 解 說 。 畢 竟 , 我 們 都 知 道 該 如 何 完 成 一 個 句 子 。
(動詞片語或名詞片語也有相同效果)。當我們在一段口語描述中看到有待輸入的
地方,也就是「空白」,這可以幫助使用者瞭解進行的事項,以及被詢問的問題。
原理作法
使用你的文字技巧,寫下一個句子或片語。用控制元件取代其中一些字。
如果打算在片語中央嵌入一些控制元件(而不是在片語末端),最適合搭配本模式
的元件是文字欄位、下拉式清單與複式盒 — 也就是與句中的文字具有相同外形因
素(寬度與高度)的元件。也請確定英文句子的基線(baseline)必須和控制元件
的文字基線對齊,否則看起來會很不整齊。將控制元件的尺寸調整到只足以容納使
用者的選擇,並和周遭文字間保有空白。
DI_2e_ch08.indd 362 2012/1/5 下午 ...