iOS Human Guidlines - page 25

D0(-0!7)) 2)5-,+- '()$#*!+)1
2012-03-07 | © 2012 Apple Inc. All Rights Reserved.
25
'()$#*!+)1, #02-;-1 '(!2'#.0!+)1 0-+2-(0+#:6 '#$%5#;-0!$% 9#:6 )+0!(I!, 6 )
4II!90);+#, +-;)7->)).
X $) ;-&! '()$#*!+)! '#:#7-!0 '#$%5#;-0!$1: '(# :-0();-0% #2!(*):#!, 0#
'#$%5#;-0!$) +! #>!+10 UI 9#+96()(6/=!! +):.
X $) ;-&! '()$#*!+)! )$) )7(- #"! '!.);-!0 5-K;-0<;-/=), /*!0#: #'<0, $/2)
(- .)0<;-/0 '#7(65)0% 1 ; 6+)9-$%+<, :)(, +-'#$+!++<, "#7-0#,, 9(- );#, 7(-I)9#, )
)++#;->)#++<:) ;5-):#2!, 0;)1:).
/
,
)
,
. G#$%5#;-0!$)
K#(#&# 5+-9#:< ;+!&+): ;)2#: ) '#;!2!+)!: 0-+2-(0+<K 4$!:!+0#; UI, '#40#:6 #+) +!
2#$*+< # 0-+-;$);-0% 1 ) 26:-0% # 0#:, 9-9 )K ) '#$%5#;-0%. F#72- #+) 0-$9);-/0 1
4$!:!+0-:), 9#0#(<! +! ;<7$1210 )$) +! ;!260 !"1 9-9 0-+2-(0+<!, '#$%5#;-0!$) 0!(1/0
'(!):6=! 0;- ;#!7# '(!2<26=!7# #'<0-. G#9- ;-&) 6+)9-$%+<! 4$!:!+0< +! "6260
6'(#=-0% ;<'#$+!+)! 5-2-.), '#$%5#;-0!$1: +! "62!0 +(-;)0% 1 )56.!+)! +#;<K '(#>!26(,
+!) '#$%56!:<K ; 2(67)K '()$#*!+)1K.
0
. G() 6;!$).!+)) )+2);)26-$)5)(#;-++<K
4$!:!+0#; UI 0(!"6!0 1 !=! "#$%&! ;+):-+)1 #"(-=-0% +- ;+!&+), ;)2 ) '#;!2!+)! 40)K
4$!:!+0#;, 9#0#(<! +! 2#$*+< "<0% '(#0);#(!.);<:) ; (-:9-K ;-&!7# '()$#*!+)1. X $)
'#$%5#;-0!$) 0(-010 ;(!:1 +- )56.!+)! ) '#$%5#;-+)1 +!5+-9#:<K 4$!:!+0#; 6'(-;$!+)1,
#52-++<K ;-:), #+) #*)2-/0, .0# "6260 ):!0% ;#5:#*+# 0% ) '#$%5#;-0% 40# 5+-+)! ;# ; !:
;-&!: '()$#*!+)).
,
. G# 9#$%96 0-+2-(0+<! 4$!:!+0< K#(#&# 5+-9#:<, #+) +!
9#+96()(6/0 9#+0!+0#: 5- ;+):-+)! '#$%5#;-0!$!,. G() )+2);)26-$)5->)) UI
'#5-"#0%0! %, .0#"< #+ +! 5- $#+1$ +!#"K#2):#! '#$%5#;-0!$1: #2!(*-+)!. N-'():!(, ! $)
;-&! '()$#*!+)! '#5;#$1!0 '#$%5#;-0!$1: '(# :-0();-0% ;)2!#, ;< :#*!0! ;<"(-0% 2$1
2)5-,+- '#$%5#;-0!$% 9)K 4$!:!+0#; )+2);)26-$)5->)/ 9#+0(#$$!(#; ;# '(#)5;!2!+)1. N#
; $/"#: $6.-!, ) '#$%56!0! $) ;< #" 0;!++<! )$) 0-+2-(0+<! 9#+0(#$$!(< 6'(-;$!+)1
;# '(#)5;!2!+)!:, $!26!0 '#:+)0%, .0# #+) 2#$*+< 9(<;-0% 1 ; +-.-$! '(# :#0(- ;)2!# )
'#1;$10% 1 '() '()9# +#;!+)).
,
. X $) ;<
'$-+)(6!0! )+2);)26-$)5)(#;-0% 0-+2-(0+<, 4$!:!+0 6'(-;$!+)1, 6"!2)0! %, .0#
)5:!+!++<, 4$!:!+0 +! :!+!! )+I#(:-0);!+, .!: 0-+2-(0+<,. N-'():!(, ! $) ;< #52-!0!
9+#'96, 9#0#(-1 +! "62!0 ):!0% #9(67$<, '(# 0(-+ 0;!++<, ;)2, - #>))(6!:<, 6
'#$%5#;-0!$!, 9+#'9-:), '#$%5#;-0!$) +! :#760 '#+10%, .0# !! :#*+# +-*):-0%. J$), ! $)
;< #52-!0! '!(!9$/.-0!$%, +! '#9-5<;-/=), '(#0);#'#$#*+#! '#$#*!+)!, '#$%5#;-0!$) +!
:#760 '#+10%, .0# 40#0 '!(!9$/.-0!$% ):!!0 2 # 0#1+)1.
1
&
UI )
. # ;(!:1
0! 0)(#;-+)1, '(#9#+0(#$)(6,0!, .0#"< '#$%5#;-0!$) ;)2!$) ) :#7$) '(!2 9-5-0%, 2!, 0;)1
;-&)K 4$!:!+0#; ) :#7$) $!79# ;5-):#2!, 0;#;-0% +):). X $), +-'():!(, ;< #52-!0!
9#+0(#$$!( (-5:!(#: :!+%&!, .!: 44 K 44, $/2) 0#$9+60 1 '(#"$!:#, +-*-0)1. X $) ;<
#52-!0! #9+#, '#-(-5+#:6 (!-7)(6/=!! +- (-5$).+<! +-*-0)1, #"26:-,0! +!#"K#2):# 0%
40#7#.
Prototype and Iterate
(G(#0#0)' ) J0!(->)))
G(!*2! .!: )+;! 0)(#;-0% 5+-.)0!$%+<! (! 6( < ; (-5(-"#096 ;-&!7# '(#!90-, K#(#&!,
)2!!, "<$# "< #52-+)! '(#0#0)'- 2$1 0! 0)(#;-+)1 '#$%5#;-0!$1:). E-*! ! $) 6 ;- ! 0%
0#$%9# +! 9#$%9# 9#$$!7 2$1 0! 0)(#;-+)1 '(#0#0)'#;, ;< :#*!0! ) '#$%5#;-0% )K ;!*!!
;)2!+)! I6+9>)#+-$%+# 0) ;-&!7# '()$#*!+)1 ) 62#" 0;- ) '#$%5#;-+)1.
1...,15,16,17,18,19,20,21,22,23,24 26,27,28,29,30,31,32,33,34,35,...175
Powered by FlippingBook