iPad開發設計 使用者體驗準則

2021-05-26 06:24:53 字數 3070 閱讀 3311

**:

ipad使用者體驗最主要體現在內容和互動:

優秀ipad程式的其中乙個重要因素是可以在所有方位上執行。豎向的大螢幕可以滿足使用者瀏覽內容的需求(當豎螢幕較小時,使用者就會將螢幕旋轉為橫螢幕,這樣一行就可以顯示較多的文字)。使用者不太會注意最小裝置結構(minimaldevice frame;使用iphone時,使用者單手握住手機時,螢幕多為豎向顯示;而雙手使用ipad,螢幕的顯示方位並不能確定)或者home按鍵的位置,他們不認為裝置有預設方位。這就導致使用者期望程式可以在當前方位上執行。所以程式盡量滿足ipad各方位的執行要求。

保證以首要內容為重點。當旋轉ipad的方位時,如重點顯示的內容發生變化,使用者會感覺對程式失去控制。

旋轉時如何顯示輔助資訊或者功能。儘管能保證上一條,還要考慮如何顯示較為次要的資訊。例如郵箱功能中,首要內容時發郵件,次要內容是聯絡人和收件箱的列表。

橫屏的次要內容顯示在左邊的分檢視中

豎屏的次要內容顯示在氣泡框中。

再如,橫屏時,一款遊戲以長方形顯示,當旋轉到豎屏時,需要調整螢幕上的顯示區域,遊戲顯示邊框的上面或者下面增加顯示空間,用於顯示輔助資訊,而不是垂直拉伸顯示區域來撐滿整個螢幕。

避免布局變化過大或者無緣由地改變。所有方位中都顯示相似的ui布局旋轉時盡可能保留資訊和文字的原有格式。尤其閱讀文字時,重要的是避免旋轉之後使用者找不到讀到哪兒了。如果非要對頁面重新布局,可以使用動畫幫助使用者理解當前頁面的變化。例如,當旋轉時要必須增加或者移除文字框時,可以選擇隱藏動作並在新布局中簡單地淡出。為了有助於合理地設計旋轉動作,可考慮在真實的生活中是如何和它們互動的。

避免使用ui元素或者定義乙個旋轉的手勢來完成旋轉動作。應該是內容隨著ipad的旋轉而旋轉。

為每個顯示方位各提供乙個啟動。比如提供1004×768和748×1024的來滿足兩個方位的顯示要求。

仔細考慮程式是否可以在所有方位上執行。有些程式只能在橫屏或者豎屏下顯示,此時:

最好的ipad程式在使用者執行明確的任務時提供新穎的互動方式。不要為了填滿整個大螢幕而增加一些和主要任務沒有直接關聯的功能,而是提公升程式的使用者體驗。

例如讀書程式中容許使用者閱讀時如能保留路徑會提公升閱讀體驗,不需要跳轉到另外乙個頁面而是使用氣泡框來變更路徑。程式可以讓使用者在文字中增加書籤和注釋,幫助使用者交換書目或者對比閱讀進度。

ipad的大螢幕和新ui元素可以顯示更多的資訊,使用的得當可以避免尋找資訊時跳轉的次數過多,因此也改變iphone的單屏顯示結構。

使用分欄。兩級的內容同時顯示使得資訊扁平化。

使用氣泡框。頂部的氣泡框可以顯示控制項或者工具,不必切換螢幕即可完成操作。

工具欄中顯示分段控制項。分段控制項可以顯示並列的資訊。

使用標籤欄。標籤欄顯示不同種類資訊或者是不同的程式模組。

相似的視覺元素,而在某一區域變更內容。普遍的規則是寧願轉換單獨的檢視或者元件,也不全屏切換,保證視覺穩定性,幫助使用者理解自己所處的位置。

使用者將ipad視為私人裝置,但是它合宜的尺寸可以加強真實的協作和分享。

程式顯示和現實生活越為相似,使用者就越容易理解程式如何操作並喜歡使用。但也不必過於精確,通常誇張的事物看起來更為真實並能傳遞更多的意義,當做是和使用者交流並表述程式本質的一次機會。使用動畫進一步地增強程式的真實感。通常,動作的真實感比程式的外觀更為重要,不符合物理規律的動作會讓使用者感覺到迷惑。

高解析度的ipad螢幕所支援豐富、美觀和動人的圖形對使用者富有吸引力,因此可以嘗試增加程式中圖形的深度和細節。

通過設計程式中的ui來組織資訊框架,減少控制項的數量和淡化顯示效果,建立和程式風格相符的控制項,這樣既不突出,但又易於發現。

模態對話方塊打斷使用者的工作流,需用在合適的情況下:

列表(也就是表檢視)在iphone中常用於顯示大量的資料資訊,在ipad也是非常有用。但是還可以使用乙個更豐富的方式來顯示同樣的資訊。例如:iphone中的****是乙個很有效率的列表。而在ipad中的****看起來是乙個美觀的通訊錄,ipad的列表可以顯示更多的資訊。

大螢幕支援自定義的多點觸控,即使是多人同時使用ipad,牢記不用響應不標準的觸控手勢,如果有的話,也只用一種方式來執行命令。

氣泡框和模態檢視有些相似,當氣泡框顯示時,不能操作主檢視。但模態檢視是模態的。然而氣泡框可以用在兩種途徑:

如果在iphone中使用了模態檢視,可以考慮可以氣泡框替代它。以下問題可以幫助你決定氣泡框的使用是否合理:

從另一方面而言,這個任務代表程式功能的重要一部分,但要是不需要使用者深度投入注意力的話,氣泡框是更好的選擇,輕量級的視覺對於頻繁執行的任務而言更為親切。

是否任務執行只有一次或者很少,就像安裝任務。如果是,考慮使用模態檢視。使用者不會介意為了完成此類任務而停留在當前介面。

使用者樂於在乙個模態檢視中完成乙個子任務,因為語境的轉換清晰和短暫的。但是如果子任務太複雜,使用者會忽視主任務,當模態檢視全屏顯示幷包含多個子檢視時,這種危險會增加。如果模態任務非要包含子檢視,確保給予使用者乙個單獨和層次清晰的路徑,避免迂迴。提供乙個明顯和安全的方式退出模態任務,使用者能預見此操作的後果。

儘管ipad程式容許使用者建立和操作檔案,這並不意味著使用者應該對於檔案系統有意識。ipad沒有像mac os一樣的檔案搜尋,使用者也不必想在電腦上一樣和檔案進行互動。使用者不應該考慮檔案型別和位置,比如:

使用者應該確信他們的工作是實時地被儲存,除非他們明確取消或者刪除。如果程式幫助使用者建立和編輯文件,保證使用者不需要明確地執行儲存命令。如果程式的主要功能不是建立內容,但要容許使用者切換瀏覽和編輯模式,這時可以明確要求使用者儲存修改內容。在這種情況下,資訊顯示的檢視中提供「編輯」按鈕,輕擊之後,該按鈕變為「儲存」按鈕和「取消」按鈕。「編輯」按鈕的轉換提醒使用者當前介面為編輯模式,「刪除」按鈕讓使用者不儲存修改內容的情況下退出程式。

與iphone程式不同,ipad的工具欄在頂部,ipad寬大螢幕可以顯示工具欄中的所有功能。

ipad程式啟動時使用者無須等待即可開始操作。當啟動時,ipad程式:

iPad使用者體驗準則

原文發布位址為 譯者 戴傳慶 ipad使用者體驗最主要體現在內容和互動 優秀ipad程式的其中乙個重要因素是可以在所有方位上執行。豎向的大螢幕可以滿足使用者瀏覽內容的需求 當豎螢幕較小時,使用者就會將螢幕旋轉為橫螢幕,這樣一行就可以顯示較多的文字 使用者不太會注意最小裝置結構 minimaldevi...

iPad應用使用者體驗設計指南

下面列出ipad使用者體驗指南中的幾點內容,更加詳細的說明可以參考。最好的ipad 應用程式應該能夠讓使用者用更加新穎的方式與應用互動。不要費盡心思地將一些無關緊要的功能新增到ipad上去。尤其是不要試圖將iphone上的應用程式全部照搬到ipad上。雖然你不想將太多的資訊都堆積到乙個頁面上,但或許...

iPad應用使用者體驗設計指南

下面列出ipad使用者體驗指南中的幾點內容,更加詳細的說明可以參考。最好的ipad 應用程式應該能夠讓使用者用更加新穎的方式與應用互動。不要費盡心思地將一些無關緊要的功能新增到ipad上去。尤其是不要試圖將iphone上的應用程式全部照搬到ipad上。雖然你不想將太多的資訊都堆積到乙個頁面上,但或許...