版面配置
原則
在建立 Zenbo 獨有的介面設計時，請嘗試想像 Zenbo 使用這些功能的所有可能場景。 請注意，並非所有用於近距離使用的智能手機或平板電腦的設計都適用於 Zenbo，使用者與螢幕距離可能超過 10 英尺。因此，所有專為平板設備設計的版面配置都不適用於 Zenbo 介面。 為了滿足更多使用場景的要求，Zenbo 的使用者介面配置和分區必須符合螢幕比例的規則。 Zenbo 使用者介面的配置和分區是根據使用者所處的距離（長距離、中距離或短距離）以及他們的年齡來設計的。 字體、按鈕位置和Zenbo 與使用者之間的互動。
結構
每個應用程式的螢幕由四個主要部分組成：靠近頂部的標題區域，緊隨其後的是文章區域、按鈕和底部的頁面引導區。 實際顯示的區域會因應用程式的具體要求而異。
版面配置的測量
Title Height: 97dp
Content Height: 420dp
System buttons area Height: 215dp
Page indicators Height: 68dp
Left and right content padding: 68dp
- 多媒體grid view
多媒體grid view適用於瀏覽照片或顯示任何需要顯示封面照片或帶有主題和簡介的縮圖頁面。 使用這種特殊配置時，設計者必須在頁面引導區下方保留按兩行按鈕的空間。
- 聯繫人列表
聯絡人是適用於需要快速瀏覽和顯示照片和圖示的螢幕配置。 設計者必須注意，在這類螢幕，標題區域最多可以有兩行文字，並且需要為螢幕底部的兩行按鈕和頁面引導區預留空間 。
- 單欄列表
此配置適合顯示較長的字串。 遵守“每頁三項”顯示規則，在螢幕底部預留兩行按鈕和頁面引導區的空間。
- 雙欄列表
這種配置更適合顯示簡潔的資訊，在一個頁面上有兩欄（左右）和三列。 關於編號，請遵循水平，從左到右遞增的規則。
- 列表類型
根據其操作特點提供三種視圖：
1. 單選：使用者從一個列表中只選擇一項，然後強調被選擇的選項。例如：要求使用者打開或關閉，或打開或關閉某物。
2. 多選：使用者從一個列表中選擇多個項目，之後會出現一個“確認”按鈕給使用者以完成選擇，這些被選擇的按鈕需要清楚的讓使用者知道他一共選擇了多少項目。例如：選擇要刪除的記錄項目。在呈現多選選項時，建議包括“刪除 (N)”、“全選”和“全部清除”按鈕。
3. 項目列表：向使用者呈現一系列項目；可以同時對該列表中的所有項目執行單個操作。常見範例包括：地址簿和待辦事項列表。
i. 觸控單個項目：輸入項目以獲取更多詳細資訊，例如：聯絡人的詳細資訊。
ii.如果列表包含大量項目，建議提供給使用者過濾、排序或搜索的功能，以便於鎖定所需資訊。
iii.觸控“多選”按鈕後，使用者將進入多選模式，可以一次選擇多個項目進行文件刪除或其他管理任務。
多項選擇（未選擇任何內容）
多項選擇（執行選擇時）
多項選擇（所有項目都被選中）
- 提示頁面
如果系統命令比較複雜，或者希望使用者回應但在 12 秒後仍未回應，Zenbo 將使用其提示畫面中從下到上適合上下文的各種命令 . 這有助於培訓使用者使用語音命令以及如何與 Zenbo 的互動。 在螢幕配置上，為一行系統按鈕預留足夠的空間，這樣就可以將更多的空間分配給主區域。
在提示螢幕上，每個命令都伴隨著顯示一個語音圖標，顯示一個簡單的人物簡介，用於指示該項目的文本可以用作語音命令。 圖標和標題區域都使用單色藍色 (#12afe2) 顏色和白色文本字符串列表，以提供用戶可用的命令列表。
- 呼叫聯絡人
和聯絡人通話的螢幕上，聯絡人的姓名和帳號應該顯示在標題區域，更重要的是，主區域還應該顯示聯絡人的照片； 因此，主要區域的照片應該被一個漸變色裝飾的圓圈包圍。
- 語音輸入
語音輸入是 Zenbo 的預設輸入法。 一旦喚起語音輸入，須要注意是否有來自應用程式本身或TTS的干擾。
- IME（輸入法編輯器）
如果語音輸入不合適，請切換到鍵盤輸入模式。
- 設置時間和單位的介面
在輸入時間或單位時，建議使用互動式的上下滑動介面，以提供更清晰、更具互動性的體驗。
- 載入
當應用程式載入或系統更新時，需要顯示此畫面； 沒有例外。