2011-10-23 藍藍設計的小編
轉載藍藍設計( www.wnxcall.com )是一家專注而深入的設計機構 ,為期望卓越的國內外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
優(yōu)秀的iPhone應用程序地滿足了用戶需求,同時提供了用戶想要的體驗。為了幫助您在應用程序中平衡這兩點,本小節(jié)歸納了優(yōu)秀iPhone應用程序的一些共有特點,并就如何將這些特點融合到您的產品中給予了建議。
簡單和易用是所有軟件的基本原則,但在iPhone應用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應用程序的同時,還做著其他事情。如果用戶無法快速明白如何使用您的應用程序,他們很可能會轉而使用其他競爭者的應用程序,而且不會再嘗試您的應用程序。
當您設計應用程序流程以及用戶界面時,請遵循如下準則以保證應用程序的簡單且易于使用:
如何使用您的應用程序應顯而易見。
常見的功能和信息集中于屏幕的頂部。
最大限度地減少文本輸入。
簡潔地表達基本信息。
為所有可點擊元素提供一個指尖大小的目標區(qū)域。
以下各小節(jié)就簡單和易用性的準則進行更詳細的說明。
您不能假設用戶有時間(或能夠分出注意力)來研究您的應用程序是如何運作。因此,您必須努力讓應用程序能夠立刻被用戶理解。
您的應用程序的主要功能應該一目了然。您可以最大限度地減少用戶必須選擇的控件數(shù)量,并清晰地標識這些控件以便用戶明白它們的功能。例如,在內置的秒表功能中(時鐘應用程序的一部分),如圖3-1 所示,用戶一眼就可以看出哪個是停止按鈕,哪個是啟動按鈕,哪個是用來記錄每圈時間。
用戶可以用手指或大拇指點擊一個iPhone OS的設備的屏幕。用戶傾向于用他們的非慣用手握住設備(或擱在手心),用慣用手的手指點擊設備。當使用大拇指時,人們要么將設備一手握住,然后用大拇指點擊,要么將設備握于雙手間,同時用兩根大拇指點擊。無論用哪一種方式,對于用戶來說屏幕最上方都是最顯眼的。
由于這些使用模式,您在設計應用程序的用戶界面時,應將最常使用的(通常也是重要的)信息置于最明顯且最方便的頂部。當用戶從屏幕頂部瀏覽到底部的時候,呈現(xiàn)的信息的過程應該是由一般到特殊,從高級到低級的過程。
無論用戶是點擊控件還是使用鍵盤,輸入信息都會占用他們的時間和精力。如果您的應用程序需要用戶在獲取有用信息前進行大量輸入,這將降低用戶效率,并且會妨礙用戶繼續(xù)使用您的程序。
當然,您通常需要一些來自用戶的信息。但您應該在用戶提供的信息和您反饋給用戶的信息之間做出權衡。換句話說,努力為用戶提供的每一條信息反饋盡可能多的信息或功能。這樣,當用戶使用您的應用程序時他們會感到正在取得進展,并沒有被阻塞。
當您向用戶請求輸入時,考慮使用表格視圖(或選擇器)來代替文本輸入框。對用戶來說,從一個列表中選擇一項通常比輸入單詞容易得多。有關表格視圖和選擇器的細節(jié),請分別參考“表格視圖” 和“選擇器” 小節(jié)。
當用戶界面上的文本簡短而又直接的話,用戶就能夠快速地理解它。因此,簡明扼要地表達最重要的信息,并顯著地突出該信息,這樣用戶不必為了所尋找的信息或為了弄清下一步該怎么做而閱讀大段的文字。
為了幫助您做到這一點,您可以像一位報紙編輯一樣地思考,努力用壓縮標題的風格傳遞信息。為控件加上簡短的標簽(或易于理解的符號),以便用戶一眼就能了解如何使用它們。
如果您的布局將控件放置得過于靠近,用戶需要花費更多的時間和精力來確定他們點擊的區(qū)域,并且很容易點錯控件。一個簡單易用的用戶界面應該合理地分配控件和其他用戶界面元素,使得用戶能夠更方便地點中控件。
例如,內置的計算器應用程序顯示很大的,易于點擊的控件,每個控件的目標區(qū)域大約44x44像素。圖3-2 展示了計算器應用程序。
一個令用戶滿意且愉快iPhone應用程序應將重點放在它的主要功能上,因此,當您設計應用程序時,要始終將重點放在您的產品定義說明上,并確保每個產品功能和用戶界面元素支持這個說明。關于如何創(chuàng)建產品定義說明的相關建議, 請參考“給出產品定義說明” 。
一個比較好的方法是確定在每個上下文中什么是最重要。當您決定要在每個屏幕中顯示什么時不斷問問自己,這是用戶現(xiàn)在需要的關鍵信息或功能嗎?或者,想得更加具體些,當用戶在商場購物或在會議間步行時,這個信息或功能是不是他們需要的?如果不是,那它在另一個不同上下文中是不是重要?或者它終究不是那么重要?例如,一個幫助用戶記錄汽車里程數(shù)的應用程序不應關心汽車經銷商的位置。
當您遵照這些準則時,您的解決方案變得更為清晰。特別是,您的應用程序使用起來更為顯而易見,且最小限度地減少了用戶輸入。集中關注您的解決方案的重點,從而使得用戶能更加方便,快速地進入到應用程序中最重要的部分(關于這些準則的具體內容,請參考“簡單和易用性” )。
例如,內置的日歷應用程序(如圖3-3 所示)重點在于日期及當天發(fā)生的事件。用戶可以使用具有明確標簽的按鈕顯示當前日期,選擇查看選項,添加事件等。最重要的信息是日期以及與之相關的事件,也是最顯眼的。用戶輸入也很簡單,它允許用戶從列表中選擇時間,重復間隔以及提醒選項,而不是要求按鍵輸入。
溝通和反饋,在iPhone應用程序中的重要性和在桌面應用程序一樣。用戶需要知道他們的請求是否正在處理中,以及他們的行為是否會導致數(shù)據(jù)丟失或其他問題。盡管如此,避免矯枉過正的溝通也很重要,例如在并非真正嚴重的情況下提醒用戶或過于頻繁地請求確認。
動畫是一種進行有效溝通的好方法,前提是它不會妨礙用戶的任務或影響他們的效率。精細適當?shù)膭赢嬁梢詡鬟f信息,提供有用的反饋,以可視化的方式向用戶展示他們行為的結果。但是過多或無意義的動畫會阻礙應用程序的流程,影響其性能,并困擾用戶。
在所有與用戶的基于文本的溝通中,一定要使用以用戶為中心的術語,特別是要避免在用戶界面中使用技術術語。例如,在Wi-Fi無線網絡偏好設置界面使用清楚的,非技術性的語言來描述如何將設備連接到網絡,如圖3-4 所示。
人們習慣用手指來操作iPhone OS設備獨特的多點觸摸界面,使用如輕敲,搖動,夾等手勢來選擇,操作,閱讀網頁內容或使用應用程序。使用手指操作設備其真正的優(yōu)勢在于:手指總是可用的,它們有能力完成許多不同的動作,并且它們給用戶一種直觀的,和設備關聯(lián)的感覺,這是諸如鼠標等外部輸入設備無法實現(xiàn)的。
然而,手指有一個主要缺點,和鼠標指針相比,無論是在大小,形狀還是靈敏度方面都要差很多。在屏幕的上下文中,手指永遠不可能像鼠標指針一樣。
所幸的是,您可以用一個良好的用戶界面設計來彌補手指輸入設備帶來的挑戰(zhàn)。在大多數(shù)情況下這意味著您需要確保您的布局可容納一個指尖的平均大小,同樣也意味著您需要響應手指的動作以讓用戶獲得其期望的行為。
用戶進行一些特定的動作,從而獲得特殊的結果,這種動作稱之為手勢 。例如,用戶點擊一個按鈕來選中它,并搖動,或拖拽以滾動一個列表。因為內置的應用程序一致使用,iPhone用戶已經習慣了這些手勢。因此,您應該在您的應用程序中恰當?shù)厥褂眠@些手勢,避免混淆。
還有一些更加復雜的手勢,如swipe或pinch open,一樣在內置的應用程序中被使用,但它們并不常見。一般來說,這些手勢被用作快捷方式來加快完成任務,而不是執(zhí)行任務的唯一方法。例如,當查看郵箱中郵件列表時,用戶顯示消息預覽行中的刪除按鈕并點擊它來刪除一條正在查看的消息。用戶可以用兩種不同的方式顯示刪除按鈕:
點擊導航欄中的編輯按鈕,這個按鈕將在每個預覽行里顯示一個刪除控件。然后點擊該控件就會顯示刪除按鈕。
在特定的預覽行使用swipe手勢,就會顯示這條消息的刪除按鈕。
第一種方法需要一個額外的步驟,但容易被發(fā)現(xiàn),因為它僅僅需要點擊已經清楚標識的編輯按鈕。第二種方法顯然更快,但它需要用戶學習并記住特定swipe手勢。
因此,為確保您的應用程序易于使用,盡量使用常見的那些手勢中,如點擊,拖拽等。您應該避免將諸如swipe或pinch open等不常見的手勢作為執(zhí)行一個動作的唯一方法。您的應用程序應該有一個簡單直接的方法來執(zhí)行一個動作,即使它意味著多點擊幾次。
在大多數(shù)應用程序中,避免定義新的手勢同樣很重要,特別是這些新手勢所執(zhí)行的動作已經和標準手勢想關聯(lián)。一個例外是沉浸式的應用程序,在這種應用中可以適當?shù)丶尤胱远x的手勢。例如,一個效率型應用程序要求用戶作出畫圈手勢來在一個表格行中顯示刪除按鈕,這樣的應用程序將是混亂的且難于使用的。但另一方面,一個游戲要求做出畫圈的手勢來轉動游戲的某部分就顯得比較合理。
表3-1 列出了用戶可以使用的標準手勢。不要試圖重新定義這些手勢的含義;相反地,如果您的應用程序中支持這些行為,請確保也能夠支持與之對應的手勢。了解更多有關如何處理由手勢產生的事件,請參考iPhone應用程序編程指南 。
手勢 |
操作 |
---|---|
Tap |
按或選擇一個控件或項目(類似于單擊一次鼠標)。 |
Drag |
拖動 |
Flick |
快速滾動或搖晃 |
Swipe |
在一個表視圖行中,顯示刪除按鈕。 |
Double tap |
放大并將內容或圖片部分居中。 縮?。ㄈ绻呀洷环糯蟮脑挘?/span> |
Pinch open |
放大 |
Pinch close |
縮小 |
Touch and hold |
在可編輯文本中,顯示一個放大的光標視圖。 |
當品牌的設計巧妙且簡約時,它是最有效的。用戶使用您的iPhone應用程序來完成某項任務或娛樂時,他們不希望產生被強迫觀看廣告的感覺。因此,您應該以一種低調的方式引入您的品牌的顏色或圖片。例如,您可以在視圖和控件中使用一個自定義的配色方案。
應用程序圖標是例外情況,它應該突出顯示您的品牌(應用程序圖標是用戶在安裝完應用程序后,在主屏幕中可以看到的圖標),用戶會經??吹竭@個圖標,因此,花費點時間讓您的品牌更吸引眼球是有必要的。關于如何設計一個應用程序圖標,請參考“應用程序圖標 。”