優(yōu)秀iPhone應(yīng)用程序的共性

2011-10-23    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   yvirxh.cn  )是一家專注而深入的設(shè)計機構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計  、   cs界面設(shè)計    ipad界面設(shè)計  、   包裝設(shè)計  、   圖標定制  、   用戶體驗  、交互設(shè)計、   網(wǎng)站建設(shè)  、平面設(shè)計服務(wù)

優(yōu)秀的iPhone應(yīng)用程序地滿足了用戶需求,同時提供了用戶想要的體驗。為了幫助您在應(yīng)用程序中平衡這兩點,本小節(jié)歸納了優(yōu)秀iPhone應(yīng)用程序的一些共有特點,并就如何將這些特點融合到您的產(chǎn)品中給予了建議。

簡單和易用性

簡單和易用是所有軟件的基本原則,但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應(yīng)用程序的同時,還做著其他事情。如果用戶無法快速明白如何使用您的應(yīng)用程序,他們很可能會轉(zhuǎn)而使用其他競爭者的應(yīng)用程序,而且不會再嘗試您的應(yīng)用程序。

當您設(shè)計應(yīng)用程序流程以及用戶界面時,請遵循如下準則以保證應(yīng)用程序的簡單且易于使用:

  • 如何使用您的應(yīng)用程序應(yīng)顯而易見。

  • 常見的功能和信息集中于屏幕的頂部。

  • 最大限度地減少文本輸入。

  • 簡潔地表達基本信息。

  • 為所有可點擊元素提供一個指尖大小的目標區(qū)域。

以下各小節(jié)就簡單和易用性的準則進行更詳細的說明。

顯而易見

您不能假設(shè)用戶有時間(或能夠分出注意力)來研究您的應(yīng)用程序是如何運作。因此,您必須努力讓應(yīng)用程序能夠立刻被用戶理解。

您的應(yīng)用程序的主要功能應(yīng)該一目了然。您可以最大限度地減少用戶必須選擇的控件數(shù)量,并清晰地標識這些控件以便用戶明白它們的功能。例如,在內(nèi)置的秒表功能中(時鐘應(yīng)用程序的一部分),如圖3-1 所示,用戶一眼就可以看出哪個是停止按鈕,哪個是啟動按鈕,哪個是用來記錄每圈時間。

圖 3-1   內(nèi)置秒表功能的用法顯而易見

由上而下的布局

用戶可以用手指或大拇指點擊一個iPhone OS的設(shè)備的屏幕。用戶傾向于用他們的非慣用手握住設(shè)備(或擱在手心),用慣用手的手指點擊設(shè)備。當使用大拇指時,人們要么將設(shè)備一手握住,然后用大拇指點擊,要么將設(shè)備握于雙手間,同時用兩根大拇指點擊。無論用哪一種方式,對于用戶來說屏幕最上方都是最顯眼的。

由于這些使用模式,您在設(shè)計應(yīng)用程序的用戶界面時,應(yīng)將最常使用的(通常也是重要的)信息置于最明顯且最方便的頂部。當用戶從屏幕頂部瀏覽到底部的時候,呈現(xiàn)的信息的過程應(yīng)該是由一般到特殊,從高級到低級的過程。

最大限度地減少所需的輸入

無論用戶是點擊控件還是使用鍵盤,輸入信息都會占用他們的時間和精力。如果您的應(yīng)用程序需要用戶在獲取有用信息前進行大量輸入,這將降低用戶效率,并且會妨礙用戶繼續(xù)使用您的程序。

當然,您通常需要一些來自用戶的信息。但您應(yīng)該在用戶提供的信息和您反饋給用戶的信息之間做出權(quán)衡。換句話說,努力為用戶提供的每一條信息反饋盡可能多的信息或功能。這樣,當用戶使用您的應(yīng)用程序時他們會感到正在取得進展,并沒有被阻塞。

當您向用戶請求輸入時,考慮使用表格視圖(或選擇器)來代替文本輸入框。對用戶來說,從一個列表中選擇一項通常比輸入單詞容易得多。有關(guān)表格視圖和選擇器的細節(jié),請分別參考“表格視圖” “選擇器” 小節(jié)。

簡潔地表達信息

當用戶界面上的文本簡短而又直接的話,用戶就能夠快速地理解它。因此,簡明扼要地表達最重要的信息,并顯著地突出該信息,這樣用戶不必為了所尋找的信息或為了弄清下一步該怎么做而閱讀大段的文字。

為了幫助您做到這一點,您可以像一位報紙編輯一樣地思考,努力用壓縮標題的風(fēng)格傳遞信息。為控件加上簡短的標簽(或易于理解的符號),以便用戶一眼就能了解如何使用它們。

為控件提供指尖大小的目標區(qū)域

如果您的布局將控件放置得過于靠近,用戶需要花費更多的時間和精力來確定他們點擊的區(qū)域,并且很容易點錯控件。一個簡單易用的用戶界面應(yīng)該合理地分配控件和其他用戶界面元素,使得用戶能夠更方便地點中控件。

例如,內(nèi)置的計算器應(yīng)用程序顯示很大的,易于點擊的控件,每個控件的目標區(qū)域大約44x44像素。圖3-2  展示了計算器應(yīng)用程序。

圖 3-2   內(nèi)置計算器應(yīng)用程序的控件

將重點放在主要功能上

一個令用戶滿意且愉快iPhone應(yīng)用程序應(yīng)將重點放在它的主要功能上,因此,當您設(shè)計應(yīng)用程序時,要始終將重點放在您的產(chǎn)品定義說明上,并確保每個產(chǎn)品功能和用戶界面元素支持這個說明。關(guān)于如何創(chuàng)建產(chǎn)品定義說明的相關(guān)建議, 請參考“給出產(chǎn)品定義說明” 。

一個比較好的方法是確定在每個上下文中什么是最重要。當您決定要在每個屏幕中顯示什么時不斷問問自己,這是用戶現(xiàn)在需要的關(guān)鍵信息或功能嗎?或者,想得更加具體些,當用戶在商場購物或在會議間步行時,這個信息或功能是不是他們需要的?如果不是,那它在另一個不同上下文中是不是重要?或者它終究不是那么重要?例如,一個幫助用戶記錄汽車里程數(shù)的應(yīng)用程序不應(yīng)關(guān)心汽車經(jīng)銷商的位置。

當您遵照這些準則時,您的解決方案變得更為清晰。特別是,您的應(yīng)用程序使用起來更為顯而易見,且最小限度地減少了用戶輸入。集中關(guān)注您的解決方案的重點,從而使得用戶能更加方便,快速地進入到應(yīng)用程序中最重要的部分(關(guān)于這些準則的具體內(nèi)容,請參考“簡單和易用性” )。

例如,內(nèi)置的日歷應(yīng)用程序(如圖3-3  所示)重點在于日期及當天發(fā)生的事件。用戶可以使用具有明確標簽的按鈕顯示當前日期,選擇查看選項,添加事件等。最重要的信息是日期以及與之相關(guān)的事件,也是最顯眼的。用戶輸入也很簡單,它允許用戶從列表中選擇時間,重復(fù)間隔以及提醒選項,而不是要求按鍵輸入。

圖 3-3   內(nèi)置的日歷應(yīng)用程序重點是日期和事件

有效地溝通

溝通和反饋,在iPhone應(yīng)用程序中的重要性和在桌面應(yīng)用程序一樣。用戶需要知道他們的請求是否正在處理中,以及他們的行為是否會導(dǎo)致數(shù)據(jù)丟失或其他問題。盡管如此,避免矯枉過正的溝通也很重要,例如在并非真正嚴重的情況下提醒用戶或過于頻繁地請求確認。

動畫是一種進行有效溝通的好方法,前提是它不會妨礙用戶的任務(wù)或影響他們的效率。精細適當?shù)膭赢嬁梢詡鬟f信息,提供有用的反饋,以可視化的方式向用戶展示他們行為的結(jié)果。但是過多或無意義的動畫會阻礙應(yīng)用程序的流程,影響其性能,并困擾用戶。

 

在所有與用戶的基于文本的溝通中,一定要使用以用戶為中心的術(shù)語,特別是要避免在用戶界面中使用技術(shù)術(shù)語。例如,在Wi-Fi無線網(wǎng)絡(luò)偏好設(shè)置界面使用清楚的,非技術(shù)性的語言來描述如何將設(shè)備連接到網(wǎng)絡(luò),如圖3-4 所示。

圖 3-4   在應(yīng)用程序的用戶界面中使用以用戶為中心的術(shù)語

 

適當?shù)闹С质謩?/span>

人們習(xí)慣用手指來操作iPhone OS設(shè)備獨特的多點觸摸界面,使用如輕敲,搖動,夾等手勢來選擇,操作,閱讀網(wǎng)頁內(nèi)容或使用應(yīng)用程序。使用手指操作設(shè)備其真正的優(yōu)勢在于:手指總是可用的,它們有能力完成許多不同的動作,并且它們給用戶一種直觀的,和設(shè)備關(guān)聯(lián)的感覺,這是諸如鼠標等外部輸入設(shè)備無法實現(xiàn)的。

然而,手指有一個主要缺點,和鼠標指針相比,無論是在大小,形狀還是靈敏度方面都要差很多。在屏幕的上下文中,手指永遠不可能像鼠標指針一樣。

所幸的是,您可以用一個良好的用戶界面設(shè)計來彌補手指輸入設(shè)備帶來的挑戰(zhàn)。在大多數(shù)情況下這意味著您需要確保您的布局可容納一個指尖的平均大小,同樣也意味著您需要響應(yīng)手指的動作以讓用戶獲得其期望的行為。

用戶進行一些特定的動作,從而獲得特殊的結(jié)果,這種動作稱之為手勢 。例如,用戶點擊一個按鈕來選中它,并搖動,或拖拽以滾動一個列表。因為內(nèi)置的應(yīng)用程序一致使用,iPhone用戶已經(jīng)習(xí)慣了這些手勢。因此,您應(yīng)該在您的應(yīng)用程序中恰當?shù)厥褂眠@些手勢,避免混淆。

還有一些更加復(fù)雜的手勢,如swipe或pinch open,一樣在內(nèi)置的應(yīng)用程序中被使用,但它們并不常見。一般來說,這些手勢被用作快捷方式來加快完成任務(wù),而不是執(zhí)行任務(wù)的唯一方法。例如,當查看郵箱中郵件列表時,用戶顯示消息預(yù)覽行中的刪除按鈕并點擊它來刪除一條正在查看的消息。用戶可以用兩種不同的方式顯示刪除按鈕:

  • 點擊導(dǎo)航欄中的編輯按鈕,這個按鈕將在每個預(yù)覽行里顯示一個刪除控件。然后點擊該控件就會顯示刪除按鈕。

  • 在特定的預(yù)覽行使用swipe手勢,就會顯示這條消息的刪除按鈕。

第一種方法需要一個額外的步驟,但容易被發(fā)現(xiàn),因為它僅僅需要點擊已經(jīng)清楚標識的編輯按鈕。第二種方法顯然更快,但它需要用戶學(xué)習(xí)并記住特定swipe手勢。

因此,為確保您的應(yīng)用程序易于使用,盡量使用常見的那些手勢中,如點擊,拖拽等。您應(yīng)該避免將諸如swipe或pinch open等不常見的手勢作為執(zhí)行一個動作的唯一方法。您的應(yīng)用程序應(yīng)該有一個簡單直接的方法來執(zhí)行一個動作,即使它意味著多點擊幾次。

在大多數(shù)應(yīng)用程序中,避免定義新的手勢同樣很重要,特別是這些新手勢所執(zhí)行的動作已經(jīng)和標準手勢想關(guān)聯(lián)。一個例外是沉浸式的應(yīng)用程序,在這種應(yīng)用中可以適當?shù)丶尤胱远x的手勢。例如,一個效率型應(yīng)用程序要求用戶作出畫圈手勢來在一個表格行中顯示刪除按鈕,這樣的應(yīng)用程序?qū)⑹腔靵y的且難于使用的。但另一方面,一個游戲要求做出畫圈的手勢來轉(zhuǎn)動游戲的某部分就顯得比較合理。

 

表3-1 列出了用戶可以使用的標準手勢。不要試圖重新定義這些手勢的含義;相反地,如果您的應(yīng)用程序中支持這些行為,請確保也能夠支持與之對應(yīng)的手勢。了解更多有關(guān)如何處理由手勢產(chǎn)生的事件,請參考iPhone應(yīng)用程序編程指南 。

表3-1  用于和iPhone OS設(shè)備交互的手勢

手勢

操作

Tap

按或選擇一個控件或項目(類似于單擊一次鼠標)。

Drag

拖動

Flick

快速滾動或搖晃

Swipe

在一個表視圖行中,顯示刪除按鈕。

Double tap

放大并將內(nèi)容或圖片部分居中。

縮?。ㄈ绻呀?jīng)被放大的話)。

Pinch open

放大

Pinch close

縮小

Touch and hold

在可編輯文本中,顯示一個放大的光標視圖。

慎重地融合品牌元素

當品牌的設(shè)計巧妙且簡約時,它是最有效的。用戶使用您的iPhone應(yīng)用程序來完成某項任務(wù)或娛樂時,他們不希望產(chǎn)生被強迫觀看廣告的感覺。因此,您應(yīng)該以一種低調(diào)的方式引入您的品牌的顏色或圖片。例如,您可以在視圖和控件中使用一個自定義的配色方案。

 

應(yīng)用程序圖標是例外情況,它應(yīng)該突出顯示您的品牌(應(yīng)用程序圖標是用戶在安裝完應(yīng)用程序后,在主屏幕中可以看到的圖標),用戶會經(jīng)常看到這個圖標,因此,花費點時間讓您的品牌更吸引眼球是有必要的。關(guān)于如何設(shè)計一個應(yīng)用程序圖標,請參考“應(yīng)用程序圖標  。”

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://yvirxh.cn

存檔