![iOS人機交互規(guī)范_第1頁](http://file4.renrendoc.com/view/f979c4037a6a76a035fb5d7692ac2c85/f979c4037a6a76a035fb5d7692ac2c851.gif)
![iOS人機交互規(guī)范_第2頁](http://file4.renrendoc.com/view/f979c4037a6a76a035fb5d7692ac2c85/f979c4037a6a76a035fb5d7692ac2c852.gif)
![iOS人機交互規(guī)范_第3頁](http://file4.renrendoc.com/view/f979c4037a6a76a035fb5d7692ac2c85/f979c4037a6a76a035fb5d7692ac2c853.gif)
![iOS人機交互規(guī)范_第4頁](http://file4.renrendoc.com/view/f979c4037a6a76a035fb5d7692ac2c85/f979c4037a6a76a035fb5d7692ac2c854.gif)
![iOS人機交互規(guī)范_第5頁](http://file4.renrendoc.com/view/f979c4037a6a76a035fb5d7692ac2c85/f979c4037a6a76a035fb5d7692ac2c855.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
本文格式為Word版,下載可任意編輯——iOS人機交互規(guī)范
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
iOSHumanInterfaceGuidelines
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
EmbraceiOSUIParadigms22
EnsurethatUniversalAppsRunWellonBothiPhoneandiPad23
ReconsiderWeb-BasedDesigns23
TailorCustomizationtotheTask24
PrototypeandIterate27
CaseStudies:TransitioningtoiOS28
FromMailontheDesktoptoMailoniPhone29
FromKeynoteontheDesktoptoKeynoteoniPad31
FromMailoniPhonetoMailoniPad34
FromaDesktopBrowsertoSafarioniOS37
UserExperienceGuidelines43
FocusonthePrimaryTask43
ElevatetheContentthatPeopleCareAbout44
ThinkTopDown45
GivePeopleaLogicalPathtoFollow45
MakeUsageEasyandObvious45
UseUser-CentricTerminology46
MinimizetheEffortRequiredforUserInput47
DownplayFile-HandlingOperations47
EnableCollaborationandConnectedness48
De-emphasizeSettings49
BrandAppropriately50
MakeSearchQuickandRewarding51
EnticeandInformwithaWell-WrittenDescription52
BeSuccinct52
UseUIElementsConsistently52
ConsiderAddingPhysicalityandRealism54
DelightPeoplewithStunningGraphics55
HandleOrientationChanges57
MakeTargetsFingertip-Size59
UseSubtleAnimationtoCommunicate60
SupportGesturesAppropriately60
AskPeopletoSaveOnlyWhenNecessary61
MakeModalTasksOccasionalandSimple62
StartInstantly63
AlwaysBePreparedtoStop64
Don’tQuitProgrammatically64
IfNecessary,DisplayaLicenseAgreementorDisclaimer65
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
ForiPad:EnhanceInteractivity(Don’tJustAddFeatures)65
ForiPad:ReduceFull-ScreenTransitions66
ForiPad:RestrainYourInformationHierarchy66
ForiPad:ConsiderUsingPopoversforSomeModalTasks69
ForiPad:MigrateToolbarContenttotheTop70
iOSTechnologyUsageGuidelines72
iCloudStorage72
Multitasking74
NotificationCenter76
Printing81
iAdRichMediaAds82
QuickLookDocumentPreview88
Sound89
UnderstandUserExpectations89
DefinetheAudioBehaviorofYourApp91
ManageAudioInterruptions95
HandleMediaRemoteControlEvents,ifAppropriate97
VoiceOverandAccessibility98
EditMenu99
UndoandRedo101
KeyboardsandInputViews102
LocationServices103
iOSUIElementUsageGuidelines105
Bars105
TheStatusBar105
NavigationBar107
Toolbar110
TabBar111
ContentViews113
Popover(iPadOnly)114
SplitView(iPadOnly)117
TableView119
TextView128
WebView129
ContainerViewController130
Alerts,ActionSheets,andModalViews131
Alert131
ActionSheet135
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
ModalView138
Controls141
ActivityIndicator141
DateandTimePicker142
DetailDisclosureButton143
InfoButton143
Label144
NetworkActivityIndicator144
PageIndicator145
Picker146
ProgressView147
RoundedRectangleButton147
ScopeBar148
SearchBar149
SegmentedControl150
Slider151
Stepper152
Switch153
TextField153
System-ProvidedButtonsandIcons154
StandardButtonsforUseinToolbarsandNavigationBars155
StandardIconsforUseinTabBars157
StandardButtonsforUseinTableRowsandOtherUIElements159
CustomIconandImageCreationGuidelines160
TipsforDesigningGreatIconsandImages162
TipsforCreatingGreatArtworkfortheRetinaDisplay163
TipsforCreatingResizableImages165
ApplicationIcons165
LaunchImages168
SmallIcons170
DocumentIcons171
DocumentIconSpecificationsforiPhone171
DocumentIconSpecificationsforiPad172
WebClipIcons174
IconsforNavigationBars,Toolbars,andTabBars175
NewsstandIcons177
DocumentRevisionHistory181
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
Introduction
iOSHumanInterfaceGuidelinesdescribestheguidelinesandprinciplesthathelpyoudesignasuperlativeuserinterfaceanduserexperienceforyouriOS
app.
iOSHumanInterfaceGuidelinesdoesnotdescribehowtoimplementyourdesignsincode.Whenyou’rereadytocode,startbyreadingiOSAppProgrammingGuide.
AtaGlance
Byworkingwiththeplatformconventions,you’llbemuchbetterpositionedtocreateoutstandingiOSapps.
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
Introduction
AtaGlance
RelevantChapters“UserExperienceGuidelines〞(page43)and“iOSUIElementUsage
Guidelines〞(page105)
PeopleExpecttoFindiOSTechnologiesintheAppsTheyUse
iOSprovidesmanygreattechnologiesthataddvaluetoapps,suchasmultitasking,printing,andVoiceOver.AlthoughusersmightviewthesetechnologiesasautomaticallyavailablewhenevertheyusetheiriOS-baseddevices,itcanrequireworkonyourparttoincorporatetheminyourapp.IfaniOStechnologyisappropriateinyourapp,besuretofollowtheguidelinesthatgovernitsusage.
RelevantChapter“iOSTechnologyUsageGuidelines〞(page72)
AllAppsNeedatLeastSomeCustomArtwork
Evenifyourappenablesaserious,productivetaskandusesonlystandarduserinterfaceelements,youstillneedtoprovideabeautiful,customappiconthatpeoplewillenjoyseeingintheAppStoreandontheirHomescreens.Whetheryourappincludessignificantamountsofcustomartwork,oronlyalittle,youneedtoknowwhichiconsandimagesarerequiredandhowtocreatethemappropriately.Inaddition,ifyou’redesigningartworkfortheRetinadisplay,youcanlearnsometechniquesthatcanmakethisprocesseasier.
RelevantChapter“CustomIconandImageCreationGuidelines〞(page160)
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
PlatformCharacteristics
iOS-baseddevicesshareseveraluniquecharacteristicsthatinfluencetheuserexperienceofallapplicationsthatrunonthem.Themostsuccessfulappsembracethesecharacteristicsandprovideauserexperiencethatintegrateswiththedevicethey’rerunningon.
TheDisplayIsParamount,RegardlessofItsSize
ThedisplayofaniOS-baseddeviceisattheheartoftheuser’sexperience.Notonlydopeopleviewbeautifultext,graphics,andmediaonthedisplay,theyalsophysicallyinteractwiththeMulti-Touchscreentodrivetheirexperience(evenwhentheycan’tseethescreen).
Althoughdisplaysofdifferentdimensionsandresolutionscanhavedifferenteffectsonuserexperiencewithanapp,someeffectsapplytoalliOS-baseddevices:
●ThecomfortableminimumsizeoftappableUIelementsis44x44points.
Thequalityofappartworkisveryapparent.
Theuser’sfocusisonthecontent.●●
iOS-baseddeviceshavethefollowingscreensizes:
Table1-1
DeviceScreensizesofiOS-baseddevicesPortraitLandscape
iPhone4
iPad
OtheriPhoneandiPodtouchdevices640x960pixels768x1024pixels320x480pixels960x640pixels1024x768pixels480x320pixels
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
PlatformCharacteristics
DeviceOrientationCanChange
NotePixelistheappropriateunitofmeasurementtousewhendiscussingthesizeofadevice
screenorthesizeofaniconyoucreateinanimage-editingapplication.Pointistheappropriateunit
ofmeasurementtousewhendiscussingthesizeofanareathatisdrawnonscreen.
Onastandard-resolutiondevicescreen,onepointequalsonepixel,butotherresolutionsmight
dictateadifferentrelationship.OnaRetinadisplay,forexample,onepointequalstwopixels.
See“PointsVersusPixels〞inViewProgrammingGuideforiOSforacompletediscussionofthisconcept.
DeviceOrientationCanChange
PeoplecanrotateiOS-baseddevicesatanytimeandforavarietyofreasons.Forexample,sometimesthetaskpeopleareperformingfeelsmorenaturalinportrait,andsometimespeoplefeelthattheycanseemoreinlandscape.Whatevertheirreasonforrotatingthedevice,peopleexpecttheapptomaintainitsfocusontheprimaryfunctionality.
PeopleoftenlaunchappsfromtheHomescreen,sotheytendtoexpectallappstostartinthesameorientation.BecauseofthedifferentwaysiPhoneandiPaddisplaytheHomescreen,thisexpectationaffectsappsindifferentways:
●OniPhoneandiPodtouch,theHomescreenisdisplayedinoneorientationonly,whichisportrait,with
theHomebuttonatthebottom.ThisleadsuserstoexpectiPhoneappstolaunchinthisorientationbydefault.
OniPad,theHomescreenisdisplayedinallorientations,souserstendtoexpectiPadappstolaunchinthedeviceorientationthey’recurrentlyusing.●
AppsRespondtoGestures,NotClicks
Peoplemakespecificfingermovements,calledgestures,tooperatetheuniqueMulti-TouchinterfaceofiOS-baseddevices.Forexample,peopletapabuttontoactivateit,flickordragtoscrollalonglist,orpinchopentozoominonanimage.
TheMulti-Touchinterfacegivespeopleasenseofimmediateconnectionwiththeirdevicesandenhancestheirsenseofdirectmanipulationofonscreenobjects.
Peoplearecomfortablewiththestandardgesturesbecausethebuilt-inapplicationsusethemconsistently.Theirexperienceusingthebuilt-inappsgivespeopleasetofgesturesthattheyexpecttobeabletousesuccessfullyinmostotherapps.
iOS人機交互規(guī)范,為iPhone,iPad開發(fā)人員提供設(shè)計規(guī)范
PlatformCharacteristics
PeopleInteractwithOneAppataTime
Table1-2
GestureGesturesusersmaketointeractwithiOS-baseddevicesAction
Tap
DragTopressorselectacontroloritem(analogoustoasinglemouseclick).Toscrollorpan(thatis,movesidetoside).
Todraganelement.
Flick
SwipeToscrollorpanquickly.Withonefinger,torevealtheDeletebuttoninatable-viewrowortoreveal
Not
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年高壓液壓柱塞泵馬達項目發(fā)展計劃
- 2025年度新能源材料研發(fā)保密與共享合同
- 2025年度綠色建筑項目財產(chǎn)贈與合同
- 2025年(半)干式煙氣脫硫成套設(shè)備項目建議書
- 2025年度出境領(lǐng)隊帶團操作規(guī)范合同范本
- 水務(wù)生態(tài)保護規(guī)劃計劃
- 2025年食品分離機械項目合作計劃書
- 持續(xù)改進教學(xué)工作的機制計劃
- 高危行業(yè)的安全防控計劃
- 合理安排急診排班的重要性計劃
- 靜脈用藥安全輸注藥護專家指引
- 華住酒店管理制度
- 《婚姻家庭糾紛調(diào)解》課件
- 教育科學(xué)與兒童心理學(xué)
- 2022高速公路隧道工程施工管理標(biāo)準化手冊
- 雨水花園設(shè)計
- 年智慧水廠大數(shù)據(jù)信息化建設(shè)和應(yīng)用方案
- 光伏電纜橋架敷設(shè)施工方案
- 文山-硯山天然氣支線管道工程項目環(huán)境影響報告書
- 新選供應(yīng)商初期考察表模板
- 工人工資結(jié)清證明范本
評論
0/150
提交評論