創(chuàng)建優(yōu)秀的用戶(hù)界面——iPhone HIG

0 評(píng)論 1738 瀏覽 0 收藏 8 分鐘

一個(gè)優(yōu)秀用戶(hù)界面應(yīng)該遵循一些人機(jī)界面設(shè)計(jì)原則,這些原則來(lái)源于人——用戶(hù)——思考和工作的方式,而不是設(shè)備的性能。如果一個(gè)用戶(hù)界面沒(méi)有吸引力,令人費(fèi)解,或不合邏輯,那么即使是一個(gè)偉大的應(yīng)用程序也會(huì)因此讓用戶(hù)覺(jué)得煩瑣。但是,一個(gè)美觀的,無(wú)需用戶(hù)思考且引人入勝的用戶(hù)界面不僅可以改善應(yīng)用程序功能,還能激發(fā)用戶(hù)對(duì)應(yīng)用程序產(chǎn)生正面情感和依賴(lài)感。

如何在 iPhone 應(yīng)用程序中體現(xiàn)這些優(yōu)秀的設(shè)計(jì)原則呢?

一、擬物映射

將你的應(yīng)用程序的對(duì)象和操作按照現(xiàn)實(shí)世界中的對(duì)象與操作仿造。特別是對(duì)于新手用戶(hù),這項(xiàng)技術(shù)能夠幫助他們快速領(lǐng)會(huì)你的應(yīng)用程序是如何工作的。

文件夾是一個(gè)經(jīng)典的軟件隱喻。在現(xiàn)實(shí)世界中人們把文檔放到文件夾中,所以他們很快會(huì)明白把數(shù)據(jù)放到計(jì)算機(jī)的文件夾中。 在iPhone上,開(kāi)關(guān)控件是一個(gè)很棒的隱喻。

圖標(biāo)設(shè)計(jì)中符號(hào)寓意也要注意。與現(xiàn)實(shí)世界中人的公共的心智模型一直,才能產(chǎn)生共鳴。

【值得注意的是】當(dāng)您設(shè)計(jì)您的應(yīng)用程序時(shí),請(qǐng)認(rèn)識(shí)到 iPhone 操作系統(tǒng)存在的隱喻,并且不要對(duì)這些隱喻重新定義。同時(shí),檢查你的應(yīng)用程序執(zhí)行任務(wù)是的表現(xiàn),看看是否有自然的隱喻可以使用。請(qǐng)記住,相比為您的應(yīng)用程序單獨(dú)增加一個(gè)合適的符合真實(shí)世界的對(duì)象和操作的用戶(hù)界面,使用標(biāo)準(zhǔn)的控件和操作反而更好。除非你選擇的隱喻能被您的絕大部分用戶(hù)理解,包括那些會(huì)增加而不是減少用戶(hù)困惑的隱喻。

二、直接操作

直接操縱意味著人們覺(jué)得他們都在控制切實(shí)的而不是抽象的東西。遵循直接操縱的原則的好處是,用戶(hù)更容易了解他們的操作對(duì)于操縱對(duì)象所產(chǎn)生的結(jié)果。

因?yàn)槠涠帱c(diǎn)觸摸界面,iPhone 操作系統(tǒng)的用戶(hù)享受著高度的直接操縱的愉悅感受。使用手勢(shì)操作讓用戶(hù)對(duì)他們?cè)谄聊簧峡吹降膶?duì)象,感覺(jué)上更具親和力,和控制感,因?yàn)樗麄儾槐厥褂萌魏沃虚g設(shè)備(如鼠標(biāo))操縱它們。

為了提高你的 iPhone 應(yīng)用程序中的直接操縱感,請(qǐng)確保:

  1. 當(dāng)用戶(hù)對(duì)在屏幕上的對(duì)象執(zhí)行操作時(shí),要保持他們可見(jiàn)
  2. 用戶(hù)的操作結(jié)果是立即地顯而易見(jiàn)

三、即點(diǎn)即看

iPhone 應(yīng)用程序是比一個(gè)人更善于記憶一些選項(xiàng)列表,命令,數(shù)據(jù)等。利用這個(gè)優(yōu)勢(shì),以列表的形式給用戶(hù)提供選擇或選項(xiàng),所以用戶(hù)可以方便地掃描然后做選擇。盡量減少文本輸入使用戶(hù)不必花費(fèi)大量的時(shí)間打字,這樣也避免了應(yīng)用程序執(zhí)行錯(cuò)誤檢查。

提供選擇給用戶(hù),而不是要求更多開(kāi)放性的輸入,同時(shí),允許可以讓用戶(hù)集中精力在你的應(yīng)用程序完成任務(wù),而不是去記憶如何操作它。

四、反饋

用戶(hù)除了要看到他們操作的結(jié)果,還需要得到操作控件時(shí)的即時(shí)反饋,以及在長(zhǎng)時(shí)間操作中的狀態(tài)報(bào)告。

您的應(yīng)用程序應(yīng)提供明顯的變化來(lái)響應(yīng)每個(gè)用戶(hù)操作。例如,確保列表選項(xiàng)時(shí)在用戶(hù)點(diǎn)擊時(shí)暫時(shí)的高亮。聲音提示也很有效,但它不能成為主要或唯一的反饋機(jī)制,因?yàn)槿藗兛赡軙?huì)在無(wú)法聽(tīng)到聲音,或他們必須關(guān)閉聲音的地方,使用攜帶 iPhone 操作系統(tǒng)的設(shè)備。況且,您也不想與 iPhone 操作系統(tǒng)的聲音進(jìn)行競(jìng)爭(zhēng),因?yàn)橛脩?hù)常把它認(rèn)為是警告。

  1. 當(dāng)系統(tǒng)暫時(shí)繁忙時(shí),iPhone 操作系統(tǒng)自動(dòng)地提供操作反饋:
  2. 顯示活動(dòng)指示器;
  3. 當(dāng)系統(tǒng)操作持續(xù)超過(guò)好幾秒時(shí),你的應(yīng)用程序應(yīng)顯示消耗時(shí)間進(jìn)度,并且,如果有的話(huà),顯示解釋性信息;
  4. 顯示操作后的狀態(tài)信息;

動(dòng)畫(huà)是向用戶(hù)提供反饋的一種良好方式,它微妙而富有含義。動(dòng)畫(huà)貫穿于整個(gè)iPhone操作系統(tǒng)中,甚至在非沉浸式應(yīng)用程序中。但作為提供反饋的一種手段,動(dòng)畫(huà)只是常用于提高用戶(hù)體驗(yàn),它本身并不是用戶(hù)體驗(yàn)的焦點(diǎn)。

五、讓用戶(hù)去控制

讓用戶(hù)來(lái)觸發(fā)并控制行為,而不是您的應(yīng)用程序。保持行為的簡(jiǎn)單和直接,使用戶(hù)能夠很容易地理解并記住他們。盡可能使用標(biāo)準(zhǔn)的控件和用戶(hù)已經(jīng)熟悉的行為。

在開(kāi)始之前應(yīng)提供充分的取消操作的機(jī)會(huì),當(dāng)用戶(hù)觸發(fā)一個(gè)可能造成破壞的行為時(shí),務(wù)必與用戶(hù)進(jìn)行確認(rèn)。盡可能使用戶(hù)能夠正常地中止一個(gè)操作的進(jìn)行。

六、高度的遵循美學(xué)

盡管一個(gè)應(yīng)用程序的最終目的是為了完成某個(gè)任務(wù),這項(xiàng)任務(wù)甚至可能是玩游戲,我們也不應(yīng)低估界面的重要性。這是因?yàn)榻缑鎸?duì)功能有強(qiáng)大的影響力:如果一個(gè)應(yīng)用程序看起來(lái)很混亂或不合邏輯的話(huà),也必然是很難理解和使用的。

美的東西體驗(yàn)就是好的——這是一個(gè)基本法則。就像好看的人總是讓人們感覺(jué)舒適親和。

審美的完整性并不是一個(gè)用來(lái)衡量您的應(yīng)用程序有多漂亮的標(biāo)準(zhǔn)。它的作用是衡量外觀與功能相匹配的完整性。例如,一個(gè)高效的應(yīng)用程序應(yīng)保持微妙的裝飾元素以及裝飾背景,同時(shí)又通過(guò)標(biāo)準(zhǔn)控制和行為以突出任務(wù)。

例如一個(gè)身臨其境的應(yīng)用,用戶(hù)期望一個(gè)美麗的界面外觀,承諾樂(lè)趣和鼓勵(lì)發(fā)現(xiàn)。雖然身臨其境的應(yīng)用往往是側(cè)重于提供注意力的轉(zhuǎn)移,它的外觀仍然需要和任務(wù)結(jié)合起來(lái)。要確保你設(shè)計(jì)的用戶(hù)界面元素在這樣的應(yīng)用程序里是細(xì)致的,因此它們才能提供一個(gè)內(nèi)部一致的體驗(yàn)。via

小獅:附上《iPhone 人機(jī)界面設(shè)計(jì)規(guī)范(中英對(duì)照)》

來(lái)源:http://www.imliony.cn/blog/1932.hyh/

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!