1page.title=Android 設計原則
2@jd:body
3
4<p>這些設計原則是由 Android 使用者體驗團隊開發,並針對 Android 使用者體驗團隊的需求所開發,以使用者的最大利益為出發點。對於 Android 開發者和設計者而言,針對不同類型的裝置,這些原則仍持續是更詳細設計方針的基礎。
5
6
7
8</p>
9
10<p>
11當您套用您本身的創意與設計思維時,請考慮這些原則。
12除非有特定目的,否則請遵循這些原則。
13</p>
14
15<h2 id="enchant-me">使人著迷</h2>
16
17<div class="cols">
18  <div class="col-7">
19
20<h4 id="delight-me">以出乎意外的方式取悅人</h4>
21<p>漂亮的外觀、精心設置的動畫,或時機恰到好處的音效,都是令人感到喜悅的體驗。
22微妙的效果有助於產生毫不費力及強大力量就在手邊的感覺。
23</p>
24
25  </div>
26  <div class="col-6">
27
28    <img src="{@docRoot}design/media/principles_delight.png">
29
30  </div>
31</div>
32
33<div class="vspace size-2">&nbsp;</div>
34
35<div class="cols">
36  <div class="col-7">
37
38<h4 id="real-objects-more-fun">真實的物件比生硬的按鈕和選單,更能夠引人入勝。</h4>
39<p>您所設計的應用程式應該要能讓使用者可直接輕觸並操縱物件。這將可減少執行工作所需的認知準備,同時也能讓使用者在情緒上更為滿足。
40</p>
41
42  </div>
43  <div class="col-6">
44
45    <img src="{@docRoot}design/media/principles_real_objects.png">
46
47  </div>
48</div>
49
50<div class="vspace size-2">&nbsp;</div>
51
52<div class="cols">
53  <div class="col-7">
54
55<h4 id="make-it-mine">提供個人設定</h4>
56<p>很多人喜歡加上個人風格,因為這有助於他們感到自在並握有主控權。提供實用且美觀的預設設定,但也可以考慮使用不會阻礙主要工作而且有趣的選用自訂項目。
57
58</p>
59
60  </div>
61  <div class="col-6">
62
63    <img src="{@docRoot}design/media/principles_make_it_mine.png">
64
65  </div>
66</div>
67
68<div class="vspace size-2">&nbsp;</div>
69
70<div class="cols">
71  <div class="col-7">
72
73<h4 id="get-to-know-me">設法了解使用者</h4>
74<p>隨著時間而學習使用者的偏好。讓使用者容易取得之前的選擇,而不是一再請他們做出相同的選擇。
75</p>
76
77  </div>
78  <div class="col-6">
79
80    <img src="{@docRoot}design/media/principles_get_to_know_me.png">
81
82  </div>
83</div>
84
85<h2 id="simplify-my-life">簡化生活</h2>
86
87<div class="cols">
88  <div class="col-7">
89
90<h4 id="keep-it-brief">保持簡潔</h4>
91<p>以簡單單字組成簡短語句。多數人傾向於略過冗長的句子。</p>
92
93  </div>
94  <div class="col-6">
95
96    <img src="{@docRoot}design/media/principles_keep_it_brief.png">
97
98  </div>
99</div>
100
101<div class="vspace size-2">&nbsp;</div>
102
103<div class="cols">
104  <div class="col-7">
105
106<h4 id="pictures-faster-than-words">圖片的傳達效果更勝於言語</h4>
107<p>請考慮使用圖片來解釋想法。圖片能吸引目光,並比言語更有效率。
108</p>
109
110  </div>
111  <div class="col-6">
112
113    <img src="{@docRoot}design/media/principles_pictures.png">
114
115  </div>
116</div>
117
118<div class="vspace size-2">&nbsp;</div>
119
120<div class="cols">
121  <div class="col-7">
122
123<h4 id="decide-for-me">幫使用者決定,但使用者擁有最終決定權</h4>
124<p>做出最好的猜測,先行動,而非先詢問。太多的選擇和決定會讓使用者覺得很痛苦。
125為防止錯誤,務必允許復原。</p>
126
127  </div>
128  <div class="col-6">
129
130    <img src="{@docRoot}design/media/principles_decide_for_me.png">
131
132  </div>
133</div>
134
135<div class="vspace size-2">&nbsp;</div>
136
137<div class="cols">
138  <div class="col-7">
139
140<h4 id="only-show-when-i-need-it">必要時僅顯示使用者需要的內容</h4>
141<p>多數人無法承受一次看到太多東西。將工作和資訊細分成小型、易消化的區塊。
142隱藏當下不重要的選項,但在需要選擇時要明確指導。</p>
143
144  </div>
145  <div class="col-6">
146
147    <img src="{@docRoot}design/media/principles_information_when_need_it.png">
148
149  </div>
150</div>
151
152<div class="vspace size-2">&nbsp;</div>
153
154<div class="cols">
155  <div class="col-7">
156
157<h4 id="always-know-where-i-am">使用者應該永遠清楚所在位置</h4>
158<p>給使用者信心,知道自己沒有迷路。讓您應用程式中的各個地方看起來都有獨特性,並使用轉換來顯示畫面之間的關係。
159針對進行中的工作提供回饋。</p>
160
161  </div>
162  <div class="col-6">
163
164    <img src="{@docRoot}design/media/principles_navigation.png">
165
166  </div>
167</div>
168
169<div class="vspace size-2">&nbsp;</div>
170
171<div class="cols">
172  <div class="col-7">
173
174<h4 id="never-lose-my-stuff">別弄丟使用者的東西</h4>
175<p>儲存使用者花時間所建立的資訊,並且讓使用者可從任何地方存取。跨手機、平板電腦和電腦記住設定、個人風格和建立的資訊。
176這會讓升級變得很簡單。
177</p>
178
179  </div>
180  <div class="col-6">
181
182    <img src="{@docRoot}design/media/principles_never_lose_stuff.png">
183
184  </div>
185</div>
186
187<div class="vspace size-2">&nbsp;</div>
188
189<div class="cols">
190  <div class="col-7">
191
192<h4 id="looks-same-should-act-same">如果看起來一樣,就應該有相同的動作</h4>
193<p>讓功能看起來就不一樣,而非變化微妙,這可以協助使用者辨別功能差異。在相同輸入環境下,請盡量避免使用看起來很類似但作用卻不同的模式。
194</p>
195
196  </div>
197  <div class="col-6">
198
199    <img src="{@docRoot}design/media/principles_looks_same.png">
200
201  </div>
202</div>
203
204<div class="vspace size-2">&nbsp;</div>
205
206<div class="cols">
207  <div class="col-7">
208
209<h4 id="interrupt-only-if-important">重要時才打斷</h4>
210<p>就像一位好的私人助理,應該讓使用者免於無關緊要的枝微末節。使用者總想集中注意力,除非很重要且具時效性,否則貿然中斷會令人感到費力且沮喪。
211</p>
212
213  </div>
214  <div class="col-6">
215
216    <img src="{@docRoot}design/media/principles_important_interruption.png">
217
218  </div>
219</div>
220
221<h2 id="make-me-amazing">讓使用者驚艷</h2>
222
223<div class="cols">
224  <div class="col-7">
225
226<h4 id="give-me-tricks">提供使用者各處通用的訣竅</h4>
227<p>當使用者能自行弄清楚來龍去脈時是很棒的體驗。運用來自其他 Android 應用程式的視覺模式和肌肉記憶效應,讓使用者更易於學會您的應用程式。
228例如,擺動手勢可能是很好的導覽捷徑。
229</p>
230
231  </div>
232  <div class="col-6">
233
234    <img src="{@docRoot}design/media/principles_tricks.png">
235
236  </div>
237</div>
238
239<div class="vspace size-2">&nbsp;</div>
240
241<div class="cols">
242  <div class="col-7">
243
244<h4 id="its-not-my-fault">不是使用者的錯</h4>
245<p>提示使用者進行更正時要溫和。使用者使用您的應用程式時,不會自覺是笨蛋。
246若有地方出錯,請提供明確的復原指示,但不需要使用者明瞭技術細節。如果可以,請盡量在幕後修正。
247</p>
248
249  </div>
250  <div class="col-6">
251
252    <img src="{@docRoot}design/media/principles_error.png">
253
254  </div>
255</div>
256
257<div class="vspace size-2">&nbsp;</div>
258
259<div class="cols">
260  <div class="col-7">
261
262<h4 id="sprinkle-encouragement">分段鼓勵</h4>
263<p>將複雜工作細分成更小的步驟,讓使用者可以輕鬆完成。對動作給予回饋,即使只是細微的動作。
264</p>
265
266  </div>
267  <div class="col-6">
268
269    <img src="{@docRoot}design/media/principles_sprinkle_encouragement.png">
270
271  </div>
272</div>
273
274<div class="vspace size-2">&nbsp;</div>
275
276<div class="cols">
277  <div class="col-7">
278
279<h4 id="do-heavy-lifting-for-me">為使用者處理繁重的工作</h4>
280<p>讓新手也能做到以前從未想像過可以完成的事情,讓使用者覺得自己是專家。例如,組合多個相片效果的捷徑,只要幾個步驟,即可讓業餘照片令人驚艷。
281
282</p>
283
284  </div>
285  <div class="col-6">
286
287    <img src="{@docRoot}design/media/principles_heavy_lifting.png">
288
289  </div>
290</div>
291
292<div class="vspace size-2">&nbsp;</div>
293
294<div class="cols">
295  <div class="col-7">
296
297<h4 id="make-important-things-fast">快速找到重要的功能</h4>
298<p>並非所有的動作都平等。決定應用程式中最重要的部分,並讓使用者易於找到並可迅速使用,例如相機的快門按鈕或音樂播放器的暫停按鈕。
299</p>
300
301  </div>
302  <div class="col-6">
303
304    <img src="{@docRoot}design/media/principles_make_important_fast.png">
305
306  </div>
307</div>
308