MeeGo手持移動(dòng)設(shè)備GUI設(shè)計(jì)

? ? ? ?嵌入式 linux中文站介紹了Meego手持移動(dòng)設(shè)備GUI的設(shè)計(jì)方法和指南。

目標(biāo)

你可以使用這些指南作為設(shè)計(jì)MeeGo程序的向?qū)В壳八麄兊膬?nèi)容主要涵蓋了交互和視覺設(shè)計(jì)的部分。視覺設(shè)計(jì)的指南今后還會(huì)有新的版本或手冊(cè)。

這不是真正的說明書

這些指南不是用來替代擁有詳細(xì)技術(shù)內(nèi)容的說明書。相反，它是對(duì)MeeGo交互模式的一個(gè)大概描述。我們期望真正的說明書不久可以提供給大家下載，它將對(duì)每一個(gè)開發(fā)工具做出詳細(xì)的描述，并且提出相關(guān)的建議。

1、MeeGo Basics

UI Model 總攬(概況)

MeeGo的UI設(shè)計(jì)總概

鎖屏(Lock Screen)

當(dāng)用戶第一次喚醒移動(dòng)設(shè)備的時(shí)候顯示

主頁(Home)

通過按鍵進(jìn)入已經(jīng)打開的應(yīng)用程序。顯示收藏的應(yīng)用程序，并且可以進(jìn)入開始鍵。

啟動(dòng)欄(Launcher)

進(jìn)入移動(dòng)設(shè)備中任何可用的應(yīng)用程序

手勢和觸摸操作的簡單介紹

手勢和觸摸操作介紹

鎖屏

當(dāng)用戶按下電源按鍵把移動(dòng)設(shè)備從閑置的狀態(tài)喚醒的時(shí)候，該設(shè)備的屏幕是鎖住的。

鎖屏

移動(dòng)設(shè)備的屏幕上會(huì)顯示墻紙(用戶可以自己更換)，日期和時(shí)間，還有解鎖按鈕。用戶可以通過拖拽屏幕上的解鎖按鈕到墻紙區(qū)域來解鎖屏幕。在屏幕鎖定的情況下移動(dòng)設(shè)備仍然可以接收消息和通知，他們會(huì)以相似的形式疊放在一個(gè)通知欄里。

啟動(dòng)欄(Launcher)

開始欄是一個(gè)包含了顯示所有安裝在移動(dòng)設(shè)備里的應(yīng)用程序的鏈接(圖標(biāo))的平面。在開始欄里，用戶可以瀏覽每個(gè)應(yīng)用程序，而且還可以向在屏幕下方的快速啟動(dòng)條里添加最多4個(gè)應(yīng)用程序的鏈接(圖標(biāo))。在編輯模式下，用戶還可以改變這些應(yīng)用程序的鏈接(圖標(biāo))的順序。

啟動(dòng)欄

所有的應(yīng)用程序會(huì)以4x4的網(wǎng)格形式顯示在啟動(dòng)欄里。在應(yīng)用程序超過16個(gè)的情況下，系統(tǒng)會(huì)自動(dòng)在原頁面的右邊新建一個(gè)相同的頁面來放置多余的鏈接(圖標(biāo))。用戶可以通過把當(dāng)前頁面托下屏幕來完成頁面之間的從轉(zhuǎn)換。每當(dāng)用戶安裝了新的應(yīng)用程序時(shí)，這個(gè)新的應(yīng)用程序的鏈接(圖標(biāo))將會(huì)被放在最后面。

切換器(Switcher)

很多時(shí)候用戶會(huì)同時(shí)運(yùn)行多個(gè)應(yīng)用程序，例如在聽歌的時(shí)候?qū)懚绦诺龋@既是多任務(wù)處理。切換器是管理多任務(wù)處理的一塊區(qū)域。切換器的基本功能如下：

切換器

當(dāng)用戶第一次啟動(dòng)一個(gè)應(yīng)用程序時(shí)，即開始了一個(gè)新的任務(wù)。在該應(yīng)用程序里此任務(wù)將會(huì)以當(dāng)前內(nèi)容的動(dòng)態(tài)縮略圖形式顯示在切換器中。用戶可以通過屏幕左上角的主頁按鈕(home)選擇進(jìn)入切換器。

當(dāng)?shù)诙€(gè)應(yīng)用程序被打開時(shí)，這個(gè)新的任務(wù)就被加入到了切換器當(dāng)中。在這種情況下，MeeGo可以讓用戶通過按主頁按鈕(home)的方式來進(jìn)行應(yīng)用程序之間的切換。用戶即可以從啟動(dòng)欄中打開應(yīng)用程序，也可以從一個(gè)應(yīng)用程序中打開另外一個(gè)應(yīng)用程序，例如從email里打開地圖或圖片。

當(dāng)用戶點(diǎn)擊啟動(dòng)欄中之前已經(jīng)被開啟的應(yīng)用程序時(shí)，系統(tǒng)會(huì)顯示該應(yīng)用程序，并不會(huì)重新啟動(dòng)該應(yīng)用程序。

程序的順序，瀏覽方式和不同模式之間的轉(zhuǎn)換

MeeGo中的任務(wù)會(huì)以它們被打開的先后順序從左到右顯示。每當(dāng)新的任務(wù)被打開時(shí)，它就會(huì)把之前的任務(wù)的面板向左推移，并且在之前的任務(wù)右邊添加一個(gè)縮略圖。切換器的默認(rèn)顯示方式是把焦點(diǎn)給到最近用過的任務(wù)上，其他的任務(wù)一字向右排開排列。縮略圖按照任務(wù)被打開的時(shí)間長短來排列。

用戶即可以通過慢慢的拖拽縮略圖，也可以通過從列表的一邊快速平移到另一邊來瀏覽被開啟的任務(wù)。在快速切換的時(shí)候，用戶可以通過輕點(diǎn)屏幕來使其停在被點(diǎn)擊的位置，但是該應(yīng)用程序不會(huì)被打開。要打開該應(yīng)用程序，用戶需要點(diǎn)擊相應(yīng)的縮略圖。用戶可以用多點(diǎn)觸控動(dòng)作讓切換器進(jìn)入總攬模式。使用兩個(gè)手指同時(shí)向內(nèi)滑動(dòng)的手勢可以讓縮略圖進(jìn)入網(wǎng)格顯示的界面。該網(wǎng)格最高可以達(dá)到3x3的模式，在達(dá)到這個(gè)最高規(guī)格之后，切換器就會(huì)開始創(chuàng)建新的頁面來顯示之前頁面未顯示的縮略圖。

核心交互動(dòng)作(CoreInterac tions)

UI的反饋(UI Feedback)

直接反饋是指當(dāng)用戶使用觸摸UI的時(shí)候，用戶接收到的該操作的信息反饋。只要有操作，就會(huì)得到反饋。間接反饋是指當(dāng)用戶沒有使用移動(dòng)設(shè)備時(shí)得到的反饋，或接收到的反饋并不是由正在使用的UI所引起的反饋。

直接反饋可以是用戶操作后得到的震動(dòng)反饋，聲音反饋或視覺信息反饋。間接反饋則基本上為消息或通知類型的反饋。此消息或通知可以同時(shí)包括聲音和震動(dòng)反饋，也可以只是視覺信息反饋，或只包括視覺信息和聲音反饋。(但原則上講也可以只是視覺信息和震動(dòng)反饋)

一般情況下，當(dāng)一個(gè)移動(dòng)設(shè)備的屏幕被鎖定時(shí)，用戶通常都不是在使用該設(shè)備。而你如果要把用戶的注意力從別的地方吸引到該設(shè)備上時(shí)，你可以使用聲音和震動(dòng)類型的反饋，并且再附加上一條視覺信息反饋。但有時(shí)候就算用戶在使用該設(shè)備時(shí)，他們的注意力也會(huì)在別的地方。比如說如果一個(gè)操作需要等待的時(shí)間很長，那么用戶的注意力也許就會(huì)被轉(zhuǎn)移到別處，或者當(dāng)用戶的注意力光集中在移動(dòng)設(shè)備的某些硬件上時(shí)(例如鍵盤)，那么在屏幕上發(fā)生的事就會(huì)被漏掉。還有些時(shí)候，在用戶做完一個(gè)操作就需要馬上得到反饋信息的時(shí)候(例如用戶在發(fā)Email時(shí)忘了輸入“接受者”的時(shí)候)，只使用一個(gè)視覺信息反饋(例如一個(gè)消息框) 就可以了，因?yàn)榇藭r(shí)用戶的注意力已經(jīng)在這個(gè)設(shè)備上了。

在有些情況下，你可以使用聲音和震動(dòng)反饋來強(qiáng)調(diào)視覺反饋。例如，有些確認(rèn)消息可能會(huì)在顯示的同時(shí)還播放一個(gè)帶有疑問性質(zhì)的聲音，從而來強(qiáng)調(diào)用戶需要特別注意此操作。然而，在使用聲音和震動(dòng)的同時(shí)也需要多注意，因?yàn)樘l繁的話會(huì)讓用戶感覺很討厭。你可以只用聲音來提示用戶，或聲音加上視覺信息也是不錯(cuò)的選擇，但是最好不要只使用聲音和震動(dòng)。

當(dāng)不確定用戶的注意力在不在移動(dòng)設(shè)備上的時(shí)候，你可以使用震動(dòng)反饋來提醒他們。例如，當(dāng)打開一個(gè)網(wǎng)頁時(shí)用了很長的時(shí)間，就算這時(shí)候移動(dòng)設(shè)備的屏幕并沒被鎖住，用戶的注意力很可能已經(jīng)不在該設(shè)備上了，這時(shí)候你可以使用一個(gè)短震動(dòng)來提醒他們網(wǎng)頁已經(jīng)加載完畢。

短震動(dòng)可以用來確認(rèn)用戶完成的動(dòng)作，這時(shí)候視覺消息反饋也許就會(huì)顯得太多余了。例如，給移動(dòng)設(shè)備充電，連接電源線時(shí)(或因?yàn)椴辶艘粋€(gè)不符合規(guī)則的電源線從而導(dǎo)致移動(dòng)設(shè)備并沒有開始充電時(shí))。在這些情況下，震動(dòng)反饋就顯得很適用了，因?yàn)橛脩羰掷镎谀弥麄兊囊苿?dòng)設(shè)備。

另外要注意的是，不管是基于聲音反饋形式的警告響聲，還是基于視覺信息反饋的一條消息，都要看用戶當(dāng)時(shí)在用哪種情景模式。例如，在用戶正在通話時(shí)，該移動(dòng)設(shè)備的鈴聲也許會(huì)有所改變。(有時(shí)候會(huì)只發(fā)出嗶嗶的聲音，有時(shí)候會(huì)是震動(dòng))

文本輸入Text Input

MeeGo即支持普通的物理鍵盤，也支持虛擬鍵盤。

當(dāng)用戶需要輸入文本的時(shí)候，虛擬鍵盤會(huì)自動(dòng)被激活。瀏覽器的標(biāo)簽欄和狀態(tài)欄同時(shí)也會(huì)消失，從而給用戶提供出更大的顯示空間。MeeGo的虛擬鍵盤還包括肖像和風(fēng)景兩種模式，當(dāng)用戶旋轉(zhuǎn)移動(dòng)設(shè)備的方向，即從豎立狀態(tài)轉(zhuǎn)移為水平狀態(tài)時(shí)(或執(zhí)行相反的動(dòng)作時(shí))，屏幕的整體內(nèi)容也會(huì)很流暢的進(jìn)行相應(yīng)的轉(zhuǎn)換。

文本輸入

用戶即可以通過輕敲文本輸入域的外邊，又可以通過把虛擬鍵盤拖拽到屏幕下方的方式來關(guān)閉虛擬鍵盤。需要注意的是，在以拖拽的方式關(guān)閉了虛擬鍵盤后，用戶并不可以再將其從下方拖拽出來。要想重新開啟虛擬鍵盤，用戶可以通過再次點(diǎn)擊文本輸入域來將其激活。

文本輸入2

只要物理鍵盤被激活，虛擬鍵盤就會(huì)自動(dòng)關(guān)閉。

刪除文字

每按下退格鍵(backspace)一次，可以向回刪除一個(gè)字。長按可以連續(xù)向回刪除多個(gè)字。

語言

輸入語言的選擇是自動(dòng)的，MeeGo會(huì)根據(jù)用戶在第一次開機(jī)設(shè)置其移動(dòng)設(shè)備時(shí)的設(shè)置來選擇相應(yīng)的輸入語言。用戶可以在“設(shè)置”里改變當(dāng)前設(shè)置。

確認(rèn)

在大多情況下，應(yīng)用程序都會(huì)有一個(gè)“確認(rèn)鍵”，例如在發(fā)信息或登錄網(wǎng)站時(shí)。另外還有些軟件會(huì)在用戶輸入文本時(shí)自動(dòng)進(jìn)行確認(rèn)并執(zhí)行相應(yīng)的操作，例如在搜索時(shí)，MeeGo會(huì)在用戶輸入想要搜索的信息同時(shí)自動(dòng)顯示出相應(yīng)的搜索結(jié)果。

然而，MeeGo還有些其它類型的確認(rèn)方式。在一個(gè)只有一條線的文本域下，輸入鍵(enter)會(huì)執(zhí)行確認(rèn)功能。(例如輸入網(wǎng)址或密碼時(shí))

確認(rèn)方式

當(dāng)然你也可以在該文本域的下方加一個(gè)確認(rèn)按鈕，但是我們只建議在需要快速輸入信息的時(shí)候使用，例如填表。

全屏模式

某些應(yīng)用軟件只有在全屏模式下才能讓用戶感覺到更爽。但是，不要忘了添加一個(gè)退出全屏的按鈕(適用的情況下最好再加上導(dǎo)航顯示)。MeeGo的全屏模式有兩種：

兩種全屏模式

完全全屏模式

所有的控件(標(biāo)題欄，狀態(tài)欄，附加控制欄等)都不可見，輸出的顯示為最大尺寸內(nèi)容。用戶可以通過觸摸屏幕的方式來顯示控件。完全全屏模式非常適合于多媒體播放。

含有控件的全屏模式

因?yàn)橛行┻\(yùn)行MeeGo的移動(dòng)設(shè)備也許會(huì)沒有相應(yīng)的導(dǎo)航按鍵功能，所以提供一種固定的帶有退出功能的按鍵在進(jìn)行全屏播放時(shí)是很有必要的。在有些情況下，用觸摸屏幕的方式顯示控件是不可能的，(例如一個(gè)含有交互內(nèi)容的Flash播放器)在這種情況下不管什么時(shí)候，用戶都需要這種按鍵來退出或關(guān)閉全屏播放。

在應(yīng)用程序的內(nèi)容中嵌入退出功能