Home | History | Annotate | Download | only in get-started 
      1 page.title=Nguyn tc Thit k Android
      2 @jd:body
      3 
      4 <p>Nhng nguyn tc thit k ny c xy dng bi v dnh cho
      5 Nhm Tri nghim Ngi dng Android  m bo li ch tt nht cho ngi dng.
      6 i vi nh pht trin v nh thit k Android, chng tip tc
      7 nhn mnh nhng nguyn tc ch o thit k chi tit hn dnh cho cc loi
      8 thit b khc nhau.</p>
      9 
     10 <p>
     11 Hy cn nhc nhng nguyn tc ny khi p dng s sng to
     12 v t duy thit k ca mnh. Thay i c mc ch.
     13 </p>
     14 
     15 <h2 id="enchant-me">Thu ht ti</h2>
     16 
     17 <div class="cols">
     18   <div class="col-7">
     19 
     20 <h4 id="delight-me">Khin ti xao xuyn v ngc nhin</h4>
     21 <p>Cnh vt p, hot hnh c b tr cn thn hay hiu ng m thanh ng lc khin
     22 tri nghim cng thm phn thch th. Hiu ng tinh t gp phn em li cm gic nh nhng nhng
     23 mnh m trong tm tay.</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">Cc i tng i tht trng th v hn cc nt bm v menu</h4>
     39 <p> ngi dng trc tip chm v thao tc cc i tng trong ng dng ca bn. Lm nh vy va gim n lc nhn thc
     40 cn thit  thc hin mt tc v, va em li s tha mn v cm xc.</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">Hy  ti bin n thnh ca mnh</h4>
     56 <p>Ngi dng thch cm gic tip xc c nhn bi n gip h cm thy rt t nhin v nm quyn kim sot. Cung cp
     57 thit lp mc nh tuyt p, d cm nhn, nhng cng phi xt n nhng ty chnh th v, c th la chn  khng cn tr
     58 nhim v chnh yu.</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">Hiu r v ti</h4>
     74 <p>Tm hiu s thch ca ngi dng qua thi gian. Thay v bo h chn
     75 i chn li cng mt th, hy b tr  nhng la chn trc  d dng trong tm vi.</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">n gin ha cuc sng ca ti</h2>
     86 
     87 <div class="cols">
     88   <div class="col-7">
     89 
     90 <h4 id="keep-it-brief">Hy ngn gn</h4>
     91 <p>S dng nhng cm t ngn vi t ng n gin. Ngi dng thng hay b qua nhng cu di dng.</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">Hnh nh n nhanh hn cu ch</h4>
    107 <p>Hy ngh n vic dng hnh nh  gii thch  tng. Chng d thu ht s ch  ca ngi dng v c th hiu qu hn nhiu
    108 so vi t ng.</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">Quyt nh h ti nhng phi  ti cht h</h4>
    124 <p>Hy a ra phn on tt nht v hnh ng thay v hi trc. Qu nhiu la chn v quyt nh khin ngi dng
    125 khng vui. Phng trng hp bn sai, hy cho 'hon tc'.</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">Ch hin nhng th ti cn khi ti cn n</h4>
    141 <p>Ngi dng s b qu ti khi h thy qu nhiu th cng lc. Hy chia cc tc v v thng tin thnh nhng on nh,
    142 d nm bt. n nhng ty chn khng thit yu vo thi im  v nhc ngi dng khi i qua chng.</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">Ti cn lun bit mnh ang  u</h4>
    158 <p>Khin ngi khc t tin rng h bit mnh ang  u. Khin nhng a im trong ng dng ca bn trng khc bit
    159 v s dng chuyn tip  th hin mi quan h gia cc mn hnh. Cung cp phn hi v cc tc v ang din ra.</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">Khng bao gi nh mt nhng th ca ti</h4>
    175 <p>Lu nhng th ngi dng mt thi gian  to v cho php h truy cp chng t mi ni. Nh cc ci t,
    176 thao tc chm c nhn v ni dung khi to gia cc in thoi, my tnh bng v my tnh. iu  s khin vic nng cp
    177 tr nn d dng nht trn i.</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">Nu b ngoi ging nhau th hnh ng cng phi nh nhau</h4>
    193 <p>Gip ngi dng phn bit s khc nhau v chc nng bng cch khin b ngoi trng khc bit thay v ch khc mt cht.
    194 Trnh nhng ch  trng ging nhau nhng li phn hi khc nhau vi cng ni dung u vo.</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">Ch lm ti gin on nu tht s quan trng</h4>
    210 <p>Nh mt tr l c nhn ng ngha, hy trnh lm ngi dng mt thi gian vo th khng quan trng. Ngi dng thng mun
    211 tp trung v tr trng hp rt quan trng v nhy cm v thi gian, nu khng vic gin on c th khin h kh chu.</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">Lm ti n tng</h2>
    222 
    223 <div class="cols">
    224   <div class="col-7">
    225 
    226 <h4 id="give-me-tricks">Cho ti xem nhng tr c th p dng  mi ni</h4>
    227 <p>Ngi dng thy thch th khi h t khm ph mi th. Thit k ng dng ca bn d hc hi hn nh
    228 tn dng cc kiu mu trc quan v tr nh c iu kin t cc ng dng Android khc. V d, c ch trt nhanh
    229 c th l mt li tt iu hng hay.</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">Khng phi li ca ti</h4>
    245 <p>Nh nhng trong cch nhc ngi dng sa li. H lun mun cm thy thng minh khi dng ng dng
    246 ca bn. Nu c g  khng ng, hy a ra ch dn khc phc r rng nhng b qua nhng chi tit k thut.
    247 Nu bn c th khc phc m khng lm phin h th cng tuyt.</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">Khi gi s khuyn khch</h4>
    263 <p>Chia cc nhim v phc tp thnh nhiu bc nh hn v d hon thnh. Phn hi hnh ng,
    264 k c khi  ch l mt vng sng nh.</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">Lm gip ti nhng chuyn nng nhc</h4>
    280 <p>Khin ngi mi cm thy mnh nh chuyn gia bng cch cho php h lm nhng vic m h cha tng ngh mnh c th lm c. V
    281 d, cc li tt kt hp nhiu hiu ng nh chp c th khin mt bc nh nghip d tr nn ng kinh ngc
    282 ch sau vi bc.</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">Nhanh chng n phn quan trng</h4>
    298 <p>Khng phi hnh ng no cng nh nhau. Quyt nh xem iu g l quan trng nht trong ng dng ca bn v khin n d tm thy v
    299 nhanh chng c s dng, v d nh nt chp trong camera hoc nt tm dng trong mt trnh pht nhc.</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