国产精品电影_久久视频免费_欧美日韩国产激情_成年人视频免费在线播放_日本久久亚洲电影_久久都是精品_66av99_九色精品美女在线_蜜臀a∨国产成人精品_冲田杏梨av在线_欧美精品在线一区二区三区_麻豆mv在线看

iOS 7人機交互指南-UI設計基礎:整合iOS系統

移動開發 iOS
本文為大家介紹了iOS 7人機交互指南UI設計基礎的Integrating with iOS(整合iOS系統):使用標準UI元素;對設備使用方向(橫屏和豎屏)做出相應;弱化對文件和文檔的處理;如果需要,可提供app的設置選項。希望對大家有所幫助。

使用標準的UI元素

盡可能使用UIKit框架提供的標準UI元素,這樣用戶和開發者都能從中獲益:

對開發者而言,如果iOS進行了重新設計,那么標準的UI元素能夠在系統更新時自行更新,而自定義的元素則不會。

對用戶而言,標準的UI元素會讓他們覺得很舒服,這樣他們可以立即理解如何在應用中使用這些標準的UI元素。

為了好好利用這些標準的UI元素,需注意以下至關重要的幾點:

遵循每個UI元素的使用指南。當UI元素的外觀、運行方式和用戶期望的一樣時,他們可依據此前的經驗在你的app使用這些元素。你可以在Bars,Content ViewsControls以及Temporary Views中找到UI元素使用指南。

一般來說,不要使用自定義UI控件來執行一個標準的交互操作。首先,要問問自己為什么要創建一個交互行為方 式與標準元素一致的自定義UI元素。如果你僅僅是想要一個自定義的外觀,那可以考慮通過使用UIKit框架的外觀自定義API來改變標準UI元素的外觀, 或者改變元素的色調。如果你想要一個略有不同的UI控件交互行為,那首先要確保通過對標準元素的調整可以達到你想要的效果。如果你想要一個完完全全的自定 義UI,那么***是設計一個和標準元素看起來很不一樣的自定義元素。

TIP:Interface Builder可以幫你簡單地創建標準的UI元素,使用外觀自定義API,設置屬性,并在控件中添加自定義圖標或者系統提供的圖標。關于Interface Builder更多詳情,可以查看Xcode 用戶指南

不要使用系統定義的按鈕和圖標來表達其他一些含義。你可以在應用中使用iOS 提供的按鈕和圖標。要確保你已理解了相關文檔,理解了按鈕和圖標使用的語義環境,不要簡單依賴你對按鈕和圖標外觀的理解和看法。

如果系統沒有提供適當的按鈕或者圖標來準確地傳達app的功能,那么你可以自行創建一個。Bar Button Icons這一章節可以幫你更好地設計自定義圖標。

如果你的app能提供沉浸式的任務或體驗,那么創建完全自定義的控件就可能是合理的做法。因為你正在創建一種***的環境,并且知道如何在這類app中管理用戶體驗所期待的環境。

對設備使用方向(橫屏和豎屏)做出相應

用戶一般期望在橫屏和豎屏模式下都能使用設備,所以你的app***能做出響應。

不管設備處于什么方向,首先都要維持對主要內容的聚焦和關注。用戶使用你的app來瀏覽他們關心的內容或者與內容進行交互。移動設備旋轉后,改變用戶的視覺焦點可能會讓他們倍感迷惑,并產生對app失控的感覺。

一般情況下,要讓app支持橫屏和豎屏兩種模式。用戶期望在任何模式下都能使用你的app,***能滿足用戶的要求,尤其是iPad用戶。不過,也有一些app只有橫屏或豎屏運行方式。如果你的app只能在一個方向(橫屏或豎屏)運行,你應該:

1.不管設備處于橫屏模式還是豎屏模式,都要以應用支持的方向啟動。比如,如果游戲app或者視頻觀看類app只能以橫屏模式運行,以橫屏模式啟動app是合乎情理的,即便當前設備處于豎屏模式。這樣即便用戶以豎屏模式啟動app,他們也知道把設備旋轉至橫屏模式。

2.避免用UI元素告知用戶需旋轉設備。以app支持的方向運行已經清楚地告訴用戶需要旋轉設備,不需要增加多余雜亂的UI元素。

3.支持橫屏和豎屏兩種模式。比如,如果app僅支持橫屏模式,不管Home鍵在左還是在右,用戶應該都會使用它。如果用戶把設備旋轉180度,那么app***也能作出旋轉180度的響應。

如果旋轉設備持有方向是用戶“輸入”(或者行為輸入)的一部分,那么你可以以APP獨有的方式處理。比如, 一款游戲可以讓用戶通過旋轉設備來移動游戲塊,那么這款游戲就不能再對設備方向旋轉進行相應。這種情況下,在用戶進入游戲的主任務之前,你的游戲應當支持 橫屏和豎屏兩種模式,允許用戶在兩者之間進行選擇。在用戶開始應用的主任務后,你可以以app“特有”的方式來相應設備方向的更改(此處特有的方式指的是 旋轉設備來進行特定的游戲操作)。

在iPhone上,對設備方向更改進行相應的同時也要預測用戶的需求所在。用戶從豎屏模式旋轉為橫屏模式,通常是想要查看“更多內容”。僅按比例縮放內容會難以滿足用戶心理期望。相反應該重新設計文本的行數,需要的話,也得更改一些UI元素的布局,這樣用戶才能在屏幕上看到更多內容。

在iPad上,app要盡量支持所有的方向,努力滿足用戶的需求。iPad更大的屏幕降低了用戶旋轉設備以 “查看更多”內容的欲望。用戶并不十分關心設備的框架或者Home鍵的位置,因此他們不認為設備應該有一個默認的方向。不管設備處于什么方向,你的app 應該能為用戶提供良好的用戶體驗,應該盡可能地鼓勵用戶從不同方向(橫屏或豎屏)與iPad進行交互。

以下是iPad app設計相關的幾點規范:

1.考慮設備方向改變時如何展示輔助信息和功能。雖然重要內容是視覺的焦點,但你也可以通過對設備方向更改的響應來展示次要功能和內容。

比如iPad上的Mail應用,賬戶和郵箱列表屬于次要內容(選中信息是主要內容)。橫屏模式下,次要內容展示在左側面板;而豎屏模式下,次要內容展現在彈出面板中。

還有個例子,一款iPad游戲以橫屏模式展示了一個矩形游戲棋盤。在豎屏模式下,棋盤頂部和底部多出了一些空間,那么這款游戲就需要重新設計以適應豎屏顯示模式。不是簡單地拉伸棋盤,而要展現補充信息來填充額外的空間。

2.避免無端地改變布局。如果可能的話,不管設 備處于橫屏模式還是豎屏模式,都要為用戶提供始終如一的用戶體驗。這樣當設備旋轉時,相似的使用體驗可以讓用戶維持一貫的使用模式。比如,你的iPad app在橫屏模式下以網格的形式展示圖片,那么在豎屏模式下,就沒必要以列表的形式展示相同的信息。

3.可能的話,在設備方向旋轉的情況下,盡量避免重新定義信息內容和重新設計文本。不管設備處于什么方向,應用都應該維持相似的信息格式。如果用戶在閱讀文本,他們旋轉設備后,要避免用戶因離開原先閱讀的位置而感到迷惑。如果應用內容格式 更改是不可避免的,要用動畫來幫助用戶明白其中的改變。比如設備在橫屏和豎屏模式之間進行了切換,你必須增加或者刪除一些文字,這時候你可以考慮使用淡入 和淡出的動畫效果。為了設計出適當的橫屏豎屏方案,你可以思考下,在現實世界中你期望如何與內容進行物理性的交互。

4.為app橫屏和豎屏模式各自設計一個***的啟動頁。不管當前設備處于什么方向,一個平滑運行的***的啟動頁可以讓用戶忽略設備當前的方向。與iPhone主屏形成了一個對比,iPad主屏支持橫屏和豎屏兩個模式,所以如果用戶剛從其他app中退出來,那么他會喜歡以上個app的使用方式啟動你的app。

弱化對文件和文檔的處理

iOS app可幫用戶創建和管理文件,但這并不意味著用戶不得不考慮iOS 設備上的文件系統。

在iOS app中,沒有一個類似OS X系統中的Finder,用戶不應該被要求與文件進行交互,不應該面對任何讓他們想到文件元數據或者儲存位置之類的信息。比如:

1.一個會暴露文件層級的打開或保存文件的對話框。

2.關于文件權限狀態的信息

盡量允許用戶在不需要打開電腦iTunes的情況下管理文檔。考慮使用iCloud來幫助用戶訪問他們所有設備上的內容。App如何為用戶提供優秀的iCould體驗?可參考iCould一節。

如果你的應用幫助用戶創建和編輯文檔,那么可以嘗試提供某種文檔選擇器,來幫用戶打開現有文檔或創建新文檔。理想情況下,文檔選擇器應該:

1.具有高質量的圖形外觀。用戶應該可以簡單地通過屏幕上文檔的可視化形式來識別出他們想要的文檔。

2.讓用戶使用最少的手勢來做他們想做的。比如用戶可能通過橫屏滾動或者網格的形式來操作文檔,并通過點擊來打開文檔。

3.提供新建文檔動能。文檔選擇器允許用戶點擊圖片占位符來創建新文檔,而不是讓用戶去某個地方創建新文檔。

TIP:你可以使用Quick Look預覽功能讓用戶在你的應用中預覽文檔,即便你的app不支持打開文檔。如何在應用中提供該功能呢?可參考Quick Look一節。

給用戶一種安全感,讓他們知道自己的工作進程始終會被保存,除非他們準確地執行取消或者刪除。如果你的應用為用戶提供創建和編輯文檔的功能,要讓用戶知道無需他們自己動手執行保存。iOS app應該承擔保存用戶輸入內容的責任,無論是在他們打開一個不同的文檔時,或者與其他app進行切換時,app都能保存他們的輸入內容。

如果你應用的主要功能不是創造內容,但你允許用戶在查看信息與編輯信息之間進行切換,那么這時候你可以要求用戶對信息變更進行保存。

這種情況下,在展示信息的視圖中提供一個編輯按鈕。當用戶點擊編輯按鈕進入編輯狀態后,你可以使用一個保存按鈕來替代編輯按鈕,并增加一個取消 按鈕。編輯按鈕的變化可以提醒用戶處于編輯狀態,可能需要對內容進行保存,而取消按鈕則為用戶提供了不保存內容變更的情況下推出編輯狀態的選擇。

這種變化可以提醒人們,他們現在正處于編輯模式,可能需要執行保存操作,而“取消”按鈕則為他們提供了在不保存變更的情況下直接退出編輯模式的出口。

如果需要,可提供app的設置選項

有些app可能需要為用戶提供配置或設置的選項,但是大多數app不需要這樣的設計,或者可以延遲對這個環節的設置。成功的app可以讓用戶快速上手,或者在主要的UI中提供一些可調整的方法。

可能的話,避免把用戶引導至“設置”需求中。很重要的一點,用戶必須首先離開你額應用才能打開“Settings app”,你也不想鼓勵用戶這么做。

當你能按照大多數用戶期望的那樣來設計app,你也就降低了用戶設置app的需求。如果你需要用戶的某些信息,可先查詢系統儲存的用戶信息,而不是首先要求用戶為你提供。如果你確定你必須在iOS app中提供相關設置,可查看iOS app編程指南的“The Settings Bundle”一節。

如果需要,盡量讓用戶在你的app中進行操作。在app中集成配置選項可以讓變化同步表現出來,這樣用戶不需要離開你的app就能進行相關設置。

如果需要,盡量在主要的UI中提供設置選項。如果主要UI代表著主要任務,或者是用戶可能會頻繁地更改設置,這些情況下,把設置選項放在主要UI中就非常有意義了。如果用戶只是偶爾改變下app的設置,那就把它們放在單獨的視圖中。

責任編輯:閆佳明 來源: cocoachina
相關推薦

2013-07-03 15:29:45

iOS 7人機交互iOS 7 UI設計Interactivi

2013-07-03 14:48:25

iOS 7人機交互iOS 7 UI設計Navigation

2013-06-17 16:12:23

iOS 7人機交互UI設計基礎

2013-07-03 16:58:36

iOS 7人機交互UI設計Icons

2013-07-03 14:44:24

iOS 7人機交互iOS 7 UI設計Layout

2013-07-03 15:03:46

iOS 7人機交互iOS 7 UI設計Modal Conte

2013-07-03 16:36:35

iOS 7人機交互UI設計Animation動畫

2013-07-03 13:34:57

iOS 7人機交互iOS 7 UI設計App Anatomy

2013-07-03 16:52:24

iOS 7人機交互UI設計基礎文字和色彩

2013-07-03 17:04:12

iOS 7人機交互UI設計基礎Branding品牌化

2013-07-03 15:39:58

iOS 7人機交互UI設計Terminology

2013-07-03 14:26:19

iOS 7人機交互iOS 7 UI設計iOS設計師

2013-06-24 11:01:30

IT技術周刊

2011-03-02 08:35:19

人機交互界面iOS

2015-11-04 09:54:34

ios9人機界面ui

2021-08-17 10:54:57

AI 數據人工智能

2021-08-17 09:54:05

人機交互交互模型國際主流

2013-02-28 15:22:44

iOS人機交互

2010-04-20 09:08:36

2021-04-18 13:50:10

人機交互人工智能
點贊
收藏

51CTO技術棧公眾號

岛国精品视频在线播放| 99视频精品在线| 亚洲香肠在线观看| 国产午夜福利在线播放| 日韩欧美高清| 久久久久久久久久久免费| 免费不卡视频| 亚洲色图19p| 黄色片视频在线免费观看| 久久久久综合| 国产区精品在线观看| 超碰国产精品一区二页| 精品av久久707| av在线播放国产| 精品视频免费在线| 成人免费在线视频网| 亚洲午夜久久久久久久久电影网| 嫩草影院国产精品| 国产精品拍天天在线| 在线免费视频a| 国产亚洲成av人在线观看导航| 国产免费黄色小视频| 国模娜娜一区二区三区| 国产午夜精品一区二区三区欧美| 欧美日韩视频专区在线播放| 91破解版在线看| 一区二区三区四区乱视频| 成年人在线免费观看视频网站| 中文字幕一区二区视频| 日本aⅴ中文| 日本大香伊一区二区三区| 999国产在线视频| 精品国产一区二区在线观看| 亚洲精品白浆| 日韩在线视频观看| avtt综合网| 91九色综合久久| 免费在线观看成人| 韩国中文字幕av| 欧美日韩在线精品一区二区三区激情| 在线免费观看a视频| 久久精品一偷一偷国产| 神马电影久久| 日韩高清av| 亚洲成a人片综合在线| 日av在线播放| 久久日韩粉嫩一区二区三区| 在线观看欧美日韩| 日韩系列欧美系列| www.天天射.com| 一区二区欧美激情| 成人午夜免费电影| 91精品入口| 男人添女荫道口图片| 2020国产精品小视频| 色yeye香蕉凹凸一区二区av| 精品久久成人| 国产精品无码av在线播放| 在线播放欧美女士性生活| 久久av免费| 久久久999免费视频| 日韩精品中文在线观看| 亚洲精品欧美| 欧美xxxxhdvideosex| 伊人久久青草| 中文字幕亚洲情99在线| 亚洲国产成人私人影院tom| 国产精品影院在线| 久久精品国产久精国产思思| 欧美亚洲一级| 玖玖综合伊人| 国产在线观看一区二区三区| 国产一区二区三区观看| 午夜视频在线观看网站| 国产日韩欧美91| 国产女同互慰高潮91漫画| 日本一本在线免费福利| 国产一区二区中文字幕免费看| 亚洲成人一二三| а√中文在线天堂精品| 18黄暴禁片在线观看| 日韩成人高清在线| 麻豆精品国产91久久久久久| 国产原创在线观看| 91嫩草国产在线观看| 欧美中文字幕一区二区三区 | 中文在线а√在线8| 日韩高清国产一区在线观看| 欧美日韩成人在线一区| 天堂成人免费av电影一区| 麻豆视频在线观看免费| 久久亚洲一级片| 狠狠热免费视频| 欧美激情免费观看| 中文久久乱码一区二区| 亚洲人成网亚洲欧洲无码| 国产喷水theporn| 青青草原一区二区| 欧美三级中文字| 亚洲激情综合| 少妇精品视频一区二区免费看| av五月天在线| 国产精品av一区| 亚洲美女自拍视频| 欧美国产综合色视频| 欧美涩涩网站| 久久精品超碰| 国产精品四虎| 免费看日本毛片| 91在线网站视频| 中文字幕亚洲综合久久| 亚洲一区免费观看| 久久精品国产亚洲高清剧情介绍 | 粉嫩在线一区二区三区视频| 国产精品久久久久9999赢消| www.黄在线观看| www.一区二区.com| 久久久久亚洲精品国产| 一区二区三区加勒比av| 99伊人成综合| 国产激情欧美| 你懂的视频在线播放| 这里只有精品66| 成人午夜小视频| 日韩高清a**址| 综合分类小说区另类春色亚洲小说欧美| 久久久久久色| 激情综合自拍| 亚洲码欧美码一区二区三区| 久久一卡二卡| 91在线网址| 麻豆国产在线播放| 成人三级av| 日韩在线一级片| 天天人人精品| 国产精品一区二区你懂得| 国产伦精品免费视频| 国产69精品久久久久久| 色老头一区二区三区| 欧美激情偷拍自拍| 一本一本a久久| 久久这里精品国产99丫e6| 亚洲综合在线中文字幕| 国产成人久久久| 国产精品日韩精品| 欧美最顶级的aⅴ艳星| 国产最新精品视频| 欧美亚洲国产日本| 欧美一级电影久久| 97在线观看免费高清| 免费av在线一区| 欧美一区二区三区图| 欧美日韩成人在线视频| 日本不卡视频在线播放| 国产精品欧美在线| 国产精品丝袜久久久久久不卡| 国语自产精品视频在免费| 77777亚洲午夜久久多人| 欧美一区第一页| 国产精品一区二区久久精品| 91丨九色丨国产在线| 国产综合香蕉五月婷在线| 国产一区二区三区四区五区加勒比| 精品国产乱码久久久久久郑州公司| 欧美午夜精品久久久久免费视| 特级黄色录像片| 97视频免费| 日本三级视频在线播放| 欧美xxxx性xxxxx高清| 国外成人福利视频| 先锋资源久久| 国产毛片一区二区| 午夜私人影院久久久久| 精品国产伦理网| 欧美综合一区第一页| 91亚洲人电影| 亚洲精品电影在线一区| 91av在线免费播放| www.日韩系列| 欧美一区三区四区| 欧美激情网友自拍| 在线免费观看成人网| 色视频www在线播放国产人成| 国自产拍在线网站网址视频| 日韩精品三区| 乱码第一页成人| 欧美性猛交xxx| 久久久精品日本| 国产精品一区二区免费| 日本va中文字幕| 免费污视频在线观看| 久久久久久久久丰满| 成人av电影在线| 日韩av网站导航| 精品不卡一区二区三区| 黄污网站在线观看 | 亚洲丝袜自拍清纯另类| 亚洲国产成人久久综合| 99久久久久国产精品免费| 日韩黄色视屏|